@charset "iso-8859-1";
/* CSS Document */

* {
	outline: none;	
}

html{
	overflow-y: scroll;
}

html.tracking_page {
	overflow-y: auto;
}

body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	min-width: 320px;
	background: url(/images/navigation_bgr2_v2.jpg) repeat-y #fff;
	-webkit-text-size-adjust: none;
	/*min-height: 100vh;*/
}

.ios-fix {
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nowrap {
	white-space: nowrap;
}

.mfp-image {
	cursor: pointer;
}

.dark_placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #828282;
}

.dark_placeholder:-ms-input-placeholder { /* IE 10+ */
	color: #828282;
}

.dark_placeholder::-moz-placeholder { /* Firefox 19+ */
	color: #828282;
}

.dark_placeholder:-moz-placeholder { /* Firefox 18- */
	color: #828282;
}

.dark_placeholder:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #636363;
}

.dark_placeholder:focus:-ms-input-placeholder { /* IE 10+ */
	color: #636363;
}

.dark_placeholder:focus::-moz-placeholder { /* Firefox 19+ */
	color: #636363;
}

.dark_placeholder:focus:-moz-placeholder { /* Firefox 18- */
	color: #636363;
}

.bold_placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}

.bold_placeholder:-ms-input-placeholder { /* IE 10+ */
  color: black;
}

.bold_placeholder::-moz-placeholder { /* Firefox 19+ */
  color: black;
}

.bold_placeholder:-moz-placeholder { /* Firefox 18- */
  color: black;
}

.bg_2 {
	background: url(/images/navigation_bg2.jpg) repeat-y #e6e6e6;	
}

.bg_3 {
	background: url(/images/navigation_bg3.jpg) repeat-y #f3f3f3;	
}

img{
	border: none;
}

.clear{
	clear: both;
	font-size: 0;
	height: 0;
}

.block_label{
	display: block;
}

/*.error {
	color:#a00000;
	border:1px solid #a51b1b;
	background:#ffdbdb;
	padding:6px 10px;
	margin:5px 0;
}*/

.error{
	background: #ff4e4e; 
	border: 1px solid #ff4e4e;
	color: #fff;
	font-size: 14px; 
	padding: 10px 15px;
}

.error a{
	color: #fff;
	border-bottom: 1px solid #fff;
	transition: .3s ease;
}

.message {
	color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #8a6d3b;
	padding:6px 10px;
	border-radius:4px;
}

.message-v2,
.error-v2 {
	padding: 12px 14px;
	font-size: 12px;
	overflow: hidden;
}

.message-v2 {
	color: #8a6d3b;
	background-color: #fcf8e3;
}

.error-v2 {
	color: #fff;
	background-color: #cd1b30;
}

.message-v2--mtop,
.error-v2--mtop {
	margin-top: 20px;
}

.message-v2--mbottom,
.error-v2--mbottom {
	margin-bottom: 20px;
}

input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"],
input[type="button"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}


textarea {
	padding: 5px;
	border-radius: 2px;
	border: thin solid #838383;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
}

input[type="text"],
input[type="email"], 
input[type="number"],
input[type="password"], 
select {
	padding: 5px;
	border-radius: 2px;
	outline: none;
	background: #FFF;
}

input[type="submit"] {
	-webkit-appearance:none;
	-webkit-transition: color .25s, background-color .25s;
	-moz-transition: color .25s, background-color .25s;
	-o-transition: color .25s, background-color .25s;
	-ms-transition: color .25s, background-color .25s;
	transition: color .25s, background-color .25s;
}

.small {
	font-size: 10px;
	padding: 0 10px;
	color: #777;
}

.small a{
	text-decoration: none;
	color: #5f5f5f;
}

.hidden {
	display: none;
}

.validate_border {
	border: 2px solid #ee3c51 !important;
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.validate_border_simple {
	border: 1px solid #ee3c51 !important;
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0) translateY(-50%);
	}
	
	20%, 40% {
		-webkit-transform: translate3d(-3px, 0, 0) translateY(-50%);
	}
	
	40%, 80% {
		-webkit-transform: translate3d(3px, 0, 0) translateY(-50%);
	}  
}

@keyframes shake {	
	0%, 100% {
		transform: translate3d(0, 0, 0) translateY(-50%);
	}
	
	20%, 60% {
		transform: translate3d(-3px, 0, 0) translateY(-50%);
	}
	
	40%, 80% {
		transform: translate3d(3px, 0, 0) translateY(-50%);
	}
}

.image_align_middle{vertical-align:middle;margin:0 0 .25em 0;}

.no-break {
	white-space: nowrap;	
}

.project-previews-revisions-page body{
	background:none;
}

.error.preview_error{
	margin: 20px 0 -15px;
}

.revision-buttons{
	color:#fff;
	border:none;
}

.revision-buttons-container{
	float: right;	
	margin-right: 10px;
}

.revision-back{
	background:url("/images/back-arrow.png") center left no-repeat;	
	height: 8px;width: 6px;
	padding-left: 14px;
    margin-right: 25px;
}
 
.revision-next{
	background:url("/images/next-arrow.png") center right no-repeat;	
	height: 8px;width: 6px;
	padding-right: 14px;	
}

.revision-buttons.noclick{
	opacity: 0.4;
	cursor: default; 
}

.project-previews-revisions-page .panel-header-new-inner {
    padding: 10px 0;
}

.revision-buttons:hover{ 
	color:#fff;
	text-decoration: none;	 
	border:none;
}

.prevision-title{
	font-size:16px;
	color:#fff;
	font-family: 'Lato', sans-serif;	
	padding: 0 10px;
}

.preview-details{
	border-bottom: 1px solid #dadada;
    padding: 10px 18px 10px 10px;
	background-color:#fff;
    position: relative;
    min-height: 50px;
}

.revision-created{
	font-size:11px;	
	font-family: 'Lato', sans-serif;
	margin-top: 10px; 
	display: block;
}

.preview-details-title{
	color:#2d2d2d;
	font-family: 'Lato', sans-serif;	
	font-size: 15px;
	display: inline-block;
}

.revision-desc{
	max-width: 60%;	
	font-size:12px;
	line-height:14px;
	padding-top: 3px;
	color:#2d2d2d;
	font-family: 'Lato', sans-serif;
	display: block;
}
.revision-desc, .preview-details-title{
	border-bottom:none !important; 
	text-decoration: none;
}	

.preview-details .revision-desc:hover, .preview-details .preview-details-title:hover{
	text-decoration: none;
	border-bottom:none !important; 
	color:#2d2d2d;	
}

.revision-history{
	padding-left: 5px;
	font-family: 'Lato', sans-serif;
}

.preview-history, .preview-history :hover{
	border:none;	
	text-decoration: underline;
	color:#2d2d2d;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
}

.revision-right{
    position: absolute;
	right: 10px;
	top: 50%;
	transform:translateY(-50%);
}	

.revision-right > div{
    display: inline-block;
}

.revision-status, .revision-archive, .revision-approve{
	top: 50%;
}
 
.revision-overflow .revision-status{
	transform:translateY(0%);	
}

.revision-overflow .revision-approve, .revision-overflow .revision-archive{
	transform:translateY(0%);	
}

.revision-approve, .revision-archive, .archived{
	padding: 7px 14px;
	color:#fff;
	border-radius:3px;
	font-size:12px;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
}

.revision-archive, .archived{
	padding: 7px 15.5px;	
}

.revision-size-container + .revision-status{
	transform:translateY(-45%);	
}	

.revision-approve{
	background-color:#2db15f;
}

.revision-archive, .archived{
	background-color:#7b7b7b;	
	margin-left: 35px;
	display: inline-block; 
}

.archived.approved{
	background-color:#2db15f;	
	color: #fff;
}

.revision-status{
	color:#e52121;	
	margin-right: 20px;
}

.no-approve .revision-status{
	margin-right: 0;	
}

.revision-status:before{
    content: "";
    position: absolute;
    height: 13px;
    width: 13px;
    border:1px solid #e52121;
    border-radius: 50%;
	margin: -1px 0 0 -20px;
}

.revision-buttons-container, .prevision-title{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
	z-index: 10;
}

.revision-buttons-container{
	right: 0;
	padding-top: 10px;
}

.revision-size-container{
    padding: 6px 8px 6px 40px;
    border: 1px solid #7f7f7f;
    background-color: #fff;
    margin-right: 80px;
    background-image: URL('/images/preview-size-warn.png');
    background-repeat: no-repeat;
    background-position: 8px;
	width: 170px;
	position:relative;
	left: 50%;
	transform:translateX(-50%);
	display: none;
	margin-top: 10px;	
}

.revision-actual, .revision-optimized, .revision-actual-size, .revision-optimized-size{
	font-size:11px;
	font-family:"Open Sans", sans-serif;	
	color:#2d2d2d;
	line-height: 13px;
}

.revision-actual-size, .revision-optimized-size{
	float: right;	
	margin-left: 5px;
}

.revision-overlay{
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	display: none;
	z-index: 20;
}

.revision-overlay-inner{
	padding: 50px;
	position: fixed;
	top: 200px;
	left:50%;
	transform:translateX(-50%);
	background-color:#fff;	
	max-width:400px;
	min-width:390px;
	display: none;
	z-index: 30;
}

.revision-overlay-heading{
	color:#008ccb;
	font-size:26px;
	font-family: 'Lato', sans-serif;	
}

.approve-info-left, .approve-info-right{
	display: inline-block;	
}


.approve-info{
	margin: 22px 20px 0 0;
	clear: both;
}

.approve-info > div {
	clear: both;	
}

.approve-info-left, .approve-info-right{
	font-size:12px;
	font-family: 'Lato', sans-serif;
	margin-bottom: 4px;	
	float: left;
}

.approve-info-left{
	width: 100px;
	color:#757575;
	text-transform: uppercase;
}

.approve-info-right {
	max-width: 260px;
	color:#2d2d2d;	
}

.revision-text{
	margin: 20px 0 0 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}	

.approve-button, .approve-cancel, .archive-button, .archive-cancel{
	padding: 15px 40px;
	color:#fff;
	border-radius: 3px;
	font-size:13px;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
	margin-top:25px;
}

.revision-right .approved-revision{
	color:#2db15f;
	display: block;
}

.overflow-top, .overflow-bottom{
	display: none;	
}

.current-revision .preview-details-title{
	font-weight: 600;	
}

.approved-by{
    display: block;
    margin-top: 7px;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    opacity: .4;
}

.no-approve .revision-archive{
	margin-right: 0;	
}

.no-approve{
	text-align: right;	
}

.approved-revision:before{
	border:1px solid #2db15f;
}

.approve-button, .archive-button{
	margin-right: 60px;
	float: left;
}

.approve-button{
	background-color:#2db15f;
}

.archive-button{
	background-color:#bf2424;
}

.approve-cancel, .archive-cancel{
	float: right;	
	background-color:#bdbdbd;
}

.project-previews-revisions-page{
	overflow-x: hidden;	
}

.revision-image{
	position: relative;
	left:50%;
	transform:translateX(-50%);	
	max-height:100%;
	max-width:100%;
}



.revision-overflow{
	display: none;	
}

.preview-details a{
	border-bottom: 1px solid #007eb6;
}

.current-revision{
	background-color:#f5f5f5;
}	

.revision-overflow .no-approve .revision-status{
	margin-right: 5px;	
}

.approve-loading, .archived-loading, .current-loading{
	position: relative;	
	margin-left: 50px;
}

.approve-loading span, .archived-loading span, .current-loading span{
	height: 12px;
    width: 12px;
    background-color: black;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}

.approve-loading span, .archived-loading span, .current-loading span{ 
	animation:loadingAnimate 1.5s linear infinite;
}

.approve-loading span:nth-child(2), .archived-loading span:nth-child(2), .current-loading span:nth-child(2){
	animation-delay:.25s;
}

.approve-loading span:last-child, .archived-loading span:last-child, .current-loading span:last-child{
	animation-delay:.5s;
}

@keyframes loadingAnimate{
	0%{transform:scale(1);}
	50%{transform:scale(0);}
	100%{transform:scale(1);}
}

.no-preview{
	font-size:18px;
	font-family: 'Lato', sans-serif;	
	font-weight: 900;
}

.project-previews-revisions-page .panel-header-new{
    background: #008ccb;
    margin: 0;
   	height: 60px;
	position: relative;
}	

.current-previews > div{
	display: none;	
}

.current-previews .current-loading{
	display: block;	 
}

.archive-preview{
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    border-radius: 2px;
    background: #006fa1;
    color: #fff;
    border: 0;
    display: inline-block;
    margin: 15px 0 0 18px;
}

.revision-dropdown{
    display: inline-block;
    position: relative;
    margin-right: 40px;
    color: #fff;
    background: url("/images/drop-arrow.png") right 6px no-repeat;
    padding-right: 14px;
    cursor: pointer;
	transition:background .3s ease;
	padding-bottom: 10px;
}

.revision-dropdown:hover{
    background: url("/images/down-arrow.png") right 6px no-repeat;	
}

.revision-dropdown .revision-drop-container{
    display: none;
    position: absolute;
    width: 290px;
    margin-left: -15px;
    text-align: left;
    margin-top: 10px;
    padding-top: 10px;
    background-color: #008ccb;
    border-radius: 3px;
    padding-left: 0px;
    border: 1px solid #fff;
    cursor: default;
    padding-bottom: 5px;
}

.revision-drop-container a{
	display: block;
    margin-bottom: 5px;
    text-decoration: none;
    list-style: none;
    padding: 0 5px 1px 5px;
    margin-left: 10px;
	color:#fff;
	border-bottom:none;
}

.revision-logo{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(/images/2d@2x.png) center center no-repeat;
    background-size: contain;
    height: 30px;
    width: 50px;
}

.revision-drop-container a:hover{
	text-decoration: underline;
	border-bottom:none;
	color:#fff;
}	

.revision-drop-container.archived{
	width: 280px;
}	
 
.comment-btn{
	padding: 7px 14px 6px 14px;
    background-color: #008ccb;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;	
	margin-right: 10px;
	text-transform: uppercase;
}

.buttons-container{
	display: inline-block;	
}

.comment{
    height: 45px;
    width: 300px;
    border: 1px solid rgb(169, 169, 169);
    padding: 5px;
    cursor: text;
    font-family: 'Lato', sans-serif;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
	right: 80px;
	resize:none;
	display: none;
}	

.comment-main{
	display: none;
    margin-top: 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;	
	resize:none;
}

.comment-submit{
	padding: 5px 14px 5px 14px;
	display: block;	
}

.comment:empty:before {
  content: attr(placeholder);
  display: block; /* For Firefox */
  color:#cdcdcd;
}

.comment-form{
	display: none;	
}

.project-previews-revisions-page body{
	width: 100%;
}

.comment-form{
	margin-top: 15px;	 
}

.comment-preview, .comment-revision{
	margin-left: 10px;
	font-size:14px;
	font-family: 'Lato', sans-serif;	
}

.revision-page-content{
	margin-top: 10px;	
}

.revision-right .comment-send, .revision-right .comment-close{
	display: none;	
}

.open .comment-send, .open .comment-close{
	display: block !important;
	text-align: center;
}	

.comment-send{
	margin-bottom: 2px;	
}

.comment-close{
	background-color: #7b7b7b;	
}

.comment-sent{
	margin-right: 50px;	
	opacity: .6;
}

.comment.moved{
    margin-top: 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);	
}

.view-comments{
	margin: 10px 10px 0 10px;
	font-size:12px;
	font-family: 'Lato', sans-serif;
	text-decoration: underline;
	color:#2d2d2d;	
	cursor:pointer;
	float: right; 
}

.comments-container{
	margin: 10px 10px 0 10px;
	float: right;
	width: 40%;
	background-color:#fff;
	clear:right;	
	border:1px solid black;
	display: none;
}

.comment-block{
	border-bottom:1px solid #2d2d2d;	
	width: 100%;
	padding: 10px;
	box-sizing:border-box;
	position: relative;
}

.comment-date{
	margin-bottom: 5px;	
}

.comment-delete{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	right:10px;
	cursor:pointer;
	content:"#2715";
	color:#ff0000;
	font-size:16px;
}

.comment-edit{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	right:30px;
	cursor:pointer;
	content:"#2715";
	font-size:12px;
}	

.comment-change{
	margin-top: 10px;
	display: none;	
	resize:none;
}

.comment-change-cancel, .comment-change-confirm{
	display: inline-block;	
	cursor:pointer;
	padding: 5px 15px;
	color:#fff;
	border-radius:3px;
	position: relative;
}

.comment-change-container{
	margin-top: 5px;
	display: none;	
}

.comment-change-cancel{
	background-color:#7b7b7b;
}

.comment-change-confirm{
	background-color:#008ccb;
	margin-right: 10px;
}

.comment-block:last-child{
	border-bottom:none;	
}

.comment-overlay{
	height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 20;	
}

.comment-olay-yes, .comment-olay-no{
	cursor:pointer;
	padding: 8px 20px;
	display: inline-block;	
	color:#fff;
	margin-top: 20px;
	border-radius:3px;
	position: relative;
}

.comment-olay-text{
	font-colour:#000;
	font-family: 'Lato', sans-serif;
	font-size:14px;	
}

.comment-olay-yes{
	background-color:#bf2424;
	float:left;
}

.comment-olay-no{
	background-color:#bdbdbd;	
	float: right;
}

.comment-overlay-inner{
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 21;
    padding: 30px;
    display: none;
    position: relative;
    width: 380px;
    height: 67px;
}

.comment-updated{
	margin-top: 10px;
	color:#ff0000;	
	font-size:14px;
	font-family: 'Lato', sans-serif;
}

.empty-comment::-webkit-input-placeholder{
	color:#ff0000;	
}

.revision-dropdown:hover .revision-drop-container{
	display: block;	
}

.archived{
	color:#aaa;
	cursor:default;
}

.current-drop{
	font-weight:bold;
	display: block;
    margin-bottom: 5px;
    text-decoration: none;
    list-style: none;
    padding: 0 5px 1px 5px;
    margin-left: 10px;
    color: #fff;
    border-bottom: none;
}

.preview_contact .project_contact_name {
    margin: 6px 70px 0px 0px;
    height: 60px;
}

.preview_contact .project_contact_image {
    float: right;
}

.approved_responsive{
	display: none;	
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* ---typography--- */
a,
.device-card-link,
.device-card-request-key,
#generate_new_key,
.js-swap-lines span {
	color: #008ccb;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	
	-webkit-transition: color .25s, border .25s, background-color .25s;
	-moz-transition: color .25s, border .25s, background-color .25s;
	-o-transition: color .25s, border .25s, background-color .25s;
	-ms-transition: color .25s, border .25s, background-color .25s;
	transition: color .25s, border .25s, background-color .25s;
}

.device-card-request-key,
#generate_new_key,
.js-swap-lines span {
	cursor: pointer;
}

a:hover,
.device-card-link:hover,
.device-card-request-key:hover,
#generate_new_key:hover,
.js-swap-lines span:hover {
	color: #007eb6;
	border-bottom: 1px solid #007eb6;
}

.device-card li .device-card-request-key {
	/* display: inline-block; */
	float: left;
}

#generate_new_key {
	display: inline-block;
}

input[type="submit"] {
	border: 0;	
	cursor: pointer;
}

input[type="text"],
input[type="email"], 
input[type="number"],
input[type="password"], 
select, 
textarea {
	border: 1px solid #cdcdcd;
	font-family: 'Open Sans', sans-serif;
	transition: border .3s ease, color .3s ease;
}

input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
#task_description_rich:focus,
#task_desc_pii:focus {
	border-color: #2d2d2d;
}


input[type="text"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: #ccc !important;
}

input[type="text"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
#task_description_rich:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ccc !important;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
#task_description_rich::-webkit-input-placeholder,
#task_description_rich:empty:before {
	transition: color .3s ease;
}

#task_description_rich:focus:empty:before {
	color: #ccc !important;
}

 



textarea{
	overflow: auto;
}

/* ---structure--- */
#container {
	min-width: 0;
	max-width: none;
	margin: 0;
}

#midsection{
	border: 0;
	padding-right: 30px;
	/*overflow: hidden;*/
}

#midsection:before,
#midsection:after {
    content: " ";
    display: table;
}

#midsection:after {
    clear: both;
}

#content_main{
	float: left;
	width: 100%;
}

.content_main_margin{
	margin-left: 338px;
}

.content_main_margin > .alert-msg-cont {
    margin: 0 -30px 0 -38px;
}

#footer{
	background: #252525;
	font-size: 12px;
	color: #9d9d9d;
	margin: 0;
	padding: 20px 30px 20px 40px;
	text-align: center;
	line-height: 20px;
}

.footer_left {
	float:left;
	width:auto;
	text-align:left;
}

.footer_right {
	float:right;
	width:auto;
	text-align:right;
}

#footer a{
	color: #999;	
}

#footer a:hover{
	color: #5f5f5f;
	border-color: #5f5f5f;
}

/* ---sidebar--- */
#header{
	width: 300px;
	height: 72px;
	background: url(/images/header_splash.png) #393939 no-repeat left top;
	background:none;
	margin-bottom: -72px;
	position: relative;
}

#header h1 a {
	font-size: 30px;
	font-weight: normal;
	color: #7b7b7b;
	letter-spacing: 2px;
	padding: 5px;
	text-decoration: none;
}

#header a{
	border: 0;
}

#header img {
	float: none;
	margin: 21px 0 0 30px;
}

.logo {
	display: block;	
}

.logo-reseller {
	padding: 11px 34px 11px 26px;
	display: block;
	width: 200px;
	height: 50px;
}

.logo-reseller-inner {
	display: table;
	height: 100%;
	width: 100%;
}

.logo-reseller-center {
	display: table-cell;
	vertical-align: middle;
}

#header .logo-reseller img {
	margin: 0;
	max-width: 100%;
	max-height: 100%;
}

.mbl-menu,
.icon-burger,
.mbl-request-btn {
	display: none;	
}

.icon-burger {
	position: absolute;
	top: 50%; 
	left: 2.5%;
	margin-top: -10px;
	margin-left: 5px;
	width: 30px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.icon-burger.open {
	margin-top: -12px;
}

.icon-burger a {
	position: relative;
	display: block;
	z-index: 500;
	width: 30px;
	height: 24px;
}

.icon-burger a,
.icon-burger a:hover {
	text-decoration: none;
	border: none;
}

.icon-burger span {
	float:left;
	background: #fff;
			transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	position: relative;
	width: 15px;	
	height: 1px;
}

.icon-burger .burger-row {
	margin-bottom: 0px;	
			transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	position: relative;
}

.icon-burger .burger-row-middle span:first-child {
	left: 0px;
}
.icon-burger .burger-row-middle span:last-child {
	right: 0px;
}

.icon-burger.open .burger-row-middle span:first-child {
	left: -10px;
	opacity: 0;	
}

.icon-burger.open .burger-row-middle span:last-child {
	right: -10px;
	opacity: 0;	
}

.icon-burger.open .burger-row:first-child span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 2px;
}

.icon-burger.open .burger-row:first-child span:last-child {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 2px;
}

.icon-burger .burger-row:first-child {
	position: absolute;
	top: 0px;	
}

.icon-burger .burger-row:last-child {
	position: absolute;
	bottom: 3px;	
}

.icon-burger .burger-row-middle {
	position: absolute;
	top: 10px;	
}

.icon-burger.open .burger-row:last-child {
	bottom: 6px;
}

.icon-burger.open .burger-row:first-child {
	top: 6px;
}

.icon-burger.open .burger-row:last-child span:first-child {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 2px;
}

.icon-burger.open .burger-row:last-child span:last-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 2px;
}

#sidebar{
	width: 300px;
	margin-top: 71px;
	margin-left: -100%;
	float: left;
}

#sidebar-inner {
	overflow: hidden;
}

#navigation{
	font-family: 'Lato', sans-serif;
	width: 100%;
	margin: 0;
	/*padding: 0 0 40px;*/
	float: left;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li{
	list-style: none;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	margin: 1px 0 0;
	border-left: 2px solid transparent;
	height: 60px;
	line-height: 60px;
	padding: 0;
	background: #2e2e2e;	
	-webkit-transition: background-color .25s, border .25s;
	-moz-transition: background-color .25s, border .25s;
	-o-transition: background-color .25s, border .25s;
	-ms-transition: background-color .25s, border .25s;
	transition: background-color .25s, border .25s;
}

#navigation ul li a{
	color: #fff;
	font-size:13px;
	text-transform:none;
	height: auto;
	line-height: 18px;
	display: block;
	border: 0;
	text-decoration: none;
}

#navigation ul li a span{
	font-size: 11px;
	color: #616161;
	display: block;
}

.icn_nav_request a{ background: url(/images/icn_nav_request_v2.png) no-repeat 27px center; }
.icn_nav_projects a{ background: url(/images/icn_nav_projects_v2.png) no-repeat 27px center; }
.icn_nav_marketing a { background: url(/images/icn_nav_marketing.png) no-repeat 27px center; }
.icn_nav_hosting a { background: url(/images/icn_nav_hosting.png) no-repeat 28px center; }
.icn_nav_intelicall a{ background: url(/images/icn_nav_intelicall.png) no-repeat 25px center; }
.icn_nav_intelifibre a { background: url(/images/icn_nav_intelifibre.png) no-repeat 25px center; }
.icn_nav_shop a { background: url(/images/icn_nav_shop.png) no-repeat 27px center; }
.icn_nav_knowledgebase a { background: url(/images/icn_nav_knowledgebase.png) no-repeat 27px center; }
.icn_nav_mow a { background: url(/images/icn_nav_mow.png) no-repeat 19px center; }
.icn_nav_account a{ background: url(/images/icn_nav_billing.png) no-repeat 27px center; }
.icn_nav_settings a {background: url(/images/icn_nav_settings_v2.png) no-repeat 25px center;}

#navigation ul li.sel, 
#navigation ul li:hover {
	position: relative;
	padding: 0;
	height: 60px;
	line-height: 60px;
	font-weight: normal;
	margin: 1px 0 0;
	background: #393939;
	color: #fff;
	border-radius: 0;
	border: 0;
	right: auto;
	border-left: 2px solid #008ccb;
}

#navigation ul li:hover {
	border-left: 2px solid #fff;
}

#accounts_list,
#channels_list,
#mow_list,
#intelinetworks_list{
	float: left;
	background: #2e2e2e;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	width: 100%;
	margin: 0 0 6px;
}

#channels_list {
	margin-bottom: 1px;	
}

#mow_list,
#intelinetworks_list{
	margin: 20px 0 0;
}

#accounts_list p,
#channels_list p,
#mow_list p,
#intelinetworks_list p{
	display:none;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	padding: 0 0 18px 40px;
	margin-top: 22px;
	margin-bottom: 0px;
}

#accounts_list ul,
#channels_list ul,
#mow_list ul,
#intelinetworks_list ul{
	margin: 0;
	padding: 10px 0;
}

#channels_list ul {
    padding: 4px 0;
}

#mow_list ul,
#intelinetworks_list ul{
	padding: 4px 0;
}

#accounts_list li,
#channels_list li,
#mow_list li,
#intelinetworks_list li{
	color: #fff;
	list-style: none;
	margin: 14px 0;
	padding: 0 27px;
}

#channels_list li {
	padding: 0 0 0 43px;
    margin: 9px 27px;
}

#mow_list li,
#intelinetworks_list li{
	text-transform: none;
	font-size: 13px;
	margin: 9px 0;
}

#channels_list .chnl-2dmedia {
	background: url(/images/icn-chnl-switch-2dmedia.png) no-repeat 1px center;
	background-size: 18px 12px;
}

#channels_list .chnl-2dmedia.sel {
	background-image: url(/images/icn-chnl-switch-2dmedia-sel.png);
}

#channels_list .chnl-intelicall {
	background: url(/images/icn-chnl-switch-intelicall.png) no-repeat 1px center;
	background-size: 21px 13px;
}

#channels_list .chnl-intelicall.sel {
	background-image: url(/images/icn-chnl-switch-intelicall-sel.png);	
}

#channels_list .chnl-intelinetworks {
	background: url(/images/icn-chnl-switch-intelinetworks.png) no-repeat 4px center;
	background-size: 13px;
}

#channels_list .chnl-intelinetworks.sel {
	background-image: url(/images/icn-chnl-switch-intelinetworks-sel.png);	
}

#channels_list .chnl-thermatrack {
    background: url(/images/icn-chnl-switch-thermatrack.png) no-repeat 2px center;
    background-size: 18px 13px;
} 

#channels_list .chnl-thermatrack.sel {
    background: url(/images/icn-chnl-switch-thermatrack-sel.png) no-repeat 2px center;
    background-size: 18px 13px;
} 

#channels_list .chnl-2dispatch {
	background: url(/images/icn-chnl-switch-2dispatch.png) no-repeat 6px center;
	background-size: 12px 15px;
}

#channels_list .chnl-2dispatch.sel {
	background: url(/images/icn-chnl-switch-2dispatch-sel.png) no-repeat 6px center;
	background-size: 12px 15px;
}

#channels_list .chnl-wifidata {
	background: url(/images/icn-chnl-switch-wifidata.png) no-repeat 4px center;
	background-size: 13px;
}

#channels_list .chnl-wifidata.sel {
	background: url(/images/icn-chnl-switch-wifidata-sel.png) no-repeat 4px center;
	background-size: 13px;   
}

#channels_list .chnl-callpeople {
	background: url(/images/icn-chnl-switch-callpeople.png) no-repeat 6px center;
	background-size: 9px 13px;
}

#channels_list .chnl-callpeople.sel {
	background: url(/images/icn-chnl-switch-callpeople-sel.png) no-repeat 6px center;
	background-size: 9px 13px;
}

#channels_list .chnl-phonepanel {
	background: url(/images/icn-chnl-switch-phonepanel.png) no-repeat 1px center;
	background-size: 21px 13px;
}

#channels_list .chnl-phonepanel.sel {
	background-image: url(/images/icn-chnl-switch-phonepanel-sel.png);	
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
	#channels_list .chnl-2dmedia {
		background-image: url(/images/icn-chnl-switch-2dmedia@2x.png);
	}
	
	#channels_list .chnl-2dmedia.sel {
		background-image: url(/images/icn-chnl-switch-2dmedia-sel@2x.png);
	}
	
	#channels_list .chnl-intelicall {
		background-image: url(/images/icn-chnl-switch-intelicall@2x.png);
	}
	
	#channels_list .chnl-intelicall.sel {
		background-image: url(/images/icn-chnl-switch-intelicall-sel@2x.png);	
	}
	
	#channels_list .chnl-intelinetworks {
		background-image: url(/images/icn-chnl-switch-intelinetworks@2x.png);
	}
	
	#channels_list .chnl-intelinetworks.sel {
		background-image: url(/images/icn-chnl-switch-intelinetworks-sel@2x.png);
	}
	
	#channels_list .chnl-callpeople {
		background-image: url(/images/icn-chnl-switch-callpeople@2x.png);
	}

	#channels_list .chnl-callpeople.sel {
		background-image: url(/images/icn-chnl-switch-callpeople-sel@2x.png);  
	}

	#channels_list .chnl-phonepanel {
		background-image: url(/images/icn-chnl-switch-phonepanel@2x.png);
	}
	
	#channels_list .chnl-phonepanel.sel {
		background-image: url(/images/icn-chnl-switch-phonepanel-sel@2x.png);	
	}
}

#accounts_list li a,
#channels_list li a,
#mow_list li a,
#intelinetworks_list li a{
	text-decoration: none;
	color: #616161;
}

#accounts_list li a:hover,
#channels_list li a:hover,
#mow_list li a:hover,
#intelinetworks_list li a:hover{
	border-color: #616161;
}

#accounts_list li.sel a,
#channels_list li.sel a,
#mow_list li.sel a,
#intelinetworks_list li.sel a{
	color: #fff;
}

#accounts_list li.sel a:hover,
#channels_list li.sel a:hover,
#mow_list li.sel a:hover,
#intelinetworks_list li.sel a:hover{
	border-color: #fff;
}

.sidebar-verification-code {
	padding: 10px 27px;
	background: #2e2e2e;
	position: relative;
	color: #fff;
}

.verification-code-label {
	color: #dedede;
	/* text-align: center; */
	font-size: 14px;
	display: block;
}

.verification-code-label span {
	display: block;
	font-size: 20px;
	padding: 6px 0 0;
}

.verification-code-label svg {
	height: 12px;
	width: 12px;
	fill: currentColor;
	vertical-align: middle;
	margin-bottom: 2px;
}

span.verification-code-button {
	font-size: 12px;
    padding: 5px 10px;
	background: #383838;
	color: #9a9a9a;
    border-radius: 3px;
    display: inline-block;
	margin-top: 7px;
	cursor: pointer;
	transition: background-color .3s ease, color .3s ease;
	user-select: none;
}

span.verification-code-button:hover {
	background-color: #3e3e3e;
	color: #fff;
}

.verification-code-clear {
	right: 10px;
	bottom: 13px;
	position: absolute;
	height: 20px;
	width: 20px;
    background-image: url(/images/cctv/icn_close_v2.png);
    background-size: 10px 10px;
    background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.verification-code-label label {
	/* padding-left: 15px; */
	/* background-image: url(/images/icon-phone.png); */
	/* background-position: left center;
	background-repeat: no-repeat;
	background-size: 12px 12px; */
	font-size: 12px;
	display: block;
}

a.verification-code-number,
a.verification-code-number:hover {
	font-size: 14px;
	padding: 0;
	color: #9a9a9a;
	font-weight: normal;
	text-decoration: none;
	border: none;
	display: inline-block;
}

.sidebar-verification-code.loading .verification-code-button,
.sidebar-verification-code.loading .verification-code-clear,
.verification-code-loading {
	background-image: url(/images/spinner-v6.gif);
	background-size: 24px 24px;
	background-position: left center;
	background-repeat: no-repeat;
	color: rgba(0,0,0,0);
	cursor: default;
	background-color: rgba(0,0,0,0);
	transition: none;
}

.sidebar-verification-code.loading .verification-code-clear {
	background-size: 20px 20px;
}

.verification-code-loading {
	height: 27px;
}

.navigation.bottom_nav{
	padding: 20px 0 0;
}

.logout-box {
	background: #2e2e2e;
	font-family: 'Lato', sans-serif;
	float: left;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 1px;
}

.logout-box img {
	float: left;
	width: 35px;
	padding: 0 12px 0 22px;	
}

.logout-box-inner {
	color: #fff;
	font-size: 13px;
	padding: 2px 20px 2px 0;
}

.logout-box a{
	border: 0;
	font-size: 11px;
	color: #616161;
}

.logout-box a:hover{
	color: #fff;
}

.logout-box-inner-inner {
	overflow: hidden;
}

.logout-settings {
	width: 18px;
	height: 17px;
	float: right;
	background: url(/images/icn-settings-cog.png) no-repeat;
	margin: 8px 0 0 10px;
	opacity: .7;
	position: relative;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
}

.logout-settings:hover {
	opacity: 1;	
}

.logout-settings:hover .logout-settings-tooltip {
	display: block;	
}

.logout-settings-tooltip {
	position: absolute;
	width: 155px;
	bottom: 110%;
	background: #008ccb;
	color: #fff;
	font-size: 11px;
	font-family: 'Lato', sans-serif;
	padding: 7px 10px;
	letter-spacing: .05em;
	border-radius: 2px;
	margin-bottom: 12px;
	line-height: 12px;
	display: none;
	text-align: center;
	right: -3px;
}

.logout-settings-tooltip:before {
	content: '';
	border: 6px solid #008ccb;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 100%;
	right: 6px;
}

#infobox{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 50px;
}

#infobox a{
	margin-left: 40px;
	text-decoration: none;
	border: 0;
}

.logout-box-blob {
	width: 70px; 
	float: left;
}

.logout-box-content {
	width: 100%;  
	float: right;
	margin-left: -70px;
}

.logout-box-content-inner {
	margin-left: 70px;	
}

.no-blob .logout-box-content-inner {
	margin-left: 27px;
}

.logout-box-user,
.logout-box-account {
	padding: 2px 20px 2px 0;
	color: #fff;	
}

.logout-box-user {
	font-size: 13px;
}

.logout-box-user-inner {
	overflow: hidden;
}

.logout-box-account,
.logout-box-account a {
	font-size: 12px;
	text-transform: uppercase;
}

.logout-box-account ul,
.logout-box-account li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.logout-box-account li {
	margin-top: 8px;
}

.logout-box-account a {
	color: #616161;
}

.logout-box-account a:hover{
	border-color: #616161;
}

/* ---login--- */
.portal_login{
	min-width: 300px;
	background: #252525;
/*	position: relative;*/
}

.login-container,
.checkout-container,
.payment-setup-container {
	max-width: 464px;
	margin: 0 auto;
	width: 95%;
	top: 50%;
	left: 0;
	right: 0;
/*	padding-top: 10%;*/
	padding-bottom: 100px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.checkout-container {
	max-width: 600px;
}

.payment-setup-container {
	max-width: 900px;
	/*position: relative;*/
}

.login-header {
	padding: 0 0 28px;
	text-align: center;
}

.login-header a,
.login-header div {
	margin: 0 auto;
	display: block;
	border: 0;
	/*width: 83px;*/
	/*height: 51px;*/
}

.login-header a {
	text-align: center;
}

.login-header img {
	display: block;	
}

.login-logo {
	width: 320px;
	height: auto;
	font-family: 'Lato', sans-serif;
	font-size: 26px;
	text-align: center;
	color: #fff;
	font-weight: 300;
}

.login-logo-label {
	width: auto;
	height: auto;
	padding-top: 10px;
}

.login-logo-label strong {
	font-weight: 400;
}

.login-form,
.checkout-form,
.payment-setup-form {
	background: #fff;
	border-radius: 2px;
	border-top: 5px solid #008ccb;
	padding: 30px 10% 26px;
	line-height: 18px;
	font-family: 'Open Sans', sans-serif;
	/*color: #808080;*/
	color: #2d2d2d;
	font-size: 13px;
}

.checkout-form {
	padding: 10px 20px;
}

.payment-setup-form {
	padding: 40px 20px;
}

.payment-setup-form-inner {
	max-width: 560px;
	margin: 0 auto;
}

.payment-setup-form .success {
	color: #2d2d2d;
	background: 0;
	padding: 0;
	font-size: 14px;
	margin-bottom: 30px;
}

.checkout-form iframe {
	min-height:490px;
	display: block;
}

.login_label_1 {
	text-align: left;
	margin: 0 0 8px;
}

.login_label_2 {
	text-align: left;
	margin: 20px 0px 8px 0px;
}

.login_input {
	margin: 3px 0px;
}

#username, 
#password,
#password_confirm_new {
	height: 35px;
	box-sizing: border-box;
	padding: 6px;
	border: 1px solid #c5c5c5;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	width: 95%;
	color: #5f5f5f;
	border-radius: 0;
}

.reset_password {
	text-align: left;
	font-size: 11px;
	padding: 4px 0 0;
}

.reset_password a {
	color: #008ccb;
	border: 0;
}

.reset_password a:hover{
	color: #007eb6;
}

.login-button,
.login-cancel {
	width: 130px;
	height: 36px;
	border: 0;
	background: #008ccb;
	margin: 16px auto 0;
	display: block;
	letter-spacing: .1em;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	-ms-transition: background-color .25s;
	transition: background-color .25s;
}

.login-button:hover {
	background: #007eb6;
}

.login-cancel,
.login-cancel:hover,
.login-form a.login-cancel,
.login-form a.login-cancel:hover {
	color: #fff;
	border: 0;
}

.login-cancel {
	background: #6c6c6c;
	line-height: 36px;
}

.login-cancel:hover {
	background: #616161;
}

.login-button-cont {
	overflow: hidden; text-align: center;
}

.login-button-cont .login-button, 
.login-button-cont .login-cancel {
	display: inline-block;
	margin: 16px 6px 0;
}

.login-form .error,
.checkout-form .error,
.payment-setup-form .error {
	margin: 0 0 20px;
	border: 0;
	background: #ef0e0e;
	color: #fff;
	font-size: 12px;
	padding: 8px;
	text-align: center;
}

.checkout-form .error,
.payment-setup-form .error {
	margin: 10px 0;
}

.login-form .message {
	margin: 0 0 20px;
	padding: 8px;
	font-size: 12px;
	text-align: center;
	border: 0;
}

.login-container .message.code_message{
	text-align: center;
	margin: 0 0 25px 0;
	font-size: 13px;
	border-radius: 0;
	background: #008ccb;
	color: #fff;
	border: none;
	padding: 8px 10px;
}

.login-container .message.code_message span{
	font-size: 16px;
	margin-bottom: 5px;
	display: inline-block;
}

.logout-message { 
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}

.logout-message div {
	text-align: center;
	padding-top: 0;
	color: #000;
	font-size: 16px;
}

.payment-setup-container {
	min-width: 300px;
	padding-bottom: 50px;
	top: 40px;
	-webkit-transform: none;
	transform: none;
}

.payment-setup-form h1 {	
	font-size: 20px;
	margin: 0 0 30px;
	text-align: center;
	font-weight: normal;
	line-height: 1.2em;
}

.payment-setup-form h1 span {
	white-space: nowrap;
}

.payment-setup-form .account-error {
	margin: 0 0 20px;
	background-color: #c03434;
}

.payment-setup-form .account-error p {
	margin: 0 !important;
}

.payment-setup-form .message {
	padding: 0 14px;
	border: 0;
	font-size: 12px;
	overflow: hidden;
	margin: 0;
	border-radius: 0;
}

.payment-setup-form .account-message {
	padding: 8px;
	margin: 0 0 20px;
	background-color: #d9edf7;
	color: #31708f;
}

.payment-setup-form .account-message p {
	margin: 0 !important;
}
	
.payment-card {
	border: 1px solid #dadada;
	padding: 15px;
	margin: 10px 0;
	/*color: #808080;*/
	color: #2d2d2d;
	overflow: hidden;
	display: table;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
}
	
.payment-card.complete {
	background-color: #0fbb70;
	border-color: transparent;
	color: #fff;
}

.payment-card h3 {
	margin: 0 0 10px;
	font-size: 24px;
	line-height: 1em;
}
	
.payment-card__inner {
	display: table-cell;
	vertical-align: middle;
}
	
.payment-card__icon {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	border: 2px solid #dadada;
	margin-right: 10px;
	float: left;
	position: relative;
}

.payment-card.required .payment-card__icon {
	border-color: #c03434;
}

.payment-card.complete .payment-card__icon {
	border-color: #fff;
}

.payment-card__icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 29px;
	height: 29px;
	background: url(/images/icon-cross.png) no-repeat;
	display: none;
}
	
.complete .payment-card__icon::after {
	display: block;
	width: 20px;
	height: 16px;
	background: url(/images/icon-tick.png) no-repeat center;
	background-size: 100%;
}
	
.payment-card__body {
	padding-left: 55px;
}

.payment-card__body h3 {
	font-size: 18px;
	margin: 0 0 5px;
}

.payment-card__note {
	margin-top: 5px;
}

.payment-setup-form .account-container {
	border-top: 1px solid #dadada;
	padding:20px 15px 0;
}

.payment-setup-form .direct-debit-col,
.payment-setup-form .billing-card-col {
	width: 100%;
}

.payment-setup-form .direct-debit-section:last-child,
.payment-setup-form .billing-card-section:last-child {
	padding-bottom: 15px;
}

.payment-setup-form .direct-debit-guarantee,
.payment-setup-form .direct-debit-guarantee-inner,
.payment-setup-form .direct-debit-guarantee img {
	display: block;
}

.payment-setup-form .direct-debit-guarantee img {
		width: 150px;
}

.payment-setup-form-section {
	border: 1px solid #dadada;
	margin: 10px 0;
}

.payment-setup-form-section-header {
	padding: 15px 10px;
	font-size: 17px;
}

.payment-setup-form-section--dd .payment-setup-form-section-header {
	background: url(/images/dd-logo.jpg) no-repeat center right 8px;
	background-size: auto 32px;
}

.payment-setup-form-section--card .payment-setup-form-section-header {
	background: url(/images/card-logos.png) no-repeat center right 15px;
	background-size: auto 18px;
}

.payment-setup-form-section--dd ~ .payment-card {
	margin-top: 30px;
}

.payment-setup-form-section-expand {
	cursor: pointer;
	position: relative;
	padding-left: 38px;
}

.payment-setup-form-section-expand:before,
.payment-setup-form-section-expand:after {
	content: '';
	position: absolute;
	background: #222;
	-webkit-transition: .2s all ease-out;
	transition: .2s all ease-out;
}

.payment-setup-form-section-expand:before {
	top: 23px;
	left: 13px;
	height: 3px;
	width: 13px;
}

.payment-setup-form-section-expand:after {
	top: 18px;
	left: 18px;
	height: 13px;
	width: 3px;
}

.payment-setup-form-section.open .payment-setup-form-section-expand:before,
.payment-setup-form-section.open .payment-setup-form-section-expand:after {
	transform: rotate(90deg);
}

.payment-setup-form-section.open .payment-setup-form-section-expand:before {
	opacity: 0;
}

.payment-setup-form-section-body {
	display: none;
}

.open .payment-setup-form-section-body {
	display: block;
}

.payment-setup-complete {
	text-align: center;
	color: #2d2d2d;
	font-size: 14px;
	margin: 35px 0 10px;
}

.payment-setup-error {
	text-align: center;
}

.payment-setup-footer {
	text-align: center;
	padding: 20px 0 0;
}

/* ---shared--- */
.page_title{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #2d2d2d;
	border-bottom: 1px solid #dadada;
	padding: 26px 0 12px 10px;
	margin-left: -8px;
}

/* ---requests--- */
#tabs{
	margin-left: -8px;
}

.recently-completed {
	opacity: 0.4;
	transition: .3s ease;
}

.recently-completed:hover {
	opacity: 1;
}

.panel_header{
	background: #008ccb;
	margin-left: -30px;
	margin-right: -30px;
	height: 72px;
	margin-bottom: 34px;
}

.panel_header_inner {
	margin-bottom:0;
}
	
#tabs ul{
	margin:0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#tabs.account-tabs ul {
	padding-left: 12px;
}

#tabs .panel_header ul li{
	width: auto;
	height: auto;
	line-height: normal;
	display: block;
	float: left;
	margin-right: 2px;
}

#tabs .panel_header ul li a,
#tabs .panel_header ul li .tab-link {
	padding: 0 25px;
	height: 72px;
	line-height: 72px;
	width: auto;
	color: #fff;
	opacity:0.5;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	border: 0;
	display: block;
	
	-webkit-transition: background-color .25s, color .25s;
	-moz-transition: background-color .25s, color .25s;
	-o-transition: background-color .25s, color .25s;
	-ms-transition: background-color .25s, color .25s;
	transition: background-color .25s, color .25s;
}

#tabs .panel_header ul li .tab-link {
	padding: 0 38px;	
}

#tabs .panel_header ul li a.sel, 
#tabs .panel_header ul li a.sel:hover, 
#tabs .panel_header ul li a:hover, 
#tabs .panel_header ul li .tab-link.sel {
	background: url(/images/panel_header_sel.png) no-repeat bottom center;
	color: #fff;
	opacity:1;	
	text-align: center;
	width: auto; 
}

#tabs .panel_header ul li .tab-link.sel {
	font-size: 16px;
	background: 0;
}

#tabs .panel_header ul li a:hover {
	background:none;
}

#tabs .panel_header ul li.last {
	float: right;
	margin-right: 30px;
}

#tabs .panel_header ul li.last a{
	float: left;
	padding: 0 15px 0 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}

#tabs .panel_header ul li.last .panel_option{
	padding: 0 0 0 15px;
}

#tabs .panel_header ul li.last a:hover{
	background: none;
	text-decoration: none;
	color: #f0f0f0;
}

#tabs .panel_header ul li.last a.sel{
	color: #fff;
	background: none;
}

#search_requests{
	height: 30px;
	width: 180px;
	border: 1px solid #fff;
	color:#fff;
	float: left;
	margin: 20px 0 0 50px;
	border-radius: 5px;
	position: relative;
}

#search_requests input[type="text"]{
	color: #fff;
	border: 0;
	height: 29px;
	width: 140px;
	padding: 0 2px;
	background:none;
	border-radius: 0;
	margin: 0 0 0 3px;
	font-size: 12px;
}

#search_requests input[type="text"]::-webkit-input-placeholder {
	color: #fff;
	transition: opacity 0.2s;
}

#search_requests input[type="text"]::-moz-placeholder {
	color: #fff;
	opacity: 1;
	transition: opacity 0.2s;
}

#search_requests input[type="text"]:-moz-placeholder {
	color: #fff;
	opacity: 1;
	transition: opacity 0.2s;
}

#search_requests input[type="text"]:-ms-input-placeholder {
	color: #fff;
	transition: opacity 0.2s;
}

#search_requests input[type="text"]:focus::-webkit-input-placeholder {
	opacity: 0.5;
}

#search_requests input[type="text"]:focus::-moz-placeholder {
	opacity: 0.5;
}

#search_requests input[type="text"]:focus:-moz-placeholder {
	opacity: 0.5;
}

#search_requests input[type="text"]:focus:-ms-input-placeholder {
	opacity: 0.5;
}

#search_requests input[type="submit"] {
	width: 29px;
	height: 28px;
	position: absolute;
	right: 1px;
	top: 1px;
	border: 0;
	background: url(/images/icn_search.png) no-repeat center center;
	border-radius: 2px;
	
	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-o-transition: background .25s;
	-ms-transition: background .25s;
	transition: background .25s;
}

.requests-switch {
	float: left;	
}

.onoffswitch {
    position: relative; width: 22px; height:22px;
    -webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
	float: left;
	margin: 25px 0 0 15px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
}

.onoffswitch-inner {
    display: block;
    -moz-transition: margin .3s ease-in 0s; -webkit-transition: margin .3s ease-in 0s;
    -o-transition: margin .3s ease-in 0s; transition: margin .3s ease-in 0s;
}

.onoffswitch-inner:before, 
.onoffswitch-inner:after {
    display: block; float: left; padding: 0; line-height: 8px;
    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

.onoffswitch-inner:before {
}

.onoffswitch-inner:after {
}

.onoffswitch-switch {
    display: block; width: 22px; margin: 0px;
/*	background: url(/images/onoffswitch-switch-hidden.png) no-repeat center center;*/
    position: absolute; top: 0; bottom: 0; right: 0;
    -moz-transition: border .3s ease-in 0s; -webkit-transition: border .3s ease-in 0s;
    -o-transition: border .3s ease-in 0s; transition: border .3s ease-in 0s; 
	border: 1px solid #ccc;
	border-radius: 50%;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
/*	background: url(/images/onoffswitch-switch-active.png) no-repeat center center;*/
	background: url(/images/switch-tick.png) center center no-repeat;
	background-size: 50%;
	border: 1px solid #fff;
}

.tab {
	overflow: auto;
}

.search_results {
	text-align: center;
	margin-bottom: 25px;
	font-weight: normal;
	background-color: #FFC;
    padding: 8px;
    border: 1px solid #FF9;
}

.search_results_filter span,
.search_results_clear span {
	margin-right: 15px;	
}

.search_results_filter a,
.search_results_clear a {
	color: #333;
	border: 0;
	margin: 0 5px;
}

.search_results_filter a.sel,
.search_results_clear a.sel {
	font-weight: bold;
}

.search_results_type .search_results_filter .clear-search,
.search_results_type .search_results_clear .clear-search {
	margin: 0 0 0 15px;	
}

.search_results_filter .clear-search,
.search_results_clear .clear-search {
	margin: 0;	
	white-space: nowrap;
}

.search_results_clear .clear-search {
	text-decoration: underline;
}

.search_results_filter .clear-search:after {
    content: '\00d7';
    padding-left: 4px;
}

.search_results_filter .clear-search .glyphicon {
	top: 2px;	
}

.task_table,
.report-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 30px;
	padding-right: 0;
}

.task_table {
	border-top: 1px solid #f0f0f0;	
}

.task_table .project,
.task_table .requests-tbl-project,
.task_table .status, 
.task_table .requests-tbl-status,
.task_table .request,
.task_table .requests-tbl-requested,
.task_table .update,
.task_table .requests-tbl-updated,
.task_table .age,
.task_table .requests-tbl-age {
	white-space: nowrap;	
}

.task_table .requests-tbl-summary-img {
	width: 1px;	
}

.task_table .requests-tbl-summary,
.task_table .requests-tbl-project,
.task_table .requests-tbl-status {
	padding-right: 20px;	
}

.task_table .requests-tbl-requested {
	line-height: 1;
}

.task_table .requests-tbl-status span {
	padding: 3px 12px 4px;
	border-radius: 20px;
	font-size: 11px;
}

.task_table .requests-tbl-status.status-red span,
.task_table .requests-tbl-status.status-orange span,
.task_table .requests-tbl-status.status-blue span,
.task_table .requests-tbl-status.status-green span {
	color: #fff;
}

.task_table .requests-tbl-status.status-red span {
	background-color: #cb0021;
}

.task_table .requests-tbl-status.status-orange span {
	background-color: #ff8c00;
}

.task_table .requests-tbl-status.status-blue span {
	background-color: #008ccb;
}

.task_table .requests-tbl-status.status-green span {
	background-color: #22b14c;
}

.task_table tr:nth-child(even),
.report-table tr:nth-child(odd) {
	background: #fcfcfc;
}

.task_table tr:hover,
.report-table tr:hover {
	background: #f7f7f7;
}

.task_table .requests-row-msg td {
	cursor: default;	
}

.task_table .requests-row-msg:hover {
	background: 0;
}

.task_table tr:hover td {
	background: inherit;
}

.task_table th,
.report-table th {
	border-bottom: 1px solid #e6e6e6;
	font-weight: normal;
	font-size: 13px;
	color: #2d2d2d;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	background: #fff;
	padding-bottom: 10px;
	line-height: 20px;
	text-align: left;
}

.task_table th.project {
	width: 282px;
	width: 19.75%;
}

.task_table th.status {
	width: 154px;
	width: 10.9%;
}

.task_table th.request {
	width: 140px;
	width: 9.9%;
}

.task_table th.age {
	width: 100px;
	width: 7.14%;
}

.task_table td,
.report-table td {
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	padding: 10px 15px 10px 0;
}

.task_table td img {
	padding-left: 14px;
}

.task_table .summery {
	padding-left: 10px;
}

.requested_client {
	color: #757575;
}

.taskrow_4, 
.taskrow_4 .requested_client { /*waiting*/
	color: #b71b1b;
}

.taskrow_5,
.taskrow_5 .requested_client { /*on hold*/
	/*color: #b71b1b;*/
}

.taskrow_13, 
.taskrow_13 .requested_client,
.taskrow_14, 
.taskrow_14 .requested_client {
	color: #b71b1b;
}

.tab {
	min-height: 280px;	
}

.requests-row-full > div {
	padding: 3px 0 4px;
}

#tabs .panel_header ul li .btn-new-request {
	height: 34px;
	padding: 0 18px;
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 2px;
	background: #006fa1;
	line-height: 34px;
	opacity: 1;
	margin: 19px 15px 19px 30px;
}

#tabs .panel_header ul li .btn-new-request:hover {
	background: #00618d;
}

/* ---request page--- */
.request_table {
	margin: 10px 0;
}

.request_table td {
	padding: 5px;
	vertical-align: top;
	text-align: left;
}

.comment_top {
	border-top: thin solid #d3d3d3;
}

.comment_reply {
	margin-left: 10px;
}

.comment_reply td {
	padding-left: 5px;
}

.single_request_table{
	margin: 15px 0 20px;
	width: 100%;
}

.single_request_table td{
	padding: 5px 0;
}

.request_label{
	text-transform: uppercase;
	width: 160px;
}

.single_request_new_post{
	width: 98%;
	max-width: 973px;
}

.single_request_type{
	padding: 20px 0 30px;
}

.single_request_type input[type="radio"]{
	margin: 0 18px 2px 3px;
	vertical-align: bottom;
}

.single_request_type .small{
	display: inline-block;
	padding-top: 15px;
}

.reply_comment{
	width: 98%;
	max-width: 973px;
	margin-left: 10px;
}

.single_request_attach{
	padding: 0 0 35px;
}

.single_request_attach input[type="file"] {
	margin-left: 0;
}

.single_request_attach .small{
	padding-top: 8px;
}

.single_request_message{
	margin: 0 0 30px;
	background-color: #FFC;
	padding: 10px;
	border: 1px solid #FF9;
}

.single_request_message input[type="checkbox"]{
	vertical-align: bottom;
	margin: 2px 3px 2px 0;
}

.single_request_table .single_request_desc{
	border: 1px dashed #ccc;
	padding: 4px;
}

.single_request_attached{
	margin-right: 10px;
	float: left;
	padding-left: 18px;
	background: url(/images/attach.png) no-repeat;
}

.single_request_subtitle{
	margin: 15px 0;
}

.single_request_table_top {
	margin-bottom: 0;	
}

.single_request_table_desc,
.single_request_table_new {
	margin: 0;
}

.single_request_table_comments {
	margin-top: 0;
}

.single_request_title td {
	padding-left: 4px;
}

.single_request_title .request_label {
	padding-left: 0;
}

.single_request_table_detail {
	padding: 0 12px 0 0;	
}

/* ---new request--- */
#new_request_table{
	margin: 20px 0;
	width: 100%;
}

.new_request_task_submitted{
	text-align: center;
	font-size: 16px;
}

#new_request_table tr td.left {
	vertical-align: top;
	width: 100px;
}

.new_request_title{
	padding: 0 0 12px;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}

.new_request_type, 
.new_request_project{
	padding: 0 0 8px;
}

.new_request_type .block_label{
	padding: 10px 0 5px;
}

.new_request_type input[type="radio"]{
	margin: 0 14px 2px 3px;
	vertical-align: bottom;
}

.new_request_type img{
	margin: 0 15px 0 0;
	vertical-align: bottom;
}

.project_drop{
	line-height: 26px;
	width: 100%;
	max-width: 440px;
}

.new_request_note, 
.new_request_closed,
.new_request_closed_bottom,
.new_request_query_bottom,
.new_request_stop_bottom,
.new_request_extended_bottom {
	margin: 0 0 2px -8px;
	background: #f0f0f0;
	color: #b71b1b;
	padding: 16px 10px;
}

.new_request_note small{
	font-size: 11px;
}

.new_request_tasktitle, 
.new_request_taskdesc{
	padding-bottom: 16px;
}

.small{
	padding: 7px 0 0;
	font-size: 11px;
}

.new_request_taskdesc .small{
	display: inline-block;
	width: 98%;
}

.new_request_tasktitle .small, 
.new_request_taskdesc .small{
	max-width: 985px;
}

#task_title, 
#task_desc{
	max-width: 973px;
	width: 98%;
}

.new-request-pc-cont {
	margin-top: 10px;
}

.new-request-pc-link,
.new-request-pc-input {
	display: none;
}

#private_comment {
	height: 210px;
	max-width: 1160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

#upload_box{
	padding-bottom: 5px;
}

#upload_box input[type="file"]{
	margin-left: 0;
}

.request_comment_label {
	width: 160px;	
}

/*file input*/
.file-input-wrapper {
	overflow: hidden;
	min-width: 225px;
	max-width: 300px;
}

.file-input-spacer {
	margin-top: 12px;
}

.file-input-btn {	
	float: left;
    overflow: hidden;
	margin: 0 20px 0 0;
	line-height: 29px;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	height: 29px;
	width: 124px;
	background: #83ab51;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	-ms-transition: background-color .25s;
	transition: background-color .25s;
}

.file-input-btn:hover {
	background: #6a903b;
}
  
.file-input-btn > input[type="file"] {
	font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
}
  
.file-input-btn > .file-input-text {
	display: inline-block;
}
  
.file-input-chosen {
	padding: 7px 0;
	color: #7f7f7f;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-input-message {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
	color: #828282;
}
.new-request-section .file-input-message {
    margin-top: -6px;
}

#email_files{
	color: #83ab51;
}

#email_files:hover{
	color: #6a903b;
	border-color: #6a903b;
}

.new_request_closed,
.new_request_closed_bottom,
.new_request_query_bottom,
.new_request_extended_bottom {
	color: #b71b1b;
	font-size: 15px;
	padding-left: 18px;
	margin-bottom: 0;
	max-width: 1092px;	
}

.new_request_closed p,
.new_request_closed_bottom p,
.new_request_query_bottom p,
.new_request_stop_bottom p,
.request_closed p,
.new_request_extended_bottom p {
	margin: 7px 0;
}

.new_request_closed img,
.new_request_closed_bottom img,
.new_request_query_bottom img,
.new_request_stop_bottom img,
.request_closed img,
.new_request_extended_bottom img {
	float: left;
	padding: 0 20px 0 0;	
}

.new_request_priority{
	padding: 0 0 10px;
}

.new_request_priority .new_request_title{
	padding-top: 18px;
}

.new_request_priority .block_label, 
.new_request_billing .block_label{
	padding: 10px 0 6px;
}

.new_request_priority input[type="radio"], 
.new_request_billing input[type="radio"]{
	margin: 0 18px 2px 3px;
	vertical-align: bottom;
}

.new_request_label{
	width: 140px;
	float: left;
}

.new_request_priority .block_label, 
.new_request_billing .block_label {
	overflow: hidden;
}

.new_request_desc {
	overflow: hidden;	
	display: block;
	padding: 0;
}

.new_request_priority .new_request_desc {
	max-width: 480px;
}

.new_request_buttons{
	padding-bottom: 12px;
}

#submit, 
#invite, 
#submit_reply, 
#submit_copy,
.voip-history-btn{
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	-ms-transition: background-color .25s;
	transition: background-color .25s;
}

#submit, 
#create_account, 
#invite, 
#submit_reply, 
input.submit_reply, 
#update_priority {
	background: #83ab51;
	width: 184px;
	height: 38px;
	margin-right: 15px;
	border: none;
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 2px;
}

#submit:hover, 
#invite:hover, 
#submit_reply:hover{
	background: #6a903b;
}

#submit_reply, 
.submit_reply {
	margin-left: 10px;
}	

.new_request_buttons #submit,
.new_request_buttons #submit_copy {
	margin-bottom: 20px;
}

#submit_copy{
	background: #60c9c3;
	height: 38px;
	border: none;
	width: 100%;
	max-width: 404px;	
}

#submit_copy:hover{
	background: #48a8a2;
}

.request_error{
	margin-top: 20px;
	margin-left: -8px;
}

.request_message{
	margin-left: -8px;
}

.new_request_bill_msg {
	padding-top: 15px;
	max-width: 650px; 
}

/* ---projects--- */
.project_header{
	border-bottom: 1px solid #dadada;
	padding: 0 0 0 10px;
	margin: 0 0 24px -8px;
}

.project_title{
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	color: #2d2d2d;
	font-family: 'Lato', sans-serif;
	padding: 18px 0 16px;
	width: 52%;
}

.project_title h2{
	margin: 4px 0;
	color: #285a91;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
}

.project_contact_image{
	margin: 6px 0px 0px 3px;
	float: left;
}

.project_contact{
	float: right;
	padding: 5px 0 0 0;
	max-width: 46%;
}

.project_contact span{
	color: #285a91;
	font-size: 16px;
}

.project_contact_name{
	margin: 6px 0 0 78px;
	height: 60px;
}

.project_contact_name .align_centre {
	display: table;
	height: 100%;
}

.project_contact_name p{
	margin: 0;
	display: table-cell;
	vertical-align: middle; 
}

.stage.complete td, 
.stage.confirm td {
	background: #fff;
}

.stage.complete td.stage_info, 
.stage.confirm td.stage_info {
	vertical-align: middle;
	text-align: right;
}

.stage.complete td.schedule, 
.stage.confirm td.schedule {
	background: #f2f2f2;
	line-height: 140%;
}

.stage td.stage_no {
	text-align:center;
	vertical-align: top;
	color: #8a8a8a;
}

.stage td.stage_info {
	vertical-align: top;
}

.stage td.stage_info h4 {
	padding: 3px 1px;
	margin: 0;
}

.stage td.stage_info .note_label {
	margin-bottom: 1px;
}

.stage td.stage_info .note_body {
	margin: 1px;
	padding: 1px;
}

.stage.prog td.stage_info h4 {
	font-size: 14px;
	padding: 3px 1px;
	margin: 0;
}

.stage td.stage_info p.desc {
	margin: 1px 1px;
	margin-top: 5px;
	font-size: 11px;
}

.stage.nostart td.stage_no, 
.stage.comp td.stage_no {
	font-size: 18px;
}

.stage td{
	padding: 6px 10px;
	border: 1px solid #FFF;
}

.stage.prog td{
	background: #d1e5fb;
}

.stage.comp td {
	background: #f2f2f2;
}

.stage.nostart {
	background: #f2f2f2;
}

.stage.confirm td.stage_info, 
.stage.complete td.schedule{
	height: 36px;
}

.stage td.stage_no{
	width: 35px;
}

.stage td.stage_no, 
.stage.comp td.stage_no, 
.stage.prog td.stage_no, .stage.nostart td.stage_no{
	font-size: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
}

.stage.comp td.stage_no, .stage.prog td.stage_no{
	color: #2d2d2d;
}

.stage.nostart td.stage_no{
	color: #9f9f9f;
}

.stage td.stage_info{
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
}

.stage.nostart td.stage_info{
	color: #9f9f9f;
}

.stage.complete td.stage_info, 
.stage.confirm td.stage_info{
	text-transform: uppercase;
	font-size: 13px;
}

.stage td.stage_info h4{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
}

.stage.prog td.stage_info h4{
	font-weight: bold;
}

.stage td.stage_info h4, 
.stage.prog td.stage_info h4{
	padding: 9px 0;
}

.stage_info_section{
	padding-bottom: 10px;
}

.stage.prog td.stage_info, 
.stage.prog td.schedule{
	vertical-align: top;
}

.stage td.schedule{
	width: 178px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 13px;
	vertical-align: top;
}

.stage.confirm td.schedule, 
.stage.complete td.schedule{
	vertical-align: middle;
}

.stage.confirm td.schedule{
	text-align: center;
	font-size: 13px;
}

.stage.nostart td.schedule{
	color: #9f9f9f;
}

.stage.nostart td.schedule span{
	padding: 9px 0 0;
	display: block;
}

.project_signoff{
	margin: 23px -20px -16px -20px;
	border: 0;
	padding: 9px 20px;
	background: #d8eebd;
	font-size: 13px;
}

.project_signoff strong{
	text-transform: uppercase;
}

.project_signoff input[type="submit"] {
	border: 0;
	background: #285a91;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	border-radius: 5px;
	padding: 5px 10px;
}

.project_signoff input[type="submit"]:hover {
	background: #215288;
}

.project_signoff input[type="submit"]:disabled {
	opacity: 1;
}

.project_separator{
	border-bottom: 3px solid #dadada;
	height: 50px;
	margin:  0 0 0 -8px;
}

.project_separator.remove_border{
	border: 0;
}

.comp_section{
	padding: 6px 0 0;
}

.comp_message{
	padding: 3px 0 0 15px;
}

.comp_status_overdue{
	color: #b71b1b;
	font-style: italic;
}

.comp_status_date{
	float: right;
}

.prog_section{
	padding-top: 10px;
	display: block;
}

.projects-menu-container{
	width: 1000%;
	padding: 16px 41px;
	padding:15px 0px 16px 41px;
	background-color:#f5f5f5;
	margin-left: -38px;	
}

.projects-menu-inner span{
	font-size:14px;
	font-family:"Open Sans", sans-serif;
	color:#858484;
}

.projects-menu-inner a{
	margin-right: 45px;	 
}

.projects-menu-inner a ,.projects-menu-inner a:hover{
	border:none;
}

.project-preview-page #midsection{
	overflow: visible;	
	overflow-x: hidden;
}

.preview-tabs{
	position: relative;	
	margin: 3px 0 30px -8px;
}

.preview-tab-menuitems{
	width: 100%;
	border-bottom:1px solid #285a91;	
}

.preview-tabs .preview-tab{
	display: inline-block;
	cursor:pointer;
	padding: 10px 15px;	
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	background-color:#aaa;
	transition:.3s ease;
	margin-right: 2px;
}

.preview-tabs .preview-tab ~ .sel{
	cursor: default;	
}

.preview-tab-inner{
	position: relative;	
	width: 100%;
	overflow: hidden;
	cursor:default;
	margin-top: 20px;
}

.preview-tabs .sel, .preview-tabs .sel:hover{
	background-color:#285a91;	
}	

.preview-tab:hover{
	background-color:#8c8c8c;	
}

.project-preview{
	width: 100%;
	margin-bottom: 18px;
	display: table;
	cursor:pointer;
}

.preview-image{
	height: 100%;	
}

.open .comment-btn, .no-approve .comment-btn{
	margin-right: 0;	
}

.preview-image img{
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}	

.preview-left, .preview-right{
	float: left;	
	padding-bottom: 15px;
	min-height: 150px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

.preview-left{
	width: 150px;
}

.preview-right{
    background-color: #f5f5f5;
    width: 100%;
    margin-left: -150px;
}

.preview-right-inner{
    margin-left: 150px;
}

.preview-status{
	text-transform: uppercase;
	color: #fff;	
	width: 100%;
	font-size:11px;
	font-family:"Open Sans", sans-serif;
	padding: 3px 18px;
}

.preview-title{
	padding: 11px 0 0 18px;	
	text-transform: uppercase;
	font-size:16px;
	font-family:"Open Sans", sans-serif;
	color:#2d2d2d;
	font-weight: bold;
}

.preview-date{
	font-size:11px;
	font-family:"Open Sans", sans-serif;
	font-weight:600;
	color:#8e8e8e;
	padding-left: 17px;
	margin-top: -4px;	
}

.preview-desc{
	color:#2d2d2d;
	font-size:12px;
	font-family:"Open Sans", sans-serif;
	line-height:18px;
	padding: 10px 20px 0 18px;	
	max-width: 880px;
}

.new-preview .preview-status{
	background-color:#26d87e;
}	

.new-preview .preview-image{
	border:8px solid #28e585;
    position: relative;	
}

.awaiting-sign-off .preview-status{
	background-color:#008ccb;
}

.awaiting-sign-off .preview-image{
	border:8px solid #2893e5;
    position: relative;	
}

.signed-off .preview-status{
	background-color:#418a5e;
}

.signed-off .preview-image{
	border:8px solid #418a5e;
    position: relative;
}

.archived-preview .preview-status{
	background-color:#393939;
}

.archived-preview .preview-image{
	border:8px solid #4d4d4d;
    position: relative;
}

.archived-previews, .approved-previews{
	display: none;		
}

/* ---account--- */
.account_bill_text{
	font-size: 13px;
}

#account_table_outer,
.account_table_outer {
	background: #f0f0f0;
	padding: 10px 16px 10px 0;
	margin: 25px 0 10px -8px;
}

.account_table{
	font-size: 13px;
	margin: 0;
	width: 680px;
}

.account_table td{
	padding: 4px 4px 4px 20px;
}

.account_table_col1, 
.account_table_col3{
	width: 150px;
}

.account_table_col2{
	width: 205px;
}

.account_premier_status, 
.account_preferred_status, 
.account_credit_review{
	color: #fff;
	padding: 3px;
	width: 200px;
	margin: 20px 0 0;
	text-align: center;
}

.account_premier_status{
	background-color: #333;
	border: 2px solid #000;
}

.account_preferred_status{
	background-color: #444;
	border: 2px solid #000;
}

.account_credit_review{
	background-color: #F60;
	border: 2px solid #CA6000;
}

.account_premier_status span, 
.account_preferred_status span, 
.account_credit_review span{
	font-size: 10px;
}

.account_bill_uptodate, 
.account_bill_overdue{
	font-weight: bold;
}

.account_bill_uptodate img, 
.account_bill_overdue img{
	padding: 0 15px 0 0;
	vertical-align: middle;
	margin: 0 0 3px;
}

.account_bill_uptodate{
	color: #83ab51;
	padding: 20px 0 2px;
}

.account_bill_overdue{
	color: #b71b1b;
	padding: 0 0 5px 12px;
	font-size: 13px;
	white-space: normal;
}

.account_bill_query{
	font-size: 11px;
	color: #7f7f7f;
	/* margin-bottom: 20px; */
	margin-bottom: 0;
	margin-top: 20px;
}

.account_bill_uptodate {
	background: url(/images/accept_v2.png) no-repeat left center;
	margin: 10px 0 5px;
	padding: 3px 0 3px 39px;
}

.account_bill_overdue {
	background: url(/images/exclamation_v2.png) no-repeat left center;
	/*margin: 0 0 19px 12px;*/
	margin: 10px 0 5px;
	padding: 3px 0 3px 39px;
}

.account_dd_message {
	display: flex;
	align-items: center;
	background: #f0f0f0;
	padding: 15px;
	margin-left: -8px;
}

.account_dd_message img {
	height: 20px;
}

.account_dd_message span {
	display: inline-block;
	padding-left: 15px;
}

.account_dd_message + .account_dd_message {
	margin-top: 10px;
}

#info_table_outer{
	margin-left: -8px;
	padding: 6px 0 0;
}

.info_table {
	border-collapse: collapse;
	margin: 10px 20px 20px 0;
	padding-right: 12px;
	width: 100%;
	cursor: default;
}

.info_table tr:nth-child(odd){
	background: #fcfcfc;
}

.info_table th{
	font-weight: normal;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	padding: 3px 3px 10px;
	background: #fff;
	border-bottom: 2px solid #dadada;
	line-height: 20px;
	text-align: left;
}

.info_table td{
	padding: 6px 3px;
	border-bottom: 1px solid #f0f0f0;
}

.info_table tr:hover td{
	background: inherit;
}

.info_table .info_table_date{
	padding-left: 10px;
	white-space: nowrap;
}

.info_table .info_table_invoice{
	white-space: nowrap;
}

.info_table .info_table_desc{
	width: auto;
}

.info_table .info_table_desc div { 
	overflow: hidden;
	height: 16px;
}

.info_table .info_table_desc span{
	color: #009113;
	font-weight: bold;
}

.info_table .info_table_debit, 
.info_table .info_table_credit{
	text-align: center;
	white-space: nowrap;
}

.info_table .info_table_debit span {
	font-size: 12px;
}

.info_table .info_table_debit {
	padding-right: 10px;
}

.info_table .info_table_outstanding {
	text-align: center;	
}

.info_table .info_table_empty {
	text-align: center;	
	padding: 10px 3px;
}

.account_paymethod_form {
	padding: 25px 0 15px;
}

.info_table .info_table_type,
.info_table .info_table_system_ref {
	padding-left: 10px;
}

.info_table .info_table_edit {
	padding-right: 10px;
	width: 1px;
}

.info_table_paymethod {
	width: 25%;
}

.account_how_to_pay,
.account_credit_reference,
.account_our_details {
	font-size: 13px;
	padding: 0 0 25px;
}

.account_our_details {
	clear: both;
}

.account_how_to_pay .page_title,
.account_credit_reference .page_title,
.account_our_details .page_title {
	margin-bottom: 23px;
}

.account_how_to_pay table {
	margin: 20px 0;
}

.account_how_to_pay p {
	margin: 12px 0;
}

.account_how_to_pay p:last-child {
	margin-bottom: 0;
}

.billing_lower.new .account_credit_reference{
	width: 100%;
}

.billing_lower.new .account_how_to_pay,
.billing_lower.new .account_our_details {
	width: 49%;
	float: left;
	box-sizing: border-box;
}

.billing_lower.new .account_how_to_pay ~ .account_credit_reference{
	float: right;
	width: 49%;
}

.billing_lower.new .account_how_to_pay ~ .account_credit_reference div:not(.page_title):not(.usp){
	height: 100%;
}

.billing_lower.new .account_credit_reference .usp{
	height: 50px;
	padding-top: 15px;
}

.billing_lower.new .account_credit_reference img{
	max-height: 100%;
	max-width: 100%;
}

.credit-ref-page.usp img {
	height:50px;
}

.account_not_available{
	font-size: 13px;
	margin: 16px 0 25px;
}

.account_table_inner {
	max-width: 680px;
}

.account_table_outer_thirds .account_table_inner {
	max-width: none;
}

.account_table_outer_thirds .clear {
	clear: left;
}

.account_table {
	width: 100%;
}

.account_table_half  {
	width: 50%;
}

.account_table_half.fl {
	float: left;	
}

.account_table_half.fr {
	float: right	
}

.account_table_outer_thirds .account_table_half {
	width: 33.333%;
}

.account_table_outer_thirds .account_table_half span {
	padding-right: 20px;
	display: inline-block;
}

.account_table_half .account_table_col1 {	
	width: 54%;
}

.account_table_half .account_table_col2 {
	width: 46%;
	padding-left: 16px;	
}

.account_table_outer_thirds .account_table_half.fr .account_table_col1 {
	width: 35%;
}

.account_table_outer_thirds .account_table_half.fr .account_table_col2 {
	width: 65%;
}

.account_base_tbl {
	max-width: 320px;
}

.account_base_tbl table {
	width: 100%;
}

/* ---settings--- */
.settings_left{
	float: left;
	width: 375px;
	padding: 0 95px 40px 0;
}

.settings_left p, 
.settings_right p{
	margin: 16px 0 25px;
	font-size: 13px;
}

.settings_password, 
.virtulist_signup,
.settings-account-changes {
	background: #f0f0f0;
	color: #616161;
	padding: 17px 20px 20px;
}

.settings_password label, 
.virtulist_signup label{
	display: block;
	padding: 0 0 6px;
}

.settings_password input[type="password"], 
.virtulist_signup input[type="text"]{
	margin-bottom: 15px;
	background: #fff;
	border: 0;
	border-radius: 0;
	width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

#change_password,
#apply_settings{
	background: #008ccb;
	border: none;
	width: 170px;
	height: 31px;
	margin-top: 5px;
	color: #fff;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 2px;
	
	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-o-transition: background .25s;
	-ms-transition: background .25s;
	transition: background .25s;
}

#apply_settings {
	width: 100px;	
}

#change_password:hover,
#apply_settings:hover{
	background: #007eb6;
}

div.disabled_input{
	background: #fff;
	padding: 5px;
	margin-bottom: 15px;
}

.settings-account-changes {
	margin-top: 30px;	
	padding-top: 21px;
}

.settings-account-changes .account-panel-title {
	padding-bottom: 8px;
	color: #252525;
}

.settings-account-changes p {
	color: #333;
	line-height: 18px;
	margin: 0 0 10px;
	font-size: 12px;
}

.settings-account-changes-user {
	overflow: hidden;
	padding: 4px 0;
}

.settings-account-changes-user img {
	float: left;
	width: 40px;
	padding-right: 10px;
}

.settings-account-changes-user-inner {
	overflow: hidden;
	font-weight: bold;
	color: #333;
	line-height: 40px;
}

.settings-account-changes-user-inner a {
	color: #333;
}

.changes--form-container{
	margin-top: 20px;
}

.account--changes-container{
	margin-bottom: 30px;
}

.changes-form{
	font-size: 12px;
}

.settings_right p{
	margin: 6px 0 25px;
	color: #252525;
}

.changes-form input{
	border: 0;
	margin-bottom: 15px;
	width: 100%;
	box-sizing: border-box;
}

.settings_password, div.account-panel-title{
	font-family: "Open Sans", "sans-serif";
}

.settings_password .account-panel-title{
	color: #252525;
}

.changes-form input[type='submit']{
	margin-bottom: 0;
}

.changes-form input[type='number'], .changes-form input[type='number']::-webkit-outer-spin-button, .changes-form input[type='number']::-webkit-inner-spin-button{
	-webkit-appearance: none;
	padding: 6px 5px;
	border-radius: 2px;
	outline: none;
	height: 28px;
}

.settings-account-changes-user-inner a,
.settings-account-changes-user-inner a:hover {
	border: 0;
}

#account--changes, #verify_mobile{
	background: #008ccb;
    border: none;
    width: 170px;
    height: 31px;
    margin-top: 5px;
    color: #fff;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 2px;
    -webkit-transition: background .25s;
    -moz-transition: background .25s;
    -o-transition: background .25s;
    -ms-transition: background .25s;
    transition: background .25s;
}

#account--changes:hover, #verify_mobile:hover{
	background: #007eb6;
}

.content_container .settings_left, 
.content_container .settings_right{
	width: 405px;
	max-width: 405px;
}

.settings_password.mobile_verify{
	margin-top: 20px;
}

.content_container .success{
	padding: 12px;
    background: #79bf79;
    border: green;
    color: #fff;
    font-size: 14px;
	text-align: left;
}

.login-header img{
	display: inline-block;
}

.login-text{
	margin-bottom: 10px;
}

.settings_right{
	float: left;
	font-size: 13px;
	padding-bottom: 50px;
}

.settings_blob{
	width: 170px;
	padding: 5px 0 35px;
}

.settings_blob img{
	margin: 5px auto 30px;
	display: block;
}

.settings_blob input[type="submit"]{
	background: #008ccb;
	width: 170px;
	border: none;
	height: 31px;
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 2px;
	
	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-o-transition: background .25s;
	-ms-transition: background .25s;
	transition: background .25s;
}

.settings_blob input[type="submit"]:hover{
	background: #007eb6;
}

.settings_pass_msg,
.voip-number-porting {
	background-color: #FFC;
	padding: 8px;
	border: 1px solid #FF9;
	margin-bottom: 25px;
}

.settings_pass_err{
	background-color: #FFC1C2;
	padding: 8px;
	border: 1px solid #900;
	margin-bottom: 25px;
}

.settings_right {
	width: 100%;
	max-width: 405px;	
}

.settings_password,
.virtulist_signup {
	padding-left: 5.333%;
	padding-right: 5.333%;
}

/* ---virtulist--- */
.page_title_virtulist{
	margin-bottom: 18px;
}

.virtulist_signup{
	width: 335px; 
}

#invite{
	margin-top: 5px;
	height: 31px;
}

.virtulist_img {
	float: right;
	margin-left: 20px;
}

.virtulist_signup {
	margin-bottom: 40px;	
	width: auto;
}

.virtulist_signup_container {
	width: 100%;
	max-width: 375px;
}

/* ---misc--- */
.lh_34 {
	line-height: 34px;
}

iframe#ka { 
	display: none;
} 

/*new footer*/
#content_main {
	padding-bottom: 40px;
}

.login-section {
	clear: left;
	padding: 40px 0;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: 0;
	padding: 0;
}

.portal_login #footer {
	position: static;	
}

.footer_left {
	float: left;
	width: 245px;
	padding: 15px 15px 15px 40px;
	background: #252525;
}

.footer_right {
	color: #777;
	float: none;
	overflow: hidden;
	background: #fff;
	padding: 15px;
}

#footer .footer_right a {
	color: #777;	
}

.mbl-br {
	display: none;	
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.off-canvas-wrap {
	position: relative;
}

.off-canvas-cover {
	opacity: 0;
	
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
}

.charity-run {
	margin-bottom: 5px;
	background: #34b0e8;
	clear: both;
}

.charity-run a {
	display: block;	
	border: 0;
}

.charity-run a:hover {
	border: 0;	
}

.charity-run img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

/*retina icons*/
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
	/*header*/
	#header .mbl-menu {
		background-image: url(/images/mbl_menu@2x.png);
		background-size: 32px 49px;
	}
	
	/*sidebar*/
	.icn_nav_request a {
		background-image: url(/images/icn_nav_request@2x.png);
		background-size: 16px 13px;
	}
	
	.icn_nav_projects a {
		background-image: url(/images/icn_nav_projects_v2@2x.png);
		background-size: 16px 13px;
	}
	
	.icn_nav_marketing a {
		background-image: url(/images/icn_nav_marketing@2x.png);
		background-size: 16px 13px;
	}
	
	.icn_nav_hosting a {
		background-image: url(/images/icn_nav_hosting@2x.png);
		background-size: 14px 13px;
	}

	.icn_nav_intelicall a {
		background-image: url(/images/icn_nav_intelicall@2x.png);
		background-size: 20px 11px;
	}
	
	.icn_nav_intelifibre a {
		background-image: url(/images/icn_nav_intelifibre@2x.png);
		background-size: 19px 14px;
	}
	
	.icn_nav_shop a {
		background-image: url(/images/icn_nav_shop@2x.png);
		background-size: 16px 12px;
	}
	
	.icn_nav_knowledgebase a {
		background-image: url(/images/icn_nav_knowledgebase@2x.png);
		background-size: 15px 15px;
	}
	
	.icn_nav_mow a {
		background-image: url(/images/icn_nav_mow@2x.png);
		background-size: 31px 7px;
	}
	
	.icn_nav_account a {
		background-image: url(/images/icn_nav_billing@2x.png);
		background-size: 15px 13px;
	}
	
	.icn_nav_settings a {
		background-image: url(/images/icn_nav_settings_v2@2x.png);
		background-size: 19px 13px;
	}
	
	.logout-settings {
		background-image: url(/images/icn-settings-cog@2x.png);	
		background-size: 18px 17px;
	}
}

@media screen and (max-width: 1500px) {
	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 0 0 15px;
	}
	
	#tabs .panel_header ul li a {
		padding: 0 10px;
	}
	
	#tabs .panel_header ul li .tab-link {
		padding: 0 23px;	
	}
	
	#tabs .panel_header ul li.last {
		margin-left: 0;	
	}

	.requests-switch {
		margin-right: 25px;	
	}
	
	.onoffswitch {
		margin-left: 0;	
	}

	#search_requests {
		margin-left: 0;
	}
	
	#tabs .panel_header ul li.last .panel_option {
		padding-left: 10px;	
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		margin-left: 15px;
	}
	
	/*account tabs*/
	#tabs.account-tabs .panel_header ul li {
		margin: 0 2px 0 0;
	}
	
	#tabs.account-tabs .panel_header ul li a {
		padding: 0 25px;
	}
}

@media screen and (max-width: 1400px) {
	.footer_left, 
	.footer_right {
		width: 50%;
	}
	
	.panel_header {
		position: relative;
		height: auto;
	}
	
	.panel_header_inner {
		padding-top: 0;
	}
	
	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 0 0 10px;
	}
	
	#tabs .panel_header ul li a {
		padding: 0 8px;
	}
	
	#tabs .panel_header ul li .tab-link {
		padding: 0 10px;	
	}
	
	#tabs .panel_header ul li.last {
		margin-left: 0;	
	}
	
	.requests-switch {
		margin-right: 25px;	
	}
	
	.onoffswitch {
		margin-left: 0;	
	}

	#search_requests {
		margin-left: 0;
	}
	
	#tabs .panel_header ul li.last .panel_option {
		padding-left: 10px;	
	}
	
	/*new footer*/
	.footer_left {
		width: 245px;	
	}
	
	.footer_right {
		width: auto;	
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		margin-left: 20px;
		margin-right: 0;
	}	
	
	#tabs .panel_header ul li .btn-new-request {
		padding: 0 10px;
		font-size: 12px;
	}	
	
	#tabs .panel_header ul li .tab-link {
		padding: 0 28px;	
	}
}

@media screen and (max-width: 1300px) {
	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 0 0 30px;
	}
	
	#tabs .panel_header ul li a {
		padding: 0;
	}
	
	#tabs .panel_header ul li .tab-link {
		padding: 0 8px;	
	}
	
	#tabs .panel_header ul li.last {
		margin-left: 0;	
	}
	
	.requests-switch {
		margin-right: 20px;	
	}
	
	.onoffswitch {
		margin-left: 0;	
	}
	
	#search_requests {
		margin-left: 0;
	}
	
	#search_requests {
		width: 150px;	
	}
	
	/*new footer*/
	.mbl-br {
		display: block;	
	}
	
	.footer-middot {
		display: none;	
	}

	.footer_left,
	.footer_right {
		padding-bottom: 10px;
	}
	
	.footer_left {
		line-height: 32px;
	}
	
	.footer_right {
		line-height: 16px;	
	}
	
	#content_main {
		padding-bottom: 45px;	
	}
	
	#sidebar {
		padding-bottom: 40px;
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		margin-left: 0;
		margin-right: 0;
	}
	
	#tabs .panel_header ul li.last .panel_option {
  		display: none;
	}

	.account_table_outer_thirds .account_table_half {
		width: 37%;
	}

	.account_table_outer_thirds .account_table_half.first {
		width: 33%;
	}

	.account_table_outer_thirds .account_table_half.fr {
		width: 30%;
	}

	.account_table_outer_thirds .account_table_half .account_table_col1 {
		width: 60%;
	}

	.account_table_outer_thirds .account_table_half .account_table_col2 {
		width: 40%;
	}

	.account_table_outer_thirds .account_table_half.fr .account_table_col1 {
		width: 45%;
	}

	.account_table_outer_thirds .account_table_half.fr .account_table_col2 {
		width: 55%;
	}
}

@media screen and (max-width: 1200px) {
	#midsection{
		padding-right: 20px;
	}
	
	body,
	.bg_2,
	.bg_3 {
		background-position: -50px top;
	}
	
	#header img {
		margin-top: 24px;
		margin-left: 30px;
		width: 160px;
	}
	
	.content_main_margin{
		margin-left: 278px;
	}
	
	#header, 
	#sidebar,
	#accounts_list, 
	#infobox{
		width: 250px;
	}
	
	.panel_header{
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.settings_left, 
	.settings_right{
		float: none;
	}
	
	#tabs .panel_header ul li.last {
		margin-right: 20px;
	}

	/*sidebar*/
	#sidebar {
		width: 250px;
	}
	
	/*requests table*/
	.task_table .project,
	.task_table .requests-tbl-project { 
		white-space: normal;
	}
		
	.task_table td img {
		padding-left: 8px;	
	}
	
	.task_table .requests-tbl-summary,
	.task_table .requests-tbl-project,
	.task_table .requests-tbl-status,
	.task_table td {
		padding-right: 10px;
	}

	.task_table th.age {
		width: 1px;
	}
	
	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 0 0 17px;
	}
	
	#tabs .panel_header ul li a {
		padding: 0 3px;
	}
	
	#tabs .panel_header ul li .tab-link {
		padding: 0 10px;	
	}
	
	#tabs .panel_header ul li.last {
		margin-left: 0;	
	}
	
	.requests-switch {
		margin-right: 20px;	
	}
	
	.onoffswitch {
		margin-left: 0;	
	}
	
	#search_requests {
		margin-left: 0;
	}
	
	#tabs .panel_header ul li.last .panel_option {
		display: none;
	}
	
	/*new footer*/
	.footer_left {
		width: 195px;	
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		margin-left: 3px;
	}
	
	/*account tabs*/
	#tabs.account-tabs ul {
		padding-left: 5px;
	}
	
	.logout-box-blob {
		width: 60px;	
	}
	
	.logout-box-content {
		margin-left: -60px;	
	}
	
	.logout-box-content-inner {
		margin-left: 60px;	
	}
	
	.logout-box-user,
	.logout-box-account {
		padding-right: 15px;	
	}

	.logo-reseller {
		padding: 16px 23px 16px 17px;
		width: 160px;
		height: 40px;
	}
	
}

@media screen and (max-width: 1100px) { 	
	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 0 0 10px;	
	}
	
	#tabs .panel_header ul li a {
		padding: 0 10px;
	}
	
	#tabs .panel_header ul li .tab-link {
		padding: 0 17px;	
	}
	
	.requests-switch {
		margin-right: 15px;	
	}
	
	#search_requests {
		width: 150px;	
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li a span {
		display: none;
	}
	
	#tabs .panel_header ul li .btn-new-request {
		margin-left: 10px;
	}
	
	.comment-send, .comment-close{
		width: 40px;
		margin-left:320px;
	}	
	
	.comment{
		left: 0px;	
	}
	
	.revision-status{
		margin-left: 20px;	
	}
	
	.revision-desc{
		max-width: 50%;	
	}
	
	/* Quote List Table */
	
	.quote-list-table .voip-tab {
		padding-left: 0;
		padding-right: 0;
	}

	.account_table_outer_thirds .account_table_half,
	.account_table_outer_thirds .account_table_half.first {
		width: 50%;
	}

	.account_table_outer_thirds .account_table_half.fr {
		width: 100%;
	}

	.account_table_outer_thirds .account_table_half .account_table_col1 {
		width: 54%;
	}

	.account_table_outer_thirds .account_table_half .account_table_col2 {
		width: 46%;
	}

	.account_table_outer_thirds .account_table_half.fr .account_table_col1 {
		width: 27%;
	}

	.account_table_outer_thirds .account_table_half.fr .account_table_col2 {
		width: 73%;
	}
	
	.voip-tabs-system .analysis-tab a span {
		display: none;
	}

	.voip-tabs-system .analysis-tab a .mob-hide {
		display: inline-block;
	}
}

@media screen and (max-width: 1000px) { 
	/*requests search*/
	#search_requests {
		padding-left: 3px;
		padding-right: 3px;
	}

	#search_requests input[type="text"] {
		width: 100%; 
		margin: 0;
		padding-right: 29px;

		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-ms-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
	/*requests table*/
	.task_table tr,
	.task_table td {
		float: left;
		display: block;
		border: 0;
	}
	
	.task_table tr {
		width: 100%;
		border-bottom: 1px solid #f0f0f0;
	}
	
	.task_table th {
		display: none;
	}
	
	.task_table td {
		width: 30.666%;
	}
	
	.task_table .requests-tbl-summary,
	.task_table .requests-tbl-project,
	.task_table .requests-tbl-status,
	.task_table td {
		padding: 0;
	}
	
	.task_table .requests-tbl-status,
	.task_table .requests-tbl-requested,
	.task_table .requests-tbl-updated,
	.task_table .requests-tbl-age {
		white-space: normal;
	}

	.task_table td img {
		padding: 0;
	}
	
	.task_table .requests-tbl-summary-img,
	.task_table .requests-tbl-summary,
	.task_table .requests-tbl-project {
	   padding: 15px 0 20px;
	}
	
	.task_table .requests-tbl-summary-img {
		width: 4%;   
		padding-left: 2%;
	}
	
	.task_table .requests-tbl-summary {
		width: 64%;
		padding-left: 2%;
		padding-right: 2%;
		font-weight: 900;
	}
	
	.task_table .requests-tbl-project {
		width: 24%;
		text-align: right;
		padding-right: 2%;
	}
	
	.task_table .requests-tbl-status,
	.task_table .requests-tbl-requested,
	.task_table .requests-tbl-age {
		padding-bottom: 15px;  
	}
	
	.task_table .requests-tbl-status {
		clear: both;
		padding-left: 2%;
		padding-right: .666%;
	}
	
	.task_table .requests-tbl-requested {
		text-align: center;
		padding-left: 1.333%;
		padding-right: 1.333%;
	}
	
	.task_table .requests-tbl-age {
		text-align: right;
		padding-right: 2%;
		padding-left: .666%;
	}

	.task_table .requests-row-full {
		width: 94%;	
		padding: 0 3% 5px;
	}
	
	.requests-row-full > div {
		padding: 12px 0;
	}
	
	/*projects*/
	.project {
		margin-left: -8px;
	}
	
	.project .page_title {
		margin-left: 0;
	}
	
	.project .project_header {
		margin-left: 0;
	}

	/*projects table*/
	.stage td {
		padding: 8px 10px;
	}
	
	.stage td.schedule {
		padding-left: 10px;
		padding-right: 10px;
		width: 100px;
	}
	
	.stage.confirm td.stage_info,
	.stage.complete td.schedule {
		height: auto;
	}
	
	.stage td.stage_no {
		width: 10px;
	}	
	
	.stage td.stage_no,
	.stage.comp td.stage_no,
	.stage.prog td.stage_no,
	.stage.nostart td.stage_no {
		font-size: 16px;
	}
	
	.stage td.stage_info {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.stage td.stage_info h4,
	.stage.prog td.stage_info h4 {
		padding: 2px 0 0;
	}

	.stage.prog td.stage_info h4 {
		padding: 0;
	}

	.stage_info_section {
		padding: 0;
	}

	.project_signoff {
		margin: 15px -10px -8px -10px;
		padding: 9px 10px;
	}
	
	.comp_section {
		padding: 2px 0 0;
	}
	
	.comp_section img {
		width: 15px;
	}

	.comp_status_date {
		float: none;
	}
	
	.comp_message {
		padding-left: 5px;
	}

	.prog_section {
		padding: 0;
	}

	.stage.nostart td.schedule span {
		padding: 1px 0 0;
	}

	.project_separator {
		height: 30px;
	}
	
	/*virtulist*/
	.virtulist_img {
		max-width: 100%;
		height: auto;
		padding: 0 1.5% 0 0;
		margin: 0 auto 15px;
		float: none;
		display: block;
	}
	
	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 0 0 20px;
	}
	
	#tabs .panel_header ul li a {
		padding: 0;
	}
	
	#tabs .panel_header ul li .tab-link {
		padding: 0 7px;	
	}
	
	#search_requests {
		width: 115px;
	}
	
	.requests-switch {
		margin-right: 10px;
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		margin-left: 0;
	}
	
	/*account tabs*/
	#tabs.account-tabs .panel_header ul li {
		margin: 0 0 0 15px;
	}
	
	#tabs.account-tabs .panel_header ul li a {
		padding: 0 10px;
	}
	
	/* Previews */
	.revision-size-container{
		display: none;	
	}
	
	.revision-archive{
		display:none;	
	}
	
	.revision-logo{
		left: 50%;
		top: 18px;
		transform: translateX(-50%);
		height:20px;
		width:40px;
	}
	
	/* Quote List table */
	
	.quote-list-table .voip-tab-links a {
		padding: 7px;
	}
}

@media screen and (max-width: 950px) {
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		padding: 0 8px;
		font-size: 11px;
		line-height: 30px;
		height: 30px;
		margin: 21px 0;
	}
	
	/* Invoice */
	.info_table .info_table_credit {
		padding-right: 3px;
	}
	
	.info_table .info_table_date,
	.info_table .info_table_type,
	.info_table .info_table_system_ref {
		padding-left: 5px;
	}
	
	.info_table .info_table_debit,
	.info_table .info_table_edit {
		padding-right: 5px;
	}
	
	.info_table {
		font-size: 11px;	
	}
	
	.info_table th {
		font-size: 12px;	
		padding-bottom: 5px;
	}
	
	.info_table_debit span {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	/*account*/
	.account_table_half.fr {
		float: left;
	}
	
	.account_bill_uptodate img,
	.account_bill_overdue img {
		padding-right: 10px;	
	}

	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 0 0 12px;
	}
	
	#tabs .panel_header ul li.last {
		margin-right: 12px;	
	}
	
	#search_requests {
		width: 100px;
	}
	
	.requests-switch {
		margin-right: 10px;
	}
	
	#tabs .panel_header ul li .tab-link {
		padding: 0 15px;	
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		margin-left: 8px;
	}
	
	.credit-reference-option-row {
		clear: both;
	}
	
	.revision-right{
		position: relative;
		display: block;
		top: initial;
		transform:none;	
		margin-top: 15px;
		left: 0;
	}
	
	.revision-desc{
		max-width: 95%;	
	}
	
	.approved_responsive{
		display: inline-block;	
	}
	
	.no-approve {
   	 	text-align: left; 
	}
	
	.approved-by{
		display: none !important;	
	}
	
	#account_table_outer,
	.account_table_outer {
		padding-right: 10px;	
	}

	.account_table_half .account_table_col1 {
		padding-left: 14px;
	}	
	
	.account_table_half .account_table_col2 {
		padding-left: 10px;	
	}
	
	/* Quote list table */
	
	.quote-list-table .voip-quote--item-extensions {
		display: none;
	}
	
	.quote-list-table .intelicall-subpage-container {
		padding: 20px 15px;
	}
	
	.quote-list-table .voip-tab-links {
		padding: 0;
	}
	
	.quote-list-table .voip-tabs {
		margin: 0;
	}

	.voip-history-tbl-col-dst {
		width: 80px !important;
	}
	
}

@media screen and (max-width: 840px) {
	/*header*/
	#container {
		padding-top: 61px;
	}
	
	#header {
		width: 100%;
		height: 61px;
		background: #252525; 
	}
	
	#header img {
		width: auto;
		margin: 32px 0 0 2.5%;
	}

	#header .mbl-menu {
		display: block;
		position: absolute;
		width: 32px;
		height: 49px;
		background: url(/images/mbl_menu.png) no-repeat;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		top: 22px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
	.icon-burger {
		display: block;	
	}
	
	.mbl-request-btn,
	.mbl-request-btn * {
		box-sizing: border-box;
	}
	
	.mbl-request-btn {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -13px;
		margin-right: 5px;
		right: 2.5%;
		font-style: normal;
		color: #fff;
		width: 27px;
		height: 27px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
	.mbl-request-btn:hover {
		color: #fff;
		border: 0;
	}
	
	.mbl-request-btn:before,
	.mbl-request-btn:after {
		content: '';
		pointer-events: none;
		position: absolute;
		left: 50%;
		top: 50%;
		background: #fff;
	}
		
	.mbl-request-btn:before {
		width: 27px;
		height: 1px;
		margin-left: -13px;
	}
	
	.mbl-request-btn:after {
		width: 1px;
		height: 27px;
		margin-top: -13px;
	}
	
	/*sidebar*/
	#sidebar {
		margin: 0;
		width: 100%;
		background: #252525;
	}
	
	#navigation,
	#accounts_list,
	#channels_list,
	#infobox {
		width: 100%;	
	}
	
	/*main*/
	#midsection {
		background: none;
		padding: 0;
	}
	
	body,
	.bg_2,
	.bg_3 {
		background: #252525;
	}
	
	#container {
		background: #fff;	
	}
	
	.bg_2 #container {
		background: #e6e6e6;	
	}
	
	.bg_3 #container {
		background: #f3f3f3;	
	}
	
	#content_main {
		float: none;
	}
	
	.content_main_margin {
		margin: 0;
	}
	
	.content_container {
		width:95%;
		margin:0 auto;
	}
	
	.system-designer-page .content_container {
		width: 100%;	
	}
	
	/*footer*/
	#footer {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 18px;
	}
	
	#footer_inner {
		margin-left:0;
	}
	
	/*pages*/
	.page_title {
		margin: 0;
		padding-left: 0;
	}
	
	/*requests*/
	.tab-page #content_main {
		width: 100%; 
	}
	
	#tabs {
		margin-left: 0;
	}
	
	.tab {
		width: 95%;
		margin: 0 auto;	
		overflow: hidden;
	}
	
	.panel_header {
		padding-left: 2.5%;
		padding-right: 2.5%;
		margin-left: 0;
		margin-right: 0;
		left: 0;
	}
	
	.panel_header_inner {
		padding-top:0;
	}	
	
	/*requests switch*/
	.requests-switch {
		padding-left: 25px;
	}
	
	/*new request*/
	.new_request_note, .new_request_closed, .new_request_closed_bottom, .new_request_query_bottom, .new_request_stop_bottom, .request_closed, .new_request_extended_bottom {
		padding: 10px;	
		margin-left: 0;
		margin-bottom: 10px;
	}
	
	.new_request_buttons {
		padding-bottom: 0;
	}
	
	#task_title,
	#task_desc {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#task_title,
	#task_desc {
		width: 100%;
	}
	
	/*account*/
	.account_table_half.fr {
		float: right;
	}
	
	.account_bill_uptodate img,
	.account_bill_overdue img {
		padding-right: 15px;	
	}
	
	/*settings*/
	.settings_left {
		width: 100%;
		padding-right: 0;
		max-width: 375px;
	}
	
	.settings_password input[type="password"],
	.virtulist_signup input[type="text"] {
		width: 100%;
	}
	
	/*virtulist*/
	.virtulist_img {
		padding: 0 0 0 20px;
		margin: 0;
		float: right;
	}
	
	.info_table .info_table_credit {
		padding-right: 10px;
	}
	
	/*login*/
	.portal_login #footer {
		background: 0;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 20px;
	}
	
	#login_center {
		padding-top: 80px;	
	}
	
	#login_container {
		max-width: 444px;
		width: 95%;	
	}
	
	/*footer*/
	.footer_left, 
	.footer_right {
		float:none;
		width:100%;
		text-align:center;
		padding:10px 0;
	}
	
	#footer br {
		display: none;
	}
	
	#footer a{
		margin-left: 3px;	
	}
	
	#footer .footer_left a {
		margin-left: 0;	
	}
	
	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 25px 0 0;	
	}
	
	#tabs .panel_header ul li.last {
		margin-right: 0;	
	}
	
	.requests-switch,
	#tabs .panel_header ul li.last .panel_option {
		display: block;	
	}
	
	.requests-switch {
		padding-left: 0;	
		margin-right: 20px;
	}
	
	#search_requests {
		width: 170px;
	}
	
	#tabs .panel_header ul li.last .panel_option {
		display: none;	
	}
	
	#tabs .panel_header ul li .tab-link {
		padding: 0;	
	}
	
	/*off canvas nav*/
	.off-canvas-wrap {
		-webkit-backface-visibility: hidden;
		width: 100%;
		overflow: hidden;
	}

	.off-canvas-slide {
		-webkit-backface-visibility: hidden;
		width: 100%;
		position: relative;
	
		-webkit-transition: left 250ms ease;
		-moz-transition: left 250ms ease;
		-o-transition: left 250ms ease;
		transition: left 250ms ease;
		
		left: 0;
	}
		
	#sidebar {
		width: 60%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -60%;
		padding-top: 60px;
/*		overflow: auto;*/
		padding-bottom: 40px;
		background: url(/images/logo_v2.png) no-repeat 33px 33px;
	}

	#content_main {
		width: 100%;
	}
	
	#header {
		margin-bottom: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#header .logo {
		margin: 18px auto 17px;
		display: block;
		width: 42px;
		background: url(/images/2d-v2@2x.png) no-repeat;
		height: 25px;
		background-size: 42px 25px;
	}
	
	#header .logo img {
		display: none;
	}

	#header .logo-reseller {
		background: 0;
		padding: 0;

		width: 160px;
		height: 40px;
		margin: 11px auto 10px;
	}

	#header .logo-reseller img {
		display: block;
	}
	
	#header .mbl-menu {
		left: 2.5%;	
	}
	
	#footer {
		display: block;	
	}
	
	.off-canvas-slide.active {
		left: 60%;	
	}
	
	.off-canvas-slide.active .off-canvas-cover {
		background: #000;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 499;
		opacity: .6;
	}
		
	/*new footer*/
	#footer {
		position: static;	
		background: #252525;
		padding: 20px;
	}
	
	#footer .mbl-br {
		display: block;	
	}
	
	.footer_left,
	.footer_right {
		width: auto;
		float: none;	
		background: 0;
		line-height: normal;
	}
	
	.footer_left {
		padding: 5px 0 15px;
	}
	
	.footer_right {
		padding: 0;
	}
	
	#content_main {
		padding-bottom: 0;
	}	
	
	#account_table_outer,
	.account_table_outer,
	#info_table_outer {
		margin-left: 0;	
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		padding: 0 10px;
		font-size: 12px;
		line-height: 34px;
		height: 34px;
		margin: 19px 0;
	}	
	
	/*account tabs*/
	#tabs.account-tabs ul {
		padding-left: 0;	
	}
	
	#tabs.account-tabs .panel_header ul li {
		margin: 0 40px 0 0;
	}
	
	#tabs.account-tabs .panel_header ul li a {
		padding: 0;
	}
	
	.settings_right {
		display: none;	
	}
	
	.credit-reference-option-row {
		clear: none;
	}
	
	/*Projects*/
	.preview-tabs{
		width: 95%;
		margin: 0 auto;	
    	margin-bottom: 30px;
	}
	
	.projects-menu-inner{
		margin-left: 20px;	
	}
	
	/* Invoice */
	.info_table .info_table_credit {
		padding-right: 3px;
	}
	
	.info_table {
		font-size: 12px;	
	}
	
	.info_table th {
		font-size: 13px;
	}
	
	.info_table .info_table_debit {
		padding-right: 5px;
	}
	
	.new-request-pc-div {
		padding-bottom: 15px;	
	}
	
	.logout-box-blob {
		width: 70px;	
	}
	
	.logout-box-content {
		margin-left: -70px;	
	}
	
	.logout-box-content-inner {
		margin-left: 70px;	
	}
	
	.logout-box-user,
	.logout-box-account {
		padding-right: 20px;	
	}
}

@media screen and (max-width: 768px) {
	/*virtulist*/
	.virtulist_img {
		padding: 0 1.5% 0 0;
		margin: 0 auto 15px;
		float: none;
	}
	
	/* ---search new--- */
	#tabs .panel_header ul li {
		margin: 0 18px 0 0;	
	}
	
	.requests-switch {
		margin-right: 15px;
	}
	
	#search_requests {
		width: 135px;
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		padding: 0 8px;
		font-size: 11px;
		line-height: 30px;
		height: 30px;
		margin: 21px 0;
	}	
	
	/*account tabs*/
	#tabs.account-tabs .panel_header ul li {
		margin: 0 40px 0 0;
	}
	
	.request-priority-info, 
	.request-billing-info {
		min-height: 0 !important;	
	}
	
	/*Projects */
	.preview-tabs .preview-tab{
		display: block;	
	}
	
	.preview-tab-menuitems{
		border:none;	
	}

}

@media screen and (max-width: 668px) {
	.requests-switch {
		display: block;	
	}
	
	/*requests*/
	.panel_header {
		padding: 0 2.5% 12px;
		height: auto;
		text-align: center;
	}
	
	.panel_header_inner {
		padding: 0 2.5%;
	}
	
	/*requests search*/
	#search_requests,
	.single_request_new_post,
	.single_request_desc,
	.reply_comment {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#search_requests {
		position: relative;
		left: 0;
		right: 0;
		margin: 5px 0 5px 0;
		width: 100%;
		height: 32px;
	}
	
	#search_requests input[type="text"] {
		height: 30px;
		font-size: 15px;
		padding-right: 40px;
	}
	
	#search_requests input[type="submit"] {
		height: 26px;
		width: 31px;
		top: 2px;
		right: 2px;
	}
	
	#search_requests input[type="submit"],
	#search_requests input[type="submit"]:hover {
		background-size: 18px 14px;
	}

	/*requests switch*/
	.requests-switch {
		float:none;
		width: 150px;
		text-align: center;
		margin: 5px auto 0 auto;
		padding: 0;
	}
	
	#tabs .panel_header ul li.last a, .onoffswitch {
		margin-top:5px;
	}

	/*requests tabs*/
	#tabs .panel_header ul li {
		float: none;
		display: inline-block;
		margin: 0;
		padding: 0 2px;
	}
	
	#tabs .panel_header ul li a,
	#tabs .panel_header ul li .tab-link {
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
	}
	
	#tabs .panel_header ul li a.sel,
	#tabs .panel_header ul li a.sel:hover,
	#tabs .panel_header ul li .tab-link.sel {
		background: none;
		color: #fff;
	}
	
	#tabs .panel_header ul li a:hover {
		background: none;
		color: #fff;	
	}
	
	#tabs .panel_header ul li.last .panel_option {
		margin-top:0;
	}	
	
	.requests-switch {
		margin-top: 0;	
		overflow: hidden;
		padding-bottom: 4px;
	}
	
	#tabs .panel_header ul li.last {
		padding-left: 0;	
		padding-right: 0;
		padding-top: 3px;
	}
	
	.panel_header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.requests-switch {
		width: auto;	
		text-align: center;
	}
	
	.onoffswitch {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	
	#tabs .panel_header ul li.last a {
		float: none;
		display: inline-block;	
	}
	
	#tabs .panel_header ul li.last .panel_option {
		padding-left: 10px;
	}
	
	/* ---search new--- */
	#tabs .panel_header ul li.last {
		width: 100%;	
		padding-bottom: 3px;
		padding-top: 0;
	}
	
	#tabs .panel_header ul li.last .panel_option {
		display: inline-block;	
	}
	
	/*tabs request btn*/
	#tabs .panel_header ul li .btn-new-request {
		margin: 0;
	}
	
	/*account tabs*/
	#tabs.account-tabs .panel_header ul li {
		margin: 0;
		padding: 0 10px;
	}
	
	/* Invoice */
	.info_table .info_table_date {
		padding-left: 5px;
	}
	
	.info_table .info_table_debit {
		padding-right: 5px;
	}
	
	.info_table {
		font-size: 11px;	
	}
	
	.info_table th {
		font-size: 12px;	
		padding-bottom: 5px;
	}
	
	.info_table_debit span {
		display: none;
	}
	
	.account_table_half {
		width: 100%;	
	}
	
	.account_table_half .account_table_col1 {
		width: 54%;	
	}
	
	.account_table_half .account_table_col2 {
		width: 46%;
	}
	
	.icon-burger .burger-row:first-child{
		top: 2px;
	}

	.icon-burger .burger-row:last-child{
		bottom: 5px;
	}
	
	.icon-burger.open .burger-row:first-child{
		top: 9px;
	}
	
	.icon-burger.open .burger-row:first-child span:last-child,
	.icon-burger.open .burger-row:last-child span:last-child{
		right: 2px;
	}
	
	.icon-burger span{
		width: 12px;
	}
	
	.icon-burger.open{
		margin-top: -14px;
	}
	
	.icon-burger{
		margin-top: -11px;
	}
	
	.mbl-request-btn {
		width: 23px;
		height: 23px;
		margin-top: -11px;
		margin-right: 5px;
	}

	.mbl-request-btn:before {
		height: 1px;
		width: 23px;
		margin-left: -12px;
	}

	.mbl-request-btn:after {
		width: 1px;
		height: 23px;
		margin-top: -11px;
		margin-left: -1px;
	}

	.account_table_outer_thirds .account_table_half,
	.account_table_outer_thirds .account_table_half.first,
	.account_table_outer_thirds .account_table_half.fr {
		width: 100%;
	}

	.account_table_outer_thirds .account_table_half.fr .account_table_col1 {
		width: 54%;
	}

	.account_table_outer_thirds .account_table_half.fr .account_table_col2 {
		width: 46%;
	}
}

@media screen and (max-width: 630px) {
	.credit-reference-option-row {
		clear: both;
	}
}

@media screen and (max-width: 600px) {
	/*header*/
	#header { 
		background-size: 100px;
		min-width: 320px;
		background-position: left -10px;
	}
	
	#header .mbl-menu{
		top: 16px;
		margin: 0 2px;
	}

	/*sidebar*/
	#navigation {
		padding-bottom: 20px;	
	}
	
	#accounts_list p,
	#channels_list p {
		padding-bottom: 10px;	
	}
	
	#accounts_list ul,
	#channels_list ul {
		padding-bottom: 10px;	
	}
	
	#infobox {
		padding-bottom: 40px;
	}	

	/*projects*/
	.project_header {
		margin-left: 0;
		padding: 0;
	}
	
	.project_title {
		width: 100%;
		padding-bottom: 5px;
		text-align: center;
		float: none;
	}

	.project_contact {
		width: 100%;
		max-width: 390px;
		padding: 0 0 10px;
		margin: 0 auto;
		float: none;
		overflow: hidden;
	}
	
	.project_contact_image {
		margin-left: 0;
	}

	.project_contact_name {
		margin-left: 70px; 
		padding-right: 10px;
		text-align: justify;
	}
	
	/*account*/
	#account_table_outer,
	.account_table_outer,
	#info_table_outer {
		margin-left: 0;	
	}
	
	.account_bill_query {
		margin-bottom: 5px;	
	}

	.account_table_half.fr {
		float: left;
	}
	
	.account_bill_uptodate img,
	.account_bill_overdue img {
		padding-right: 10px;	
	}
	
	.account_bill_overdue {
		/*margin-left: 20px;*/
	}

	/*individual request*/
	.single_request_table_top .request_label {
		width: 100px;
	}
	
	.single_request_title {
		padding-bottom: 10px;	
	}
	
	.single_request_title td {
		padding-left: 0;	
	}
	
	.single_request_table_new tr,
	.single_request_table_desc tr {
		width: 100%;
		float: left;
		display: block;
	}
	
	.single_request_table_new td,
	.single_request_table_desc td {
		width: 100%;
		float: left;
		display: block;
	}
	
	.single_request_new_post,
	.single_request_desc {
		width: 100%;
	}
	
	.single_request_table_top .single_request_placeholder,
	.single_request_table_desc .single_request_placeholder,
	.single_request_table_new .single_request_placeholder {
		display: none;
	}
	
	.single_request_table_desc .single_request_subtitle {
		margin-top: 5px;
		margin-bottom: 8px;
	}
	
	.single_request_attach {
		padding-bottom: 30px;
	}

	.single_request_table_new {
		margin-bottom: 20px;	
	}

	.single_request_table_detail {
		display: block;
		padding: 0 0 8px;
	}
	
	.single_request_table_comments .comment_reply {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.reply_comment {
		width: 98%;
		margin: 0 0 0 2%;
	}
	
	#submit_reply {
		margin-left: 2%;	
		margin-top: 3px;
	}
	
	#sidebar {
		width: 80%;
		left: -80%;
		background-position: 33px 27px;
	}
	
	#header .logo img {
		margin: 25px 0 0 0;
	}

	#header .logo-reseller img {
		margin: 0;
	}
	
	.off-canvas-slide.active {
		left: 80%;	
	}
	
	/*new footer*/
	#footer .mbl-br {
		display: none;	
	}
	
	.footer-middot {
		display: inline;	
	}
	
	/* Invoice */
	.info_table_outstanding {
		display: none;
	}
	
	.revision-right .revision-status{
		display:block !important;	
	}
	
	.open .revision-status{
		display: none !important;	
	}
	
	/* Billing */
	.billing_lower.new .account_how_to_pay ~ .account_credit_reference,
	.billing_lower.new .account_how_to_pay,
	.billing_lower.new .account_our_details {
		width: 100%;
	}
	
	.billing_lower.new .account_how_to_pay{
		/*padding-bottom: 30px;
		padding-bottom: 0;*/
	}
	
	.info_table_paymethod span {
		display: none;
	}
	
	.info_table_system_ref span,
	.info_table_system span {
		display: none;
	}

	.info_table_status {
		display: none;
	}

	.account-table .mob-hide {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	/*footer*/
	#footer {
		font-size: 11px;
	}

	/*requests*/
	.task_table .requests-tbl-summary-img {
		width: 7%;   
		padding-left: 3%;
	}
	
	.task_table .requests-tbl-summary {
		width: 84%;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.task_table .requests-tbl-project {
		width: 94%;
		clear: both;
		text-align: left;
		padding-top: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.task_table .requests-tbl-status {
		width: 29.333%;
		padding-left: 3%;
		padding-right: 1%;
	}
	
	.task_table .requests-tbl-requested {
		width: 29.333%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	.task_table .requests-tbl-age {
		width: 29.333%;
		padding-right: 3%;
		padding-left: 1%;
	}

	.task_table .requests-row-full {
		width: 94%;	
		padding: 0 3% 5px;
	}
	
	/*new request*/
	.new_request_label {
		width: 110px;
	}
	
	.new_request_priority input[type="radio"], 
	.new_request_billing input[type="radio"] {
		margin-right: 10px;
	}
	
	.file-input-btn {
		margin-right: 15px;	
	}
	
	.file-input-wrapper {
		min-width: 220px;
	}
	
	/*projects*/
	.stage.confirm .stage_no {
		display: none;
	}
		
	.stage.confirm td.stage_info,
	.stage.confirm td.schedule {
		width: 94%;
		padding: 0 3%;
		background: 0;
		text-align: center;
	}
		
	.stage.confirm td.schedule {
		padding-top: 5px;
	}
		
	.project table {
		border-collapse: collapse;   
	}
	
	.project table tr {
		width: 100%;
		float: left;
		display: block;
		border-bottom: 2px solid #fff;
		padding: 10px 0;
	}
	
	.project table td {
		width: 100%;
		float: left;
		display: block;
		border: 0;
	}
	
	.stage td.stage_no {
		width: 5%;
		padding: 1px 0 0 3%;
		background: 0;
	}
	
	.stage td.stage_info {
	   width: 86%;
		padding: 0 3%;
		background: 0;
	}
	
	.stage td.schedule {
		padding: 10px 3% 0 11%;
		width: 86%;
		background: 0;
		clear: both;
	}
	
	.stage {
		background: #f2f2f2;
	}
	
	.stage.prog{
		background: #d1e5fb;
	}
	
	.stage.prog td.stage_info h4 {
		padding-top: 2px;
	}
	
	.schedule p {
		margin-bottom: 2px;
	}
	
	.project_signoff {
		margin: 0 0 10px;
	}
	
	/*settings*/
	.settings_right p {
		margin-top: 0;	
	}
	
	.settings_blob {
		padding-bottom: 30px;
	}

	/*individual request*/
	.single_request_table_comments tr,
	.single_request_table_comments td {
		width: 100%;
		display: block;
	}
	
	.single_request_table_comments tr {
		float: left;
	}
	
	.single_request_table_comments td {
		width: 96%;
		border: 0;
		padding: 5px 2%;
	}
	
	.single_request_table_comments .request_comment_label {
		border-top: thin solid #d3d3d3;
		width: 100%;
		padding: 5px 0;
	}
	
	.single_request_table_comments .comment_reply .request_comment_label {
		border: 0;	
	}
	
	.single_request_table_comments .comment_reply {	
		width: 98%;
		margin-right: 0;
	}
	
	/*account*/
	.info_table .info_table_date,
	.info_table .info_table_invoice,
	.info_table .info_table_debit,
	.info_table .info_table_credit {
		width: auto;
	}
	
	/*login*/
	#login_center {
		padding-top: 50px;	
	}
	
	.textbox,
	#form_container,
	.textbox.bottom {
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.stage.complete td.stage_info {
		text-align: left;	
	}
	
	.info_table_system_ref {
		width: 1px;
	}

	.panel-header-new-title .mob-hide {
		display: none;
	}
}

/*-----------------------------------*/

/* ---NEW REQUEST--- */
.btn-reset {
	border: 0;	
	outline: 0;
	display: block;
	cursor: pointer;
	
	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-o-transition: background .25s;
	-ms-transition: background .25s;
	transition: background .25s;
}

/*type boxes*/
.request-type {
	max-width: 1070px;
	padding: 36px 0 26px;
	overflow: hidden;
}

.request-type-inner {
	margin: 0 -10px 0 0;
}

.request-type-btn-cont {
	width: 25%;
	padding: 0 10px 10px 0;
	float: left;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

.request-type-btn {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #fff;	
	text-transform: uppercase;
	text-align: center;
	border-radius: 2px;
	background: #dedcde;
}

.request-type-btn-inner {
	position: absolute;	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.type-btn-top {
	height: 62%;
}

.type-btn-bottom {
	padding: 8% 5% 0;
	margin: 0 auto;
}

/*type header*/
.request-type-hdr {
	padding: 12px 30px 12px 38px;
	margin: 0 -30px 0 -38px;
	overflow: hidden;
	background: #dedcde;
}

.request-type-chosen {
	padding: 0 0 0 30px;
	float: left;	
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 34px;
}

.request-type-change-btn {
	height: 34px;
	padding: 0 18px;
	float: right;
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 2px;
	background: #c9c5ca;
}

/*request Update (colour and icons)*/
.request-type-1.request-type-btn,
.request-type-1.request-type-hdr {
	background: #84c14e;
}

.request-type-1.request-type-btn .type-btn-top {
	background: url(/images/request-type-update-large.png) no-repeat bottom center;
}

.request-type-1.request-type-btn .type-btn-bottom {
	max-width: 150px;
}

.request-type-1 .request-type-chosen {
	background: url(/images/request-type-update.png) no-repeat center left;
}

.request-type-1.request-type-btn:hover,
.request-type-1 .request-type-change-btn {
	background: #77ad46;
}

.request-type-1 .request-type-change-btn:hover {
	background: #6a9a3e;
}

/*request Support (colour and icons)*/
.request-type-5.request-type-btn,
.request-type-5.request-type-hdr {
	background: #737898;
}

.request-type-5.request-type-btn .type-btn-top {
	background: url(/images/request-type-support-large.png) no-repeat bottom center;
}

.request-type-5.request-type-btn .type-btn-bottom {
	max-width: 160px;
}

.request-type-5 .request-type-chosen {
	background: url(/images/request-type-support.png) no-repeat 8px center;
}

.request-type-5.request-type-btn:hover,
.request-type-5 .request-type-change-btn {
	background: #676c89;
}

.request-type-5 .request-type-change-btn:hover {
	background: #5c607a;
}

/*request Fix (colour and icons)*/
.request-type-4.request-type-btn,
.request-type-4.request-type-hdr {
	background: #caa447;
}

.request-type-4.request-type-btn .type-btn-top {
	background: url(/images/request-type-fix-large.png) no-repeat bottom center;
}

.request-type-4.request-type-btn .type-btn-bottom {
	max-width: 180px;
}

.request-type-4 .request-type-chosen {
	background: url(/images/request-type-fix.png) no-repeat center left;
}

.request-type-4.request-type-btn:hover,
.request-type-4 .request-type-change-btn {
	background: #b59340;
}

.request-type-4 .request-type-change-btn:hover {
	background: #a28339;
}

/*request Account (colour and icons)*/
.request-type-9.request-type-btn,
.request-type-9.request-type-hdr {
	background: #4bc1de;
}

.request-type-9.request-type-btn .type-btn-top {
	background: url(/images/request-type-account-large.png) no-repeat bottom center;
}

.request-type-9.request-type-btn .type-btn-bottom {
	max-width: 180px;
}

.request-type-9 .request-type-chosen {
	background: url(/images/request-type-account.png) no-repeat center left;
}

.request-type-9.request-type-btn:hover,
.request-type-9 .request-type-change-btn {
	background: #43adc7;
}

.request-type-9 .request-type-change-btn:hover {
	background: #3c9ab2;
}

/*request Porting (colour and icons)*/
.request-type-21.request-type-btn,
.request-type-21.request-type-hdr {
	background: #1c54d5;
}

.request-type-21.request-type-btn .type-btn-top {
	background: url(/images/request-type-porting-large.png) no-repeat bottom center;
}

.request-type-21.request-type-btn .type-btn-bottom {
	max-width: 180px;
}

.request-type-21 .request-type-chosen {
	background: url(/images/request-type-porting-large.png) no-repeat center left;
	background-size: 20px;
}

.request-type-21.request-type-btn:hover,
.request-type-21 .request-type-change-btn {
	background: #1543a9;
}

.request-type-21 .request-type-change-btn:hover {
	background: #143b99;
}

/*errors and messages*/
.new-request-error,
.request-error,
.intelicall-error,
.intelicall-message,
.intelicall-success,
.account-error {
	margin: 0 0 25px;
	padding: 0 14px;
	border: 0;
	font-size: 12px;
	overflow: hidden;
}

.new-request-error,
.request-error,
.intelicall-error,
.account-error {
	background: #ef0e0e;
	color: #fff;
}

.new-request-message,
.request-message,
.account-message {
	margin: 0 0 25px;
	padding: 1px 14px;
	font-size: 12px;
}

.account-error,
.account-message {
	margin-bottom: 20px;
}

.intelicall-error,
.intelicall-message {
	margin: 25px 0 20px;
	border-radius: 0;
}

.intelicall-error {
	background: #cd1b30;	
}

.request-error,
.request-message {
	margin: 14px 0 0;
}

.new-request-task-submitted {
	text-align: center;	
	font-size: 14px;
}

.new-request-error {
	max-width: 1132px;	
}

.new-request-message {
	max-width: 1130px;	
	margin: 0 auto 25px;
	width: 90%;
}

/*page*/
#step-2 {
	display: none;	
}

.new-request {
	padding: 32px 0 0; 	
}

.new-request select,
.new-request input,
.new-request textarea {
	padding: 6px;
	border-radius: 2px;	
	font-size: 12px;
}

.new-request select {
	line-height: 17px;
	height: 33px;
}

.new-request input,
.new-request textarea {
	padding-left: 10px;
	padding-right: 10px;	
}

.new-request textarea {
	display: block;	
}

.project_drop {
	max-width: 540px;	
}

.new-request-section {
	padding: 0 0 25px;
}

.new-request-section-nopad {
	padding-bottom: 0;	
}

.new-request-section-nopad .new-request-bottom {
	padding-bottom: 45px;	
}

.new_request_title {
	padding: 0 0 12px;	
}

#task_title, 
#task_desc,
#notification_copy {
	max-width: 1160px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	width: 100%;
}

#task_title {
	margin: 0 0 10px;	
	height: 33px;
}

#task_desc {
	height: 210px;	
	min-height: 120px;
	min-width: 1160px;
	max-width: 1160px;
	max-height: 500px;
}

#task_description_rich:not(.hasValue):focus{
/*	color: #b3b3b3;*/
}

#task_title.hasValue,
#task_description_rich.hasValue{
	color: #2d2d2d;
}

#task_title,
#task_description_rich{
	/* color: #828282; */
	color: #000;
}

.task-notification-copy,
.task-description-pii {
	margin-top: 10px;
}

.task-notification-copy-note,
.task-description-pii-note {
	color: #828282;
	padding-bottom: 3px;
}

.task-notification-copy-note strong,
.task-description-pii-note strong {
	font-weight: 600;
}

/*attach file*/
.file-input-wrapper {
	width: 100%;
	max-width: 1160px;
	border: 1px solid #cdcdcd;	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	border-radius: 2px;
	background: #fff;
	position: relative;	
}

.file-input-btn {
	margin: -1px 10px -1px -1px;
	font-size: 13px;
	border-radius: 2px;
	background: #6c6c6c;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
}

#upload_box .file-input-btn {
	width: 132px;	
}

.file-input-btn:hover {
	background: #616161;
}

.file-input-chosen {
	padding: 7px 0;
	font-size: 12px;
}

.file-input-max {
	position: absolute;	
	top: 0;
	right: 10px;
	line-height: 31px;
	color: #9b9b9b;
	font-size: 12px;
	pointer-events: none;
}

#upload_box {
	padding: 0 0 15px;	
}

/*closed message*/
.new_request_closed,
.new_request_closed_bottom,
.new_request_query_bottom,
.request_closed,
.new_request_extended_bottom {
	padding: 14px 18px 14px 18px;	
	margin: -15px 0 25px;
	font-size: 14px;
	background:#f0f0f0;
}

.request_closed {
	margin: 20px 0 10px;
	max-width: 1092px;
	color: #b71b1b;
}

.new_request_stop_bottom {
	padding: 7px 18px;	
	margin: -15px 0 25px;
	font-size: 14px;
	background: #f0f0f0;
	max-width: 1124px;
}

.new_request_closed_bottom,
.new_request_query_bottom,
.new_request_stop_bottom,
.new_request_extended_bottom {
	margin-bottom: 45px;	
}

.new_request_query_bottom {
	display: none;	
}

/*priority*/
.new-request-bottom {
	max-width: 830px;
	padding: 0 0 20px;
}

.request-priority {
	width: 65%;
	float: left;
}

.request-billing {
	width: 31.8%;
	float: right;
}

.request-priority-select,
.request-billing-select {
	overflow: hidden;	
	padding: 0 0 15px;
}

.request-priority-select-inner,
.request-billing-select-inner {
	margin: 0 0 0 -4px;
}

.request-priority-select-inner .request-opt,
.request-billing-select-inner .request-opt {
	width: 25%;
	padding: 0 0 0 4px;	
	float: left;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	text-transform: uppercase;
}

.request-billing-select-inner .request-opt {
	width: 50%;	
}

.request-priority-select-inner .request-opt .request-opt-inner,
.request-billing-select-inner .request-opt .request-opt-inner {
	background: #e2e2e2;
	line-height: 30px;
	text-align: center;
	font-weight: 700;
	border-radius: 2px;
	cursor: pointer;
}

.request-priority-select-inner .disabled,
.request-billing-select-inner .disabled {
	color: #cacaca;
}

.request-priority-select-inner .disabled .request-opt-inner,
.request-billing-select-inner .disabled .request-opt-inner {
	cursor: default;
	-webkit-user-select: none;  
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.request-priority-select-inner .request-opt .request-opt-inner:hover,
.request-billing-select-inner .request-opt .request-opt-inner:hover {
	background: #cbcbcb;
}

.request-priority-select-inner .disabled .request-opt-inner:hover,
.request-billing-select-inner .disabled .request-opt-inner:hover {
	background: #e2e2e2;
}

.request-priority-select-inner .sel .request-opt-inner,
.request-billing-select-inner .sel .request-opt-inner {
	position: relative;
	background: #6c6c6c;
	color: #fff;
}

.request-priority-select-inner .request-opt-extreme.sel .request-opt-inner,
.request-priority-select-inner .request-opt-extreme.sel .request-opt-inner:hover {
	background: #cd1b30;
}

.request-priority-select-inner .sel .request-opt-inner:hover,
.request-billing-select-inner .sel .request-opt-inner:hover {
	background: #616161;	
}

.request-priority-select-inner .sel .request-opt-inner .arrow,
.request-billing-select-inner .sel .request-opt-inner .arrow {
	height: 0;
	width: 0;
	position: absolute;
	border: 6px solid transparent;
	border-bottom-color: #e2e2e2;
	top: 100%;
	left: 50%;
	margin: 3px 0 0 -6px;
}

.request-priority-info,
.request-billing-info {
	min-height: 39px;
	padding: 10px 8px;
	background: #e2e2e2;
	border-radius: 2px;
	font-size: 11px;
	line-height: 13px;
	color: #2e2e2e;
}

.request-opt-desc {
	display: none;
}

.request-opt-desc.sel {
	display: inline;	
}

#submit, 
#create_account, 
#submit_preview, 
#update_priority {
	width: 152px;
	background: #008ccb;
	border-radius: 2px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}

#submit:hover, 
#update_priority:hover {
	background: #007eb6;
}

#submit:disabled,
#submit.disabled {
	opacity: 1;
	background: #ccc;
	cursor: auto;
}

/* ---REQUEST--- */
.request-white-section {
	margin: 0 -30px 0 -38px;
	padding: 0 30px 0 38px;
	background: #fff;
}

.mbl-request-summary-cont,
.mbl-request-description-cont,
.mbl-request-comment-cont {
	display: none;	
}

/*request summary*/
.request-summary {
	max-width: 1160px;
	overflow: hidden;
	padding: 36px 0 0;
}

.request-summary-inner {
	margin: 0 -10px 0 0;	
}

.request-summary-section,
.marketing-summary-section {
	width: 20%;
	float: left;
	padding: 15px 10px 0 0;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

.request-summary-section-inner,
.marketing-summary-section-inner {
	border: 2px solid #e2e2e2;
	padding: 2px;
	border-radius: 2px;
	flex: 1;
    display: flex;
    flex-direction: column;
}

.request-summary-section-top,
.request-summary-section-bottom ,
.marketing-summary-section-top,
.marketing-summary-section-bottom {
	padding: 0 7px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	line-height: 30px;
	text-transform: uppercase;
}

.request-summary-section-top,
.marketing-summary-section-top {
	font-size: 12px;
	color: #008ccb;
}

.request-summary-section-bottom,
.marketing-summary-section-bottom {
	font-size: 13px;	
	color: #2e2e2e;
	background: #f5f5f5;
	border-radius: 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}

.request-summary-new {
	max-width: 1160px;
	padding: 36px 0 0;
	overflow: hidden;
}

.request-summary-new-inner {
	border: 2px solid #e2e2e2;
  	padding: 2px 2px 0 0;
	border-radius: 2px;	
	float: left;
}

.request-summary-new-section {
	background: #f5f5f5;
	margin-left: 2px;	
	margin-bottom: 2px;
	float: left;
	padding: 13px 15px;
	border-radius: 2px;	
}

.request-summary-new-section-top {
	font-size: 11px;
	color: #008ccb;	
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.request-summary-new-section-bottom {
	font-size: 13px;
	color: #2e2e2e;
	background: #f5f5f5;
	border-radius: 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;	
}

.request-summary-new2-outer {
	padding: 32px 0 0;
}

.request-summary-new2 {
	max-width: 1156px;
	overflow: hidden;
}

.request-summary-new2-inner {
	margin: 0 -10px 0 0;
	overflow: hidden;
}

.request-summary-new2-section {
	width: 33.333%;
	float: left;
}

.request-summary-new2-section-inner {
	padding: 4px 15px 4px 0;
}

.request-summary-new2-section-top, 
.request-summary-new2-section-bottom {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}

.request-summary-new2-section-top {
	font-size: 12px;
	color: #008ccb;
}

.request-summary-new2-section-bottom {
	font-size: 13px;
	color: #2e2e2e;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*request description*/
.request-description-cont {
	padding: 22px 0 0;
	max-width: 1160px;
}

.request-client-description {
	padding: 0 0 22px;
}

.request-title {
	color: #333;
	font-size: 16px;
	font-weight: 600;
}

.request-description {
	padding: 16px 0 0;
	height: 70px;
    overflow: hidden;
    position: relative;
}

.request-description:after{
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
  width: 100%;
  height: 4em;
}
	
.request-description.changed:after{
	height: 0px;
}

.request-internal-description {
	/*border-top: 1px solid #cdcdcd;*/
	padding: 0 0 22px;
}

.request-description-label,
.request-internal-description-label {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #252525;
	font-weight: bold;
	text-transform: uppercase;
}

.request-description-label {
	padding-bottom: 16px;
}

.request-internal-description-label {
	/*padding: 22px 0 0;*/
	padding: 22px 0 16px;
	border-top: 1px solid #cdcdcd;
}

.request-internal-description .request-description {
	padding: 0;
}

/*request files*/
.request-attached {
	margin: 0 10px 0 0;
	padding: 0 0 0 18px;
	float: left;
	background: url(/images/attach.png) no-repeat;
	min-height: 16px;
}

.request-files {
	overflow: hidden;
	padding: 0 0 22px;
}

/*request comments section*/
.request-comments-section {
	margin: 42px 0 8px;
}

.request-comments-section-inner {
	max-width: 1160px;	
}

.request-unanswered-question { 
	border: 2px solid #008ccb;
}

/*request quote form*/
.request-quote {
	background: #2bb0eb;
	border-radius: 2px;
	margin:30px 0 0 0;
	padding: 18px;
}

.request-quote.expired {
	background: #6c6c6c;
}

.request-quote.expired .request-quote-desc {
	border-radius: 2px;
}

.request-quote-label {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	padding: 0 0 18px;
}

.request-quote-expired-msg {
	padding-bottom: 18px;
	color: #fff;
}

.request-quote-desc {
	background: #fff;
	border-radius: 2px;
	padding: 10px 22px 15px;
	color: #333;
	line-height: 17px;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
}

.request-quote-bottom {
	overflow: hidden;	
	padding: 14px 0 0;
}

.request-quote-terms {
	color: #fff;
	float: right;	
	line-height: 30px;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
}

.request-quote-btns {
	float: left;	
}

.request-quote-btns-right {
	float: left;	
}

.btn-quote-accept,
.btn-quote-secondary {
	width: 152px;
	height: 30px;
	margin: 0 10px 0 0;
	border-radius: 2px;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.btn-quote-accept {
	border: 0;
}

.btn-quote-accept {
	background: #77ad46;
}

.btn-quote-accept:hover {
	background: #6a9a3e;
}

.btn-quote-secondary {
	background: #6c6c6c;
}

.btn-quote-secondary:hover {
	background: #616161;
}

/*request comments form*/
.request-comment-form {
	border: 2px solid #fff;
	background: #f0f0f0;
	border-radius: 2px;
	padding: 18px 18px 25px;
	margin: 0 0 45px;
}

/*add comment*/
.single_request_new_post {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	min-height: 75px;
	padding: 8px 10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	border-radius: 2px;
	font-size: 12px;
	display: block;
}

#comment_rich{
	padding: 8px 10px;
}

.single_request_type {
	padding: 15px 0 5px;
}

.single_request_message {
	margin: 15px 0 0;
	padding: 14px;
	border-radius: 2px;
}

.single_request_attach {
	padding: 15px 0 22px;	
}

.single_request_attach #upload_box {
	padding: 0;	
}

.request-comment-form-btns {
	overflow: hidden;	
	display: inline-block;
}

.request-comment-form-btns-right {
	float: right;	
}

.request-more-options {
/*	float: right; */
/*	width: 55%;*/
	display: none;
	width: 320px;
/*	display: inline-block;*/
	padding-left: 20px;
	flex: 1 1 100%;
	align-content: center;
}

.request-more-options-checkbox {
	line-height: 16px;
}

.request-more-options-checkbox label {
	white-space: nowrap;
}

.request-more-options-checkbox label span {
	display: inline;
	vertical-align: middle;
	white-space: break-spaces;
}

.request-just-comment-checkbox {
	line-height: 21px;
}

.request-more-options-checkbox input[type="checkbox"],
.request-just-comment-checkbox input[type="checkbox"] {
	margin: 4px 5px 0 1px;
	float: left;
}

.request-more-options-checkbox input[type="checkbox"] {
	margin-top: 2px;
}

.request-more-options-checkbox span,
.request-just-comment-checkbox span {
	overflow: hidden;
	display: block;	
}

.request-more-options-checkbox input[type="checkbox"] {
	margin-top: 0;
	vertical-align: middle;
	float: none;
}

#btn-more-options {
	border: 0;	
	cursor: pointer;
}

/*on hold - close request*/
.btn-secondary {
	width: 152px;
	height: 38px;
	background: #6c6c6c;
	margin: 0 0 0 10px;
	border-radius: 2px;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.btn-secondary:hover {
	background: #616161;
}

/*request comments*/
.request-comment {
	overflow: hidden;	
	padding: 14px;
	background: #fff;
	border-radius: 2px;	
	margin: 15px 0 0;
}

.request-comment-upload {
	padding-top: 14px;
}

.request-comment-response,
.request-comment-reply {
	background: #f0f0f0;
}

.request-comment > .request-comment {
	margin-top: 25px;	
	clear: both;
}

.request-comment > .request-comment ~ .request-comment {
	margin-top: 10px;
}

.request-comment-user {
	width: 175px;
	float: left;
}

.request-comment-user-blob {
	float: left;
}

.request-comment-user-info {
	margin: 0 0 0 45px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #2e2e2e;
}

.request-comment-user-info.user-hidden {
	margin-left: 5px;	
}

.request-comment-user-info strong {
	color: #9b9b9b;
	display: block;
	padding: 5px 0 2px;
}

.request-comment-user-info span {
	color: #9b9b9b;
	font-size: 11px;
	font-weight: normal;
}

.request-comment-text {
	min-height: 60px;
	border-left: 1px solid #e6e6e6;
	padding: 4px 0 4px 20px;
	overflow: hidden;	
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #2e2e2e;
}

.request-comment-text div img{
	max-width:100%;	
}

.reply_comment {
	width: 100%;
	max-width: 100%;
	min-height: 75px;
	min-width: 100%;
	margin: 0;
	padding: 8px 10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	border-radius: 2px;
	display: block;
}

.request-comment-attached {
	margin: 10px 0 0;
	overflow: hidden;	
}

#submit_reply,
input.submit_reply {
	width: 175px;
	margin: 14px 0 0;	
	background: #008ccb;
	border-radius: 2px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#submit_reply:hover,
input.submit_reply:hover {
	background: #007eb6;	
}

.request-quote-accepted {
	background: #d8eebd;
	padding: 10px;
	margin-top: 5px;
}

/*request quote comment*/
.request-comment-quote {
	padding: 1px 1px 4px;
	background: #2bb0eb;	
	margin: 30px 0 0;
	border-radius: 2px;
}

.request-comment-quote .request-comment-type {
	color: green;
}

.request-comment-quote > .request-comment {
	margin: 0;
}

/*request comment internal*/
.request-comment-internal {
	background: #f0f0f0;
}

.request-comment-internal .request-comment-text {
	border-color: #cdcdcd;
	min-height: 35px;
}

.request-comment-internal .request-comment-user-info strong {
	color: #2e2e2e;
}

/*request private comment*/
.request-comment-private {
	background-color: #FFC;
	margin: -14px -14px 14px;
	padding: 10px;
	text-align: center;
}

/*---NAVIGATION---*/
#navigation ul li,
#navigation ul li.sel, 
#navigation ul li:hover {
	height: 57px;
	line-height: 57px;
}

#navigation ul li a {
	padding: 12px 0 8px 67px;	
}

/*---DASHBOARD---*/
.dashboard {
	margin: 0 -30px -40px -38px;
	padding: 28px;
}

.dashboard-inner {
	position: relative;	
	overflow: hidden;
}

.dashboard-main {
	padding: 0 335px 0 0;
}

.dashboard-top {
	overflow: hidden;
}

.dashboard-notifications,
.dashboard-attention {
	width: 50%;
	padding: 0 8px 8px 0;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	float: left;
}

.dashboard-notifications-inner,
.dashboard-attention-inner {
	background: #fff;
	border-radius: 2px;	
	padding: 20px 24px 20px 20px;
}

.dashboard-notifications-title,
.dashboard-attention-title {
	font-family: 'Lato', sans-serif;
	color: #008ccb;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

.notify-cont {
	padding: 6px 0 4px;
}

.notify {
	padding: 13px 0;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;	
}

.notify-label,
.notify-msg {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 13px;
}

.notify-label {
	width: 130px;
	float: left;
	color: #9b9b9b;
}

.notify-msg {
	overflow: hidden;	
	color: #2e2e2e;
	white-space: nowrap;
	text-overflow: ellipsis;	
}

.notify-overflow {
	display: none;	
}

.btn-notify-more {
	width: 118px;
	height: 25px;
	padding: 0 8px;
	margin: 14px 0 0;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	background: url(/images/icn-notify-more.png) no-repeat center right #9b9b9b;
}

.btn-notify-more:hover {
	background: url(/images/icn-notify-more.png) no-repeat center right #8b8b8b;
}

.btn-notify-more.open {
	background: url(/images/icn-notify-less.png) no-repeat center right #9b9b9b;
}

.btn-notify-more.open:hover {
	background: url(/images/icn-notify-less.png) no-repeat center right #8b8b8b;
}

.dashboard-splash {
	border-radius: 2px;		
	margin-right: 8px;
	background: url(/images/splash.jpg) center center;
	background-size: cover;
	height: 0;
	padding-bottom: 51.820%;	
}

.mbl-logo {
	display: none;	
}

.mbl-logo img {
	display: block;	
}

.mbl-logo-reseller {
	padding: 0;
	width: 160px;
	height: 40px;
}

.mbl-logo-reseller img {
	margin: 0;
	max-width: 100%;
	max-height: 100%;
}

.mbl-logo-reseller-inner {
	display: table;
	height: 100%;
	width: 100%;
}

.mbl-logo-reseller-center {
	display: table-cell;
	vertical-align: middle;
}

#tabs .panel_header ul .pull-menu-cont {
	display: none;	
}

#tabs .panel_header ul .back {
	display: none;
}

.placeholder {
	color: #9b9b9b;	
}

.task_table {
	margin-bottom: 0;	
}

#footer {
	display: none;	
}

/*marketing - main-page*/
.page-header {
	height: 72px;
	line-height: 72px;		
	font-size: 16px;
	color: #fff;
	margin: 0 -30px 0 -38px;
	background: #008ccb;
	padding: 0 30px 0 38px;
}

.page-header a {
	color: #fff;
	border: 0;	
}

.page-header a:hover {
	border: 0;	
}

.page-header span {
	padding: 0 0 0 38px;
	background: url(/images/icn-page-header-arrow.png) no-repeat 15px center;
}

.marketing-main {
	padding: 24px 0 0;	
	margin-left: -8px;
}

.report-table {}

.report-tbl-header-summary {
	padding-left: 10px;	
}

.report-tbl-header-type {}
.report-tbl-header-published {}
.report-tbl-header-view {}

.report-tbl-summary-img {
	width: 1px;
}

.report-tbl-summary-img img {
	padding-left: 14px;
	vertical-align: bottom;
}

.report-tbl-summary {}

.report-tbl-type {
	width: 17.9%;
}

.report-tbl-published {
	line-height: 1;
	width: 15.5%;
}

.report-tbl-author {
	font-size: 11px;
	color: #757575;
}

.report-tbl-view {
	width: 11%;	
}

.btn-view-report {
	width: 72px;
	background: #77ad46;
	border-radius: 2px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
	border: 0;
	margin: 0 auto;
}

.btn-view-report:hover {
	border: 0;	
	color: #fff;
	background: #6a9a3e;
}

/*graph pages*/
.marketing-header {
	background: #f5f5f5;
	margin: 0 -30px 34px -38px;
	padding: 0 30px 0 38px;	
	height: 72px;
}

.marketing-header-section {
	line-height: 72px;
	float: left;
	color: #b9b9b9;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0 75px 0 0;
}

.marketing-header-section a {
	color: #848484;	
	background: url(/images/icn-marketing-header-arrow.png) no-repeat right center;
	padding: 0 15px 0 0;
}

.marketing-header-section a,
.marketing-header-section a:hover {
	border-bottom: 0;	
}

.marketing.content_container {
	max-width: 1160px;	
}

.marketing-section {
	padding: 0 0 10px;
}

.marketing-section p {
	margin: 17px 0;
	text-align: justify;
}

.marketing-section ul {
	margin: 17px 0;
}

.marketing-section-heading {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	color: #252525;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px solid #e6e6e6;
	padding: 5px 0;
	margin-bottom: 24px;
}

.marketing-content {
	padding: 0 0 4px;
}

.marketing-subheading {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	color: #252525;
	text-transform: uppercase;
	font-size: 14px;
	margin: 17px 0 -7px;
}

.marketing-accordion-container {
	padding: 0 0 12px;
}

.marketing-accordion-container .marketing-subheading {
	margin-bottom: 14px;	
}

.marketing-accordion {
	margin: 12px 0;
	background: #f5f5f5;
}

.marketing-accordion-section:nth-child(odd) {
	background: #eaeaea;	
}

.marketing-accordion-header {
	padding: 17px 1.75%;	
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	color: #252525;
	text-transform: uppercase;
	font-size: 15px;
	cursor: pointer;
	background: url(/images/icn-accordion-plus.png) no-repeat 97% center;
}

.marketing-accordion-header span {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	display: block;
	font-weight: normal;
	text-transform: none;
	margin: -2px 0 0;
}

.marketing-accordion-section.open .marketing-accordion-header {
	background: url(/images/icn-accordion-minus.png) no-repeat 97% center;
}

.marketing-accordion-content {
	padding: 0 1.75% 20px;	
}

.marketing-summary {
	background: #fff;
	padding: 10px;
	margin: 0 0 15px;
	overflow: hidden;
}

.marketing-summary-top,
.marketing-summary-bottom {
	overflow: hidden;	
	margin: 0 -7px 0 0;
}

.marketing-summary-section {
	padding-right: 7px;	
}

.marketing-summary-top {
	padding: 0 0 7px;	
}

.marketing-summary-top .marketing-summary-section {
	width: 100%;
}

.marketing-summary-top .marketing-summary-section-bottom {
	white-space: normal;
	line-height: normal;	
	padding-top: 7px;
	padding-bottom: 7px;
}

.marketing-summary-section-bottom {
	text-transform: none;	
}

.marketing-accordion-desc-container {
	overflow: hidden;
}

.marketing-accordion-image {
	float: left;
	width: 53.6%;
}

.marketing-accordion-image a {
	margin: 21px 0;
	display: block;	
	border: 0;
	position: relative;
}

.marketing-accordion-image img {
	display: block;
	max-width: 100%;
}

.marketing-accordion-image-expand {
	position: absolute;	
	top: 50%;
	left: 50%;
	width: 280px;
	height: 50px;
	line-height: 50px;
	margin: -25px 0 0 -170px;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	background: rgba(0,0,0,0.5) url(/images/icn-marketing-magnify.png) no-repeat 20px center;
	padding: 0 0 0 60px;
	border-radius: 3px;
}

.marketing-accordion-desc {
	float: right;
	width: 44.6%;
}

.marketing-table,
.marketing-graph {
	margin: 42px 0;
}

.marketing-graph {
	overflow: hidden;	
}

.graph-placeholder {
	background: #4bc1de; 
}

.graph-full {
	height: 345px; 
	width: 100%;
}

.graph-left {
	height: 390px; 
	width: 49%;
	float: left;
}	

.graph-right {
	height: 390px; 
	width: 49%;
	float: right;
}	

.graph-half {
	height: 390px; 
	max-width: 570px; 
	margin: 0 auto;
}	

.marketing-subheading ~ .marketing-table,
.marketing-subheading ~ .marketing-graph {
	margin-top: 49px;
}

.marketing-section-heading ~ .marketing-table,
.marketing-section-heading ~ .marketing-graph {
	margin-top: 0;
}

.marketing-content ~ .marketing-table,
.marketing-content ~ .marketing-graph {
	margin-top: 22px;	
}

.marketing-table table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e6e6e6;
}

.marketing-table tr:nth-child(odd) {
	background: #f5f5f5;
}

.marketing-table th,
.marketing-table td {
	padding: 16px 20px;
}

.marketing-table th {
	background: #fff;
	text-align: left;	
	text-transform: uppercase;
	font-size: 13px;
	padding: 0 20px;
	height: 50px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 15px;
	border: 1px solid #e6e6e6;
}

.marketing-table td {
	border-left: 1px solid #e6e6e6;	
}

.marketing-table .col-4 td {
	width: 	25%;
}

.marketing-table .col-5 td {
	width: 	20%;
}

.marketing-table .col-6 td {
	width: 	16.667%;
}

.marketing-table .col-7 td {
	width: 	14.286%;
}

.marketing-table .col-8 td {
	width: 	12.5%;
}

.marketing-table .col-9 td {
	width: 	11.111%;
}

.marketing-table-adwords td {
	width: 10.75%;	
}

.marketing-table-adwords tr td:first-child {
	width: 14%;
}

.marketing-table-roi-increase {
	background: #55c47c;
}

.marketing-table tr:nth-child(odd) .marketing-table-roi-increase {
	background: #8fd2a6;
}

.marketing-table-roi-decrease {
	background: #c45555;
}

.marketing-table tr:nth-child(odd) .marketing-table-roi-decrease {
	background: #d28f8f;
}

.marketing-table-totals {
	overflow: hidden;	
}

.marketing-table-invested,
.marketing-table-revenue {
	float: left;
}

.marketing-table-invested {
	width: 52%;
}

.marketing-table-invested .marketing-table-totals-label {
	width: 60%;	
}

.marketing-table-invested .marketing-table-totals-amount {
	width: 40%;
}

.marketing-table-revenue {
	width: 48%;
}

.marketing-table-revenue .marketing-table-totals-label {
	width: 56%;	
	border-left: 0;
}

.marketing-table-revenue .marketing-table-totals-amount {
	width: 44%;
}

.marketing-table-totals-label,
.marketing-table-totals-amount {
	float: left;
	border-bottom: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	padding: 22px 44px;
	font-weight: bold;
	text-transform: uppercase;
}

.marketing-table-totals-label {
	background: #f5f5f5;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.marketing-table-totals-amount {
	border-right: 1px solid #e6e6e6;
}

.marketing-heatmaps {}

.marketing-heatmaps .marketing-subheading {
	font-size: 15px;	
	margin-bottom: 5px;
}

.marketing-heatmaps p {
	margin: 8px 0;
}

.marketing-heatmaps-content {
	overflow: hidden;
	padding: 0 0 10px;
}

.marketing-heatmaps-control,
.marketing-heatmaps-variation {
	width: 49%;	
}

.marketing-heatmaps-control {
	float: left;
}

.marketing-heatmaps-variation {
	float: right;	
}

.marketing-heatmaps-content img {
	display: block;	
	max-width: 100%;
}

.marketing-split-conclusion {
	overflow: hidden;	
}

.marketing-split-conclusion-image {
	width: 49%;
	float: left;
	position: relative;
}

.marketing-split-conclusion-image img {
	max-width: 100%;
	display: block;	
}

.marketing-split-conclusion-label {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 22px;
	margin-top: -11px;
}

.marketing-split-recommendation {
	width: 48%;
	float: right;
	padding-top: 24px;
}

.marketing-split-recommendation-results,
.marketing-split-recommendation-description {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;	
}

.marketing-split-recommendation-results {
	font-size: 18px;
	color: #84c14e;
}
.marketing-split-recommendation-description {
	font-size: 16px;
	color: #252525;
	max-width: 450px;
	padding: 14px 0 20px;
}

.marketing-split-recommendation-apply {	
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 13px;
	width: 260px;
	height: 40px;
	border: 0;
	background: #77ad46;
	color: #fff;
	text-transform: uppercase;
	border-radius: 2px;
}

input.marketing-split-recommendation-apply:hover {
	background: #6a9a3e;	
}

.marketing-header {
	overflow: hidden;	
}

/*dashboard*/
.dashboard-content {
	max-width: 1100px;
}

.notification-container {
	margin: 0 0 26px;	
}

.notification {
	padding: 8px;
	background: #fff;
	margin-bottom: 4px; 
	border-radius: 2px; 
	overflow: hidden;
	cursor: pointer;
	display: block;
	position: relative;
}

.notification,
.notification:hover {
	border: 0;	
}

.notification-content {
	overflow: hidden;	
}

.notification-user {
	width: 122px;
	float: left;
	padding: 0 15px 0 8px;
	overflow: hidden;
}

.notification-user img {
	float: left;
	margin-right: 15px;
}

.notification-user strong {
	font-size: 13px;
	color: #9b9b9b;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	padding: 7px 0;
	display: block;
	overflow: hidden;
}

.notification-description {
	overflow: hidden;
	padding-top: 7px;
	padding-bottom: 7px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #2e2e2e;
}

.notification-description strong {
	display: inline-block;	
}

.notification-description-left {
	display: table-cell;
	width: 100%;
}

.notification-description-right {
	display: table-cell;
	white-space: nowrap;
	padding: 0 8px 0 15px;
}

.notification-close {
	background: url(/images/icn_notification_close.png) no-repeat center center;
	width: 14px;
	height: 14px;
	padding: 4px;
	margin: -11px 8px 0 0;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0;
}

.notification-hidden-0 {
	opacity: .3;
}

.notification-hidden-1 {
	opacity: .5;
}

.notification-hidden-2 {
	opacity: .7;	
}

.notification-container--agreements .notification-content {
	display: table;
	width: 100%;
}

.notification-container--agreements .notification-user,
.notification-container--agreements .notification-description {
	float: none;
	display: table-cell;
}

.notification-container--agreements .notification-user,
.notification-container--agreements .notification-description-left,
.notification-container--agreements .notification-description-right {
	vertical-align: middle;
}

.slider-container {
	border-radius: 2px; 
	background: #fff; 
	padding: 7px; 
	margin: 0 0 10px;
}

.slider-container .flexslider {
	height: 0;
	/*padding-bottom: 51.1%;*/
	padding-bottom: 51.7%;
}

.flex-direction-nav .flex-next {background: #000 url(/images/flex-next.png) center center no-repeat; right: 0;}
.flex-direction-nav .flex-prev {background: #000 url(/images/flex-prev.png) center center no-repeat; left: 0;}
.flex-direction-nav a:hover {background-color: rgba(0, 0, 0, .8); border-bottom: 0;}

.flexslider img {	
	width: 100%;
}

.twitter {
	border-radius: 2px;
	background: #fff;
	padding: 8px;
	overflow: hidden;
}

.tweet-image {
	float: left;
	padding: 0 15px 0 0;	
	width: 114px;
	height: 114px;
	overflow: hidden;
	border-radius: 2px;
}

.tweet-image img {
	display: block	
}

.tweet-image img {
	width: 100%;	
}

.tweet-content {
	overflow: hidden;
	padding: 0 10px 10px 10px;
}

.tweet-link-cont {
	min-height: 66px;
	display: table;
}

.tweet-link {
	display: table-cell;
	vertical-align: middle;
}

.tweet-link,
.tweet-link:hover {
	border: 0;
}

.tweet-text {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	color: #2e2e2e;
	font-size: 16px;
	line-height: 16px;
}

.tweet-date {
	font-family: 'Lato', sans-serif;
	color: #9b9b9b;
	font-size: 12px;
	padding-top: 6px;
}

.tweet-base {
	overflow: hidden;
	padding: 10px 0 0;
}

.tweet-follow {
	height: 28px;	
	width: 150px;
	background: #55acee url(/images/tweet-icon.png) no-repeat 10px center;
	line-height: 28px;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	padding: 0 0 0 30px;
	border-radius: 2px;
	text-transform: uppercase;
	float: left;
	display: block;
}

.tweet-follow, 
.tweet-follow:hover {
	border: 0;	
	color: #fff;
}

.tweet-follow:hover {
	background-color: #4c9ad6;
}

.tweet-controls {
	float: right;	
	overflow: hidden;
}

.tweet-btn {
	height: 28px;
	width: 28px;
	border-radius: 2px;
	float: left;
	cursor: pointer;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
}

.tweet-prev {
	background: #9b9b9b url(/images/flex-prev.png) center center no-repeat;
	margin-right: 2px;
}

.tweet-next {
	background: #9b9b9b url(/images/flex-next.png) center center no-repeat;
}

.tweet-btn:hover {
	background-color: rgba(155, 155, 155, .8);
	border: 0;
}

.task-desc-error {
	max-width: 1160px;	
}

.task-desc-error .new-request-error {
	margin-bottom: 10px;
	text-align: center;	
}

.warning {
	background: #e2e2e2;
	color: #ef0e0e;
}

.file-input-wrapper-outer {
	border: 1px solid #cdcdcd;
	max-width: 1160px;
	border-radius: 2px;	
	background: #fff;
}

.file-input-wrapper-outer .file-input-wrapper {
	border-radius: 0;
	max-width: none;
	border: 0;
	margin: -1px;
	background: 0;
}

.file-input-wrapper-outer .file-input-btn {
	margin: 0 10px 0 0;	
}

.file-input-wrapper-outer .file-input-chosen {
	padding: 8px 0;	
}

.file-input-wrapper-outer .file-input-max {
	line-height: 33px;	
}

/*account*/
.account-container,
.intelicall-container,
.billing-container {
	max-width: 1160px;
}

.account-container,
.intelicall-container,
.payment-container {
	padding-top: 28px;
}

.payment-container h1,
.payment-container h2 {
	margin: 0;
}

.payment-container p {
	margin: 12px 0;
}

.payment-section {
	margin: 20px 0;
}

.account-overdue-outer,
.account-warning-outer,
.account-notice-outer {
	background: #b61c2e;
	margin-left: -38px;
	margin-right: -30px;	
}

.account-overdue,
.account-warning,
.account-notice {
	background: #b61c2e;
	padding: 10px 30px 10px 38px;
	position: relative;
}

.account-notice-outer,
.account-notice {
	background: #FFC;	
}

.account-overdue-inner,
.account-warning-inner,
.account-notice-inner {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .08em;
	padding: 4px 0;
}

.account-notice-inner {
	color: #333;
	text-transform: none;
}

.account-overdue-inner {
	padding: 4px 138px 4px 0;
}

.account-overdue-pay {
	position: absolute;	
	left: auto;
	bottom: auto;
	right: 18px;
	top: 50%;
	margin-top: -15px;
	text-align: center;
	line-height: 30px;
	border: 0;
}

.account-overdue-pay:hover {
	border: 0;	
	color: #fff;
}

.account-section,
.intelicall-section {}

.account-section-terms {
	padding-top: 40px;
}

.account-section-terms div + div {
	padding-top: 5px;
}

.account-section h2,
.intelicall-section h2 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 18px;
	/*text-transform: uppercase;*/
	border-bottom: 1px solid #dadada;
	padding-bottom: 5px;
	margin: 0 0 20px;
}

.intelicall-section h2 {
	margin-bottom: 25px;	
}

.account-panel {
	background: #eee;
	padding: 36px 35px 20px;
	margin-top: 20px;
}

.account-panel-top {
	overflow: hidden;
}

.account-panel-col {
	float: left;
	width: 30%;
	padding: 0 5% 25px 0;
}

.account-panel-col-3 {
	padding-right: 0;
}

.account-content .account-panel-col {
	width: 46.7%;
	padding-right: 6.6%;
}

.account-content .account-panel-col-2 {
	padding-right: 0;	
}

.account-content .account-panel-address:first-child {
	clear: left;
}

.account-content .account-panel-address:nth-child(2n) {
	padding-right: 0;	
}

.account-panel-title {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.account-panel-input,
.account-panel-radio {
	padding-bottom: 15px;
}

.account-panel-input label,
.account-panel-label {
	line-height: 30px;	
	width: 90px;
	display: block;
	float: left;
}

.account-panel-input .account-phone-span {
	color: #333;
	font-size: 12px;	
}

.account-content .account-panel-input label, 
.account-content .account-panel-label {
	width: 120px;
}

.account-panel-input .account-panel-label-wrap {
	line-height: 14px; 
	padding: 1px 0;
}

.account-panel-input label span,
.account-panel-label span {
	color: #818181;
	font-size: 11px;	
}

.account-panel-input-inner,
.account-panel-radio-inner {
	overflow: hidden;
}

.account-panel-input input[type="text"],
.account-panel-input input[type="email"],
.account-panel-input input[type="password"],
.line-label-panel input[type="text"] {
	border: 1px solid transparent;
	border-radius: 0;
	height: 30px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	width: 100%;
}

.account-panel-input--50 input[type="text"] {
	width: 50%;
}

.account-panel-input .input-readonly {
	background: #dbdbdb;		
}

.account-panel-input select {
	border: 1px solid transparent;	
	height: 30px;
	border-radius: 0;
	float: left;
	width: 100%;
}

.account-panel-radio label {
	float: left;
	line-height: 30px;
	padding-right: 30px;
}

.account-panel-radio input[type="radio"] {
	margin: -1px 5px 0 1px;
  	vertical-align: middle;
}

.account-panel-input .select-2-char {
	width: 25%;
	margin-right: 4%;
}

.account-panel-input .select-4-char {
	width: 42%;
}

.account-panel-input-div {
	height: 30px;
	line-height: 30px;
}

.account-panel-input-desc {
	font-size: 11px;
	padding: 6px 0 1px;
	color: #818181;
	line-height: 12px;
}

.intelicall-content .account-panel-input-desc {
	padding: 10px 0 1px;	
}

.intelicall-content .account-panel .account-panel-title {
	padding-bottom: 0;
}

.intelicall-content .account-panel .account-panel-subtext {
	margin: 10px 0 30px;
}

.validate-border,
.line-label-panel input.validate-border,
.account-panel-input input.validate-border,
.account-panel-input .validate-border {
	border: 1px solid #cb0021;
}

.project_drop.validate-border {
	border-color: #f00;
}

.account-panel-checkbox {
	line-height: 21px;	
	padding: 4px 0 5px 1px;
}

.account-panel-checkbox-disabled {
	color: #c1c1c1;
}

.account-panel-checkbox label,
.account-panel-checkbox input[type="checkbox"] {
	cursor: pointer;
}

.account-panel-checkbox-disabled label,
.account-panel-checkbox-disabled input[type="checkbox"] {
	cursor: default;
}

.account-panel-checkbox input[type="checkbox"] {
	float: left; 
	margin: 4px 15px 0 1px;
}

.account-panel-checkbox span {
	overflow: hidden;
	display: block;	
}

.account-panel-base {
	border-top: 1px solid #c0c0c0;
	padding: 20px 0 0;
	overflow: hidden;
}

.account-panel-base.no_border {
	border: none;
}

.account-contact-pending {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #848484;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
}

.account-overdue-pay,
.account-panel-save,
.account-panel-remove,
.account-panel-reset,
.account-new-contact,
.account-new-address {
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	height: 30px;
	width: 120px;
}

.account-overdue-pay {
	background: #77ad46;
}

.account-overdue-pay:hover {
	background: #6a9a3e;
}

.account-panel-save {
	background: #008ccb;
}

.account-panel-save:hover {
	background: #007eb6;
}

.account-panel-remove {
	background: #cb0021;
}

.account-panel-remove:hover {
	background: #ad001c;
}

.account-panel-reset,
.account-new-contact,
.account-new-address,
.account-panel-remove-address {
	display: block;
	line-height: 30px;
	border: 0;
}

.account-panel-reset {
	background: #006fa1;
	text-align: center;
}

.account-new-contact,
.account-new-address {
	background: url(/images/icn-add.png) 10px center no-repeat #006fa1;
	width: 114px;
	margin-bottom: 20px;
	padding-left: 36px;
}

.account-new-address {
	width: 200px;	
}

.account-panel-reset:hover,
.account-new-contact:hover,
.account-new-address:hover,
.account-panel-remove-address:hover {
	color: #fff;
	border: 0;
}

.account-panel-reset:hover {
	background: #00618d;
}

.account-new-contact:hover,
.account-new-address:hover {
	background-color: #00618d;
}

.account-btn-left {
	float: left;	
}

.account-btn-right {
	float: right;	
}

.account-btn-spacer {
	width: 120px;
	height: 30px;	
}

.account-panel-remove-address {
	text-align: center;	
}

.authorised-content .account-panel {
	padding: 0;
}

.account-panel-summary {
	padding: 20px 25px;	
	cursor: pointer;
	position: relative;
}

.account-panel.no-margin{
	margin-top: 5px;
}

.account-panel-small{
	padding: 10px 20px !important;
}

.account-panel-summary-inner {
	padding-right: 26px;	
}

.account-panel-summary-name {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;	
}

.account-panel-summary-close {
	position: absolute;
	top: 50%;
	right: 35px;
	width: 16px;
	height: 16px;
	background: url(/images/delete_v2.png) no-repeat;
	cursor: pointer;
	margin-top: -8px;
	display: none;
}

.account-panel-summary-name span {
	text-transform: none;	
}

.account-permission-block-container {
    border: 1px solid #c0c0c0;
/*    padding: 10px 20px;*/
    margin-bottom: 5px;
}

.account-permission-block {
/*    padding-top: 15px;*/
	padding: 10px 20px 0;
	display: none;
}

.account-permission-block-upper {
	padding: 6px 15px;
}

.account-permission-block.expanded {
	display: block;
}

.account-permission-block-title,
.account-permission-block-subtitle {
	-webkit-user-select: none;
	-moz-user-select: none;
	-user-select: none;
	cursor: pointer;
}

.account-permission-block-title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
}

.account-permission-block-subtitle {
	color: #555;
	margin: -5px 0 5px;
}

.account-permission-segment .account-permission-input {
	display: inline-block;
	padding: 0 12px 8px 0;
}

.account-permission-input label {
	padding-left: 5px;
}

.account-permission-input input {
	margin-top: 5px;
}

.account-permission-input input,
.account-permission-input label {
	vertical-align: middle;
}

.account-permission-segment {
/*	padding: 0 0 15px 15px;*/
	padding: 0 0 10px 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-user-select: none;
}

.account-permission-options-inner {
	padding-left: 15px;
}

.account-permission-title {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 12px;
}

.account-permission-options .account-permission-title {
	padding-top: 15px;
}

.account-permissions .loading-permissions {
	display: none;
}

.account-permissions.loading .loading-permissions {
	display: block;
}

.account-permissions .loading-permissions span,
.account-permissions .loading-permissions img {
	vertical-align: middle;
}

.account-permissions .loading-permissions span {
	color: #818181;
	font-size: 11px;
	padding-right: 5px;
}

.account-permissions .loading-permissions img {
	height: 20px;
}

.authorised-content{
	margin-bottom: 20px;
}

.authorised-content .account-panel-inner {
	padding: 36px 25px 20px;
}

.authorised-content .account-panel-hidden {
	padding-top: 0px;	
}

.authorised-content .account-panel-hidden form {
	border-top: 1px solid #c0c0c0;	
	padding-top: 20px;
}

.authorised-content .account-panel-col {
	width: 46.7%;	
	padding-right: 6.6%;
}

.authorised-content .account-panel-col-2,
.authorised-content .account-panel-col-single {
	padding-right: 0;	
}

.authorised-content .account-panel-col-3,
.authorised-content .account-panel-col-4 {
	width: 100%;	
	padding-right: 0;
}

.authorised-content .account-panel-summary-created {
	font-weight: 600;
}

.account-panel-col-single .account-panel-input {
	padding-bottom: 0;	
}

.authorised-content .account-panel-checkbox-section {
	float: left;
	padding-left: 0;
	padding-right: 6%;
}

.authorised-content .account-panel-checkbox-section-1 {
	width: 40%;	
} 

.authorised-content .account-panel-checkbox-section-2,
.authorised-content .account-panel-checkbox-section-3 {
	width: 24%;	
}

.authorised-content .account-panel-checkbox-section-3 {
	padding-right: 0;	
}

.account-pannel-prefs {
	padding: 25px 0 10px;	
}

/*credit reference*/
.credit-reference-panel {
	background: #eee;
	padding: 20px 3.103% 25px;
	margin-top: 20px;
}

.credit-reference-print {
	height: 38px;
	float: right;
	padding: 0 16px 0 45px;
	line-height: 38px;
	background: url(/images/icn-print.png) 15px center no-repeat #2e2e2e;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
}

.credit-reference-print:hover {
	background-color: #272727;
}

.credit-reference-section {
	padding: 10px 0 12px;
	overflow: hidden;
}

.credit-reference-question {
	width: 300px;
	float: left;
	padding: 17px 0 14px;
}

.credit-reference-answer {
	overflow: hidden;
}

.credit-reference-option {
	float: left;
	height: 45px;
	width: 90px;
	background: #cfcfcf;
	line-height: 45px;
	text-align: center;
	color: #8e8e8e;
	font-style: italic;
	margin: 3px 3px 0 0;
	border-radius: 2px;
}

.credit-reference-option-mid {
	width: 183px;
}

.credit-reference-option-wide {
	width: 276px;	
}
		
.credit-reference-option.sel {
	background: #008ccb;
	color: #fff;
}

.credit-reference-option.sel-green {
	background: #83ab51;
}

.credit-reference-option.sel-orange {
	background: #ff6400;
}

.credit-reference-option.sel-red {
	background: #cd1b30;
}

/*intelicall new*/
.intelicall-numbers {
	margin: 10px 0 0;
}

.intelicall-numbers-inner {
	margin-right: -30px;
}

.intelicall-number {
	width: 20%;
	float: left;
	text-align: center;
	border: 0;
	padding: 0 30px 30px 0;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	color: #252525;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.intelicall-number:hover {
	border: 0;	
}

.intelicall-number-inner {
	background: #eee;
	padding: 25px;
	border-radius: 3px;
	position: relative;
}

.intelicall-number strong {
	display: block;	
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	padding: 0 0 6px;
}

.intelicall-attention {
	background: #cd1b30 url(/images/icn_intelicall_attention.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	border-radius: 3px 0 3px 0;
}

.intelicall-attention:hover .intelicall-attention-tooltip {
	display: block;	
}

.intelicall-attention-tooltip {
	position: absolute;
	width: 170px;
	bottom: 110%;
	background: #cd1b30;
	color: #fff;
	font-size: 11px;
	font-family: 'Lato', sans-serif;
	padding: 7px 10px;
	letter-spacing: .05em;
	border-radius: 2px;
	margin-bottom: 12px;
	line-height: 12px;
	display: none;
	text-align: center;
}

.intelicall-attention-tooltip:before {
	content: '';
	border: 6px solid #cd1b30;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 100%;
	left: 6px;
}

/*intelicall number*/
.intelicall-navtrail {
	color: #818181;
	font-size: 11px;
	padding: 0 0 3px;	
}

.intelicall-navtrail a {
	border: 0;	
}

.intelicall-navtrail a:hover {
	border: 0;	
}

.intelicall-content {}

.intelicall-content-pad {
	padding-bottom: 41px;
}

.line-label-panel {
	max-width: 330px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.line-label-panel .account-panel-title {
	padding-bottom: 12px;
}

.line-label-panel-inner {
	background: #eee;
	padding: 26px 35px 34px;	
}

.intelicall-content .account-panel {
	margin-top: 10px;
	padding: 36px 35px 20px;
}

.intelicall-content .account-panel-input label, 
.intelicall-content .account-panel-label {
	width: 100px;
}

.intelicall-content .account-panel-col {
	width: 46.7%;
	padding: 0 6.6% 2px 0;
}

.intelicall-content .account-panel-col-1 {}

.intelicall-content .account-panel-col-2 {
	padding-right: 0;
}

.intelicall-attention-message {
	padding: 12px 15px 5px;	
	background: #cd1b30;
	color: #fff;
	/*font-size: 11px;
	font-family: 'Lato', sans-serif;
	letter-spacing: .05em;*/
	font-size: 12px;
}

.intelicall-attention-message p {
	margin: 0 0 8px;
}

/*retina 2*/
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
	/*dashboard*/
	.tweet-follow {
		background-image: url(/images/tweet-icon@2x.png);
		background-size: 14px 11px;
	}
	
	.flex-direction-nav .flex-prev,
	.tweet-prev {
		background-image: url(/images/flex-prev@2x.png);
		background-size: 9px 16px;
	}
	
	.flex-direction-nav .flex-next,
	.tweet-next {
		background-image: url(/images/flex-next@2x.png);
		background-size: 9px 16px;
	}
	
	/*new request*/
	.request-type-1 .request-type-chosen {
		background-image: url(/images/request-type-update@2x.png);
		background-size: 19px 25px;
	}
	
	.request-type-5 .request-type-chosen {
		background-image: url(/images/request-type-support@2x.png);
		background-size: 13px 25px;
	}
	
	.request-type-4 .request-type-chosen {
		background-image: url(/images/request-type-fix@2x.png);
		background-size: 20px;
	}
	
	.request-type-9 .request-type-chosen {
		background-image: url(/images/request-type-account@2x.png);
		background-size: 20px 19px;
	}
	
	/*intelicall*/
	.intelicall-attention {
		background-image: url(/images/icn_intelicall_attention@2x.png);
		background-size: 4px 13px;
	}
	
	/*account and billing*/
	.account_bill_uptodate {
		background-image: url(/images/accept_v2@2x.png);
		background-size: 24px;
	}
}

@media screen and (max-width: 1500px) {
	/*request summary*/
	.request-summary {
		padding-top: 21px;	
	}
	
	#task_desc{
		min-width: 100%;
		max-width: 100%;
	}
	
	.request-summary-new2-outer {
		padding-top: 36px;	
	}
	
	.request-summary-section,
	.marketing-summary-section {
		width: 25%;
	}	
	
	.marketing-summary-top {
		padding: 0;
	}
	
	.marketing-summary-top .marketing-summary-section {
		padding-top: 0;
	}
	
	/*---DASHBOARD---*/
	
	.dashboard-main {
		padding: 0 300px 0 0;	
	}
	
	/*dashboard sidebar*/
	.dashboard-sidebar {
		width: 300px;	
	}
	
	/*account details*/
	.account-content .account-panel {
		padding: 26px 25px 20px;
	}

	/*authorised contacts*/
	.authorised-content .account-panel-inner {
		padding: 26px 25px 20px;
	}
	
	.authorised-content .account-panel-hidden {
		padding-top: 0;
	}
	
	.account-panel-summary {
		padding: 26px 25px;
	}
	
	.account-panel-summary-close {
		right: 25px;
	}
	
	/*intelicall*/
	.line-label-panel-inner {
		  padding: 16px 25px 24px;
	}
	
	.intelicall-content .account-panel {
		padding: 26px 25px 20px;
	}
}
	
@media screen and (max-width: 1400px) {	
	/*---DASHBOARD---*/
	
	/*dashboard notification panels*/
	.notify-label {
		float: none;
		width: 100%;
		padding: 0 0 10px;	
	}
	
	/*account details*/
	.account-content .account-panel {
		padding: 31px 30px 20px;
	}
	
	/*intelicall*/	
	.intelicall-numbers-inner {
		margin-right: -25px;
	}
	
	.intelicall-number {
		padding: 0 25px 25px 0;
	}
	
	/*intelicall*/
	.line-label-panel-inner {
		padding: 21px 30px 29px;
	}
	
	.intelicall-content .account-panel {
		padding: 31px 30px 20px;
	}

	.intelicall-content .account-panel-col {
		width: 47%;
		padding-right: 6%;
	}
	
	.intelicall-content .account-panel-col-2,
	.intelicall-content .account-panel-col-3 {
		padding-right: 0;
	}
	
	.intelicall-content .account-panel-col-3 {
		float: right;	
	}
	
	.intelicall-content .account-panel-col-3 .account-panel-title {
		display: none;
	}
}

@media screen and (max-width: 1300px) {
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.type-btn-top {
		height: 60%;
	}

	.request-type-1.request-type-btn .type-btn-top {
		background-size: 64px;
	}
	
	.request-type-5.request-type-btn .type-btn-top {
		background-size: 46px;
	}
	
	.request-type-4.request-type-btn .type-btn-top,
	.request-type-21.request-type-btn .type-btn-top {
		background-size: 90px;
	}
	
	.request-type-9.request-type-btn .type-btn-top {
		background-size: 92px;
	}

	/*---REQUEST---*/
	
	/*request summary*/
	.request-summary-section,
	.marketing-summary-section {
		width: 33.333%;
	}
	
	/*request quote form*/
	.request-quote-terms {
		float: left;
		line-height: normal;
		padding: 0 0 18px;
	}	
	
	.request-quote-btns {
		clear: left;	
		float: none;
	}
	
	.request-quote-btns-right {
		float: right;	
	}
	
	.btn-quote-secondary {
		margin: 0 0 0 10px;	
	}
	
	/*---DASHBOARD---*/
	
	.dashboard-main {
		padding: 0 335px 0 0;	
	}
	
	/*dashboard notification panels*/
	.dashboard-top {
		padding-right: 10px;	
		margin-bottom: -10px;
	}
	
	.dashboard-notifications,
	.dashboard-attention {
		width: 100%;	
		padding: 0 0 10px;
	}
	
	.notify-label {
		float: left;
		width: 130px;
		padding: 0;	
	}
	
	/*dashboard splash*/
	.dashboard-splash {
		display: none;	
	}
	
	/*dashboard sidebar*/
	.dashboard-sidebar {
		width: 335px;	
	}
	
	.account-overdue-inner {
		padding: 0 138px 0 0;
	}
	
	/*intelicall*/	
	.intelicall-number {
		width: 25%;
	}
}

@media screen and (max-width: 1250px) {
	.credit-reference-question {
		padding: 0;
		width: 100%;
	}
	
	.credit-reference-answer {
		width: 100%;
		padding-top: 10px;
	}
	
	.credit-reference-panel {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

@media screen and (max-width: 1200px) {
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.type-btn-top {
		height: 57%;
	}
	
	.request-type-btn {
		font-size: 14px;	
	}

	.request-type-1.request-type-btn .type-btn-top {
		background-size: 50px;
	}
	
	.request-type-5.request-type-btn .type-btn-top {
		background-size: 36px;
	}
	
	.request-type-4.request-type-btn .type-btn-top,
	.request-type-21.request-type-btn .type-btn-top {
		background-size: 68px;
	}
	
	.request-type-9.request-type-btn .type-btn-top {
		background-size: 72px;
	}
	
	/*---REQUEST---*/
	
	/*request top section*/
	.request-white-section {
		margin: 0 -20px 0 -28px;
		padding: 0 20px 0 28px;
	}
	
	/*---DASHBOARD---*/
	
	.dashboard {
		margin: 0 -20px -45px -28px;
		padding: 28px 20px;
	}
	
	.dashboard-main {
		padding: 0 300px 0 0;
	}
	
	/*dashboard sidebar*/
	.dashboard-sidebar {
		width: 300px;	
	}
	
	/*marketing*/
	.page-header,
	.marketing-header {
		margin-left: -28px;
		margin-right: -20px;	
		padding: 0 20px 0 28px;	
	}
	
	/*marketing*/
	.marketing-accordion-desc-container {
		margin: -10px 0;		
	}
	
	.marketing-accordion-image {
		width: 45%;	
	}
	
	.marketing-accordion-desc {
  		width: 52.5%;
	}

	.marketing-accordion-image-expand {
		font-size: 14px;	
		height: 40px;
		line-height: 40px;
		margin-left: -125px;
		margin-top: -20px;
		width: 210px;
		padding-left: 40px;
		background-position: 10px center;
	}
	
	.request-type-hdr {
		margin-left: -28px; 
		padding-left: 28px;
		margin-right: -20px; 
		padding-right: 20px;
	}
	
	/*account*/
	.account-overdue {
		padding-left: 20px;
	}
	
	.account-overdue-outer, 
	.account-warning-outer,
	.account-notice-outer {
		margin-left: -28px;
		margin-right: -20px;
	}
	
	/*account details*/
	.account-content .account-panel {
		padding: 26px 25px 20px;
	}
	
	.authorised-content .account-panel-col {
		width: 48%;	
		padding-right: 4%;
	}
	
	.authorised-content .account-panel-col-2,
	.authorised-content .account-panel-col-3,
	.authorised-content .account-panel-col-4,
	.authorised-content .account-panel-col-single {
		padding-right: 0;
	}
	
	.authorised-content .account-panel-col-3,
	.authorised-content .account-panel-col-4 {
		width: 100%;
	}
	
	.authorised-content .account-panel-input label, 
	.authorised-content .account-panel-label {
		width: 80px;	
	}

	/*intelicall*/
	.line-label-panel-inner {
		padding: 21px 25px 24px;
	}
	
	.intelicall-content .account-panel {
		padding: 26px 25px 20px;
	}
	
	.intelicall-content .account-panel-col {
		width: 48%;
		padding-right: 4%;
	}
	
	.intelicall-content .account-panel-col-2,
	.intelicall-content .account-panel-col-3 {
		padding-right: 0;
	}
	
	.account-panel-radio label {
		width: 100%;
		padding-right: 0;
	}
	
	/*account pending*/
	.account-contact-pending {
		font-size: 16px;	
	}
	
	.account-overdue, 
	.account-warning,
	.account-notice {
		padding: 10px 20px 10px 27px;
	}
	
	/*account details*/
	.account-content .account-panel-col {
		width: 48%;	
		padding-right: 4%;
	}
	
	.account-content .account-panel-col-2 {
		padding-right: 0;
	}
	
	.account-content .account-panel-address:nth-child(3n) {
  		padding-right: 4%;
	}
	
	.account-content .account-panel-address:nth-child(2n) {
  		padding-right: 0;
	}
	
	/*view and manage*/
	.authorised-content .account-panel-checkbox-section-1,
	.authorised-content .account-panel-checkbox-section-2 {
		padding-right: 3%;
	}
	
	.authorised-content .account-panel-checkbox-section-1 {
		width: 49%;
	}
	
	.authorised-content .account-panel-checkbox-section-2,
	.authorised-content .account-panel-checkbox-section-3 {
		width: 22.5%;
	}
	
	.account-phone-span {
		display: none;	
	}
	
	.account-content .account-panel-input label, 
	.account-content .account-panel-label {
		width: 100px;
	}
}

@media screen and (max-width: 1100px) {
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.request-type-btn-cont {
		width: 33.333%;	
	}
	
	.request-type-btn {
		font-size: 15px;	
	}
	
	.type-btn-top {
		height: 60%;
	}
	
	.request-type-1.request-type-btn .type-btn-top {
		background-size: 64px;
	}
	
	.request-type-5.request-type-btn .type-btn-top {
		background-size: 46px;
	}
	
	.request-type-4.request-type-btn .type-btn-top,
	.request-type-21.request-type-btn .type-btn-top {
		background-size: 90px;
	}
	
	.request-type-9.request-type-btn .type-btn-top {
		background-size: 92px;
	}
	
	.graph-left,
	.graph-right {
		width: 100%;	
	}
	
	.graph-left {
		margin-bottom: 42px;	
	}
	
	/*intelicall*/
	.intelicall-attention-tooltip {
		text-align: left;
		width: 120px;	
	}
}

@media screen and (max-width: 1000px) {
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.request-type-btn {
		font-size: 14px;	
	}
	
	.type-btn-top {
		height: 57%;
	}
	
	.request-type-1.request-type-btn .type-btn-top {
		background-size: 50px;
	}
	
	.request-type-5.request-type-btn .type-btn-top {
		background-size: 36px;
	}
	
	.request-type-4.request-type-btn .type-btn-top,
	.request-type-21.request-type-btn .type-btn-top {
		background-size: 68px;
	}
	
	.request-type-9.request-type-btn .type-btn-top {
		background-size: 72px;
	}
	
	.request-type-1.request-type-btn .type-btn-bottom {
		max-width: 130px;	
	}
	
	.request-type-5.request-type-btn .type-btn-bottom {
		max-width: 150px;
	}
	
	.request-type-4.request-type-btn .type-btn-bottom,
	.request-type-9.request-type-btn .type-btn-bottom {
		max-width: 170px;
	}
	
	/*new request priority*/
	.request-priority {
		width: 100%;		
		padding-bottom: 30px;	
	}
	
	.request-billing {
		width: 50%;	
		float: left;
	}
	
	.request-priority-info, 
	.request-billing-info {
		min-height: 0;	
	}
	
	/*---REQUEST---*/
	
	/*request summary*/
	.request-summary-section,
	.marketing-summary-section {
		width: 50%;
	}	
	
	/*---DASHBOARD---*/
	
	.dashboard-main {
		padding: 0;	
	}
	
	/*dashboard notification panels*/
	.dashboard-top {
		padding: 0;	
		margin: 0;
	}
	
	/*dashboard sidebar*/
	.dashboard-sidebar {
		position: static;	
		width: 100%;
	}
	
	.dashboard-tweet-cont {
		position: static;	
		padding-bottom: 40px;
	}
	
	.dashboard-tweet-left,
	.dashboard-tweet-right {
		width: 49%;
		float: left;
	}	
	
	.dashboard-tweet-right {
		float: right;	
	}
	
	.dashboard-tweet-fade {
		border-radius: 0 0 2px 2px;	
	}
	.dashboard-tweet-fade-top, 
	.dashboard-tweet-fade-bottom {
		display: none;	
	}
	
	/*REQUEST LIST*/
	.task_table .requests-tbl-summary-img, .task_table .requests-tbl-summary, .task_table .requests-tbl-project {
		padding-top: 8px;
		padding-bottom: 8px;	
	}

	.task_table .requests-tbl-status, .task_table .requests-tbl-requested, .task_table .requests-tbl-age {
		padding-bottom: 8px;
	}
	
	/*marketing report table*/	
	.report-table .report-tbl-header-view,
	.report-table .report-tbl-view {
		display: none;
	}
	
	.report-table td {
		padding-right: 10px;
	}
	
	.report-tbl-type {
		width: 20%;
	}
	
	.report-tbl-published {
		width: 19%;
	}
	
	.credit-reference-panel {
		padding-top: 8px;
		padding-bottom: 8px;	
	}

	.credit-reference-print {
		width: 150px;	
		float: none;
		margin: 0 auto 10px;
	}

	.credit-reference-question {
		padding: 0;
		width: 100%;
	}
	
	.credit-reference-answer {
		width: 100%;	
		padding-top: 10px;
	}
	
	/*intelicall*/
	.intelicall-numbers {
		margin: 5px 0 0;
	}
	
	.intelicall-numbers-inner {
		margin-right: -20px;
	}
	
	.intelicall-number {
		width: 33.333%;
		padding: 0 20px 20px 0;
	}
	
	/*account pending*/
	.account-contact-pending {
		font-size: 14px;	
	}
	
	/*request summary*/
	.request-summary-new2-section {
		width: 50%;
	}
	
}

@media screen and (max-width: 950px) {
	.marketing-accordion-desc-container {
		margin: 0;		
	}
	
	.marketing-accordion-image,
	.marketing-accordion-desc {
		width: 100%;	
	}
	
	.marketing-accordion-image a {
		margin: 8px 0 0;	
	}
	
	.marketing-accordion-image-expand {
		font-size: 18px;	
		height: 50px;
		line-height: 50px;
		margin-left: -170px;
		margin-top: -25px;
		width: 280px;
		padding-left: 60px;
		background-position: 20px center;
	}
	
	.marketing-accordion-desc {
		margin-bottom: -17px;	
	}	
	
	/*account details*/
	.account-content .account-panel {
		padding: 31px 30px 20px;
	}
	
	.account-content .account-panel-col {
		width: 100%;	
		padding-right: 0;
	}
	
	/*authorised contacts*/
	.authorised-content .account-panel-inner {
		padding: 31px 30px 20px;
	}
	
	.authorised-content .account-panel-hidden {
		padding-top: 0;
	}
	
	.account-panel-summary {
		padding: 31px 30px;
	}
	
	.account-panel-summary-close {
		right: 30px;
	}
	
	.authorised-content .account-panel-col {
		width: 100%;	
		padding-right: 0;
	}
	
	.authorised-content .account-panel-col-1 {
		padding-bottom: 0;
	}
	
	.authorised-content .account-panel-col-2 .account-panel-title {
		display: none;	
	}
	
	.account-panel-input .select-2-char {
		width: 25%;
		margin-right: 4%;
	}
	
	.account-panel-input .select-4-char {
		width: 42%;
	}
	
	/*intelicall*/
	.line-label-panel-inner {
		padding: 21px 30px 29px;
	}
	
	.intelicall-content .account-panel {
		padding: 31px 30px 20px;
	}

	.intelicall-content .account-panel-col {
		width: 100%;
		padding-right: 0;
	}
	
	.intelicall-content .account-panel-col-1 {
		padding-bottom: 15px;	
	}
	
	.account-panel-radio label {
		width: auto;
		padding-right: 30px;
	}
	
	/*account pending*/
	.authorised-content .account-panel-base-pending {
		padding-top: 48px;	
		position: relative;
	}
	
	.account-contact-pending {
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
		font-size: 16px;
	}
	
	/*view and manage*/
	.authorised-content .account-panel-checkbox-section-1,
	.authorised-content .account-panel-checkbox-section-2 {
		padding-right: 3%;
	}
	
	.authorised-content .account-panel-checkbox-section-1 {
		width: 49%;
	}
	
	.authorised-content .account-panel-checkbox-section-2,
	.authorised-content .account-panel-checkbox-section-3 {
		width: 22.5%;
	}
}

@media screen and (max-width: 900px) {
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.request-type-btn {
		font-size: 13px;	
	}
	
	/*---REQUEST---*/
	
	/*request comment form*/
	#upload_box .file-input-btn,
	.request-comment-form-btns #submit,
	.btn-secondary, 
	.btn-quote-accept, 
	.btn-quote-secondary {
		width: 124px;	
	}
	
	/*marketing*/
	.marketing-split-conclusion-label {
		font-size: 16px;	
	}
	
	.account-overdue-inner {
		text-align: center;
		padding: 0 0 40px 0;
	}
	
	.account-warning-inner,
	.account-notice-inner {
		font-size: 14px;
	}
	
	.account-overdue-pay {
		top: auto;
		right: auto;
		bottom: 10px;
		left: 50%;
		margin: 0 0 0 -60px;
	}
}

@media screen and (max-width: 840px) {
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.request-type-btn-cont {
		width: 25%;	
	}
	
	/*new request header*/
	.request-type-hdr {
		padding: 19px 2.5%;
		margin: 0;
	}
	
	/*new request page*/
	.new-request {
		padding: 30px 0 32px;
	}
	
	.new-request-section {
		padding-bottom: 10px;
	}
	
	.new-request-section-project {
		padding-bottom: 15px;
	}
	
	/*new request closed message*/
	.new_request_closed {
		margin: 0 0 25px;	
	}
	
	.new_request_closed_bottom,
	.new_request_query_bottom,
	.new_request_stop_bottom,
	.new_request_extended_bottom {
		margin: -10px 0 35px;
	}
	
	/*new request priority*/
	.request-priority {
		width: 65%;
		padding-bottom: 0;
	}
	
	.request-billing {
		width: 31.8%;
		float: right;
	}

	.request-priority-info, 
	.request-billing-info {
		min-height: 26px;	
	}
	
	/*---REQUEST---*/
	
	/*request summary*/
	.request-summary-section,
	.marketing-summary-section {
		width: 33.333%;
	}		

	/*request comment section*/
	.request-comments-section {
		margin-bottom: 42px;
	}
	
	/*request comment form*/
	.request-comment-form-btns #submit,
	.btn-secondary,
	.btn-quote-accept, 
	.btn-quote-secondary {
		width: 152px;	
	}
	
	/*---NAVIGATION---*/
	#navigation ul li,
	#navigation ul li.sel, 
	#navigation ul li:hover {
		height: 60px;
		line-height: 60px;	
	}
	
	#navigation ul li a {
		padding: 14px 0 10px 92px;	
	}
	
	/*---SIDEBAR---*/
	#sidebar {
		background: none;	
	}
	
	.mbl-logo {
		display: block;	
		position: absolute;
		top: 15px;
		left: 33px;
		border-bottom: 0;
	}
	
	.mbl-logo:hover {
		border: 0;	
	}

	.mbl-logo.mbl-logo-reseller {
		top: 11px;
	}
	
	/*---DASHBOARD---*/
	
	.dashboard {
		margin: 0;
		padding: 3% 0 28px;
	}
	
	.dashboard-main {
		padding: 0 300px 0 0;	
	}
	
	.notification-container {
		margin-bottom: 13px;	
	}
	
	.panel-header-dashboard {
		display: none;	
	}
	
	/*dashboard notification panels*/
	.dashboard-top {
		padding-right: 10px;	
		margin-bottom: -10px;
	}
	
	/*dashboard sidebar*/
	.dashboard-sidebar {
		width: 300px;	
		position: absolute;
	}
		
	.dashboard-tweet-cont {
		position: absolute;	
		padding-bottom: 0;
	}
	
	.dashboard-tweet-left,
	.dashboard-tweet-right {
		width: 100%;
		float: none;
	}	

	.dashboard-tweet-fade-top, 
	.dashboard-tweet-fade-bottom {
		display: block;	
	}
	
	/*---REQUEST---*/
	
	.task_table {
		margin-bottom: 30px;	
	}
	
	/*marketing*/
	.page-header, 
	.marketing-header {
		margin-left: 0;
		margin-right: 0;
		padding: 0 2.5%;
	}
	
	.marketing-accordion-desc-container {
		margin: -10px 0;		
	}
	
	.marketing-accordion-image {
		width: 45%;
	}
	
	.marketing-accordion-image a {
		margin: 21px 0;
	}
	
	.marketing-accordion-image-expand {
		font-size: 14px;	
		height: 40px;
		line-height: 40px;
		margin-left: -125px;
		margin-top: -20px;
		width: 210px;
		padding-left: 40px;
		background-position: 10px center;
	}
	
	.marketing-accordion-desc {
		width: 52.5%;	
		margin-bottom: 0;	
	}
	
	.marketing.content_container {
		padding-bottom: 30px;	
	}
	
	.marketing-main {
		margin: 0 auto;
	}
	
	.marketing-split-conclusion-label {
		font-size: 18px;	
	}
	
	/*account*/
	.account-content,
	.authorised-content,
	.intelicall-content {
		padding-bottom: 30px;
	}
	
	.account-section-terms {
		padding-top: 10px;
	}

	.account-overdue,
	.account-warning,
	.account-notice {
		padding: 10px 2.5%;
	}
	
	.account-overdue-inner {
		text-align: left;
		padding: 0 138px 0 0;	
	}
	
	.account-warning-inner,
	.account-notice-inner {
		font-size: 15px;
	}
	
	.account-overdue-pay {
		top: 50%;
		right: 18px;
		bottom: auto;
		left: auto;
		margin: -15px 0 0;
	}

	.credit-reference-print {
		width: auto;	
		float: right;
		margin: 0;
	}
	
	.account-panel-col-2 .account-panel-title {
		display: block;	
	}
	
	.intelicall-content .account-panel-col-3 .account-panel-title {
  		display: block;
	}
	
	/*account details*/
	.account-content .account-panel {
		padding: 21px 15px 18px;
	}
	
	.account-content .account-panel-col {
		width: 48%;	
		padding-right: 4%;
	}
	
	.account-content .account-panel-col-2 {
		padding-right: 0;
	}
	
	.account-content .account-panel-base {
		padding-top: 18px;
	}
	
	/*authorised contacts*/
	.authorised-content .account-panel-inner {
		padding: 21px 15px 18px;
	}
	
	.authorised-content .account-panel-hidden {
		padding-top: 0;
	}
	
	.account-panel-summary {
		padding: 21px 15px;
	}
	
	.account-panel-summary-close {
		right: 15px;
	}
	
	.authorised-content .account-panel-col {
		width: 48%;	
		padding-right: 4%;
	}
	
	.authorised-content .account-panel-col-1 {
		padding-bottom: 25px;
	}
	
	.authorised-content .account-panel-col-2,
	.authorised-content .account-panel-col-3,
	.authorised-content .account-panel-col-4,
	.authorised-content .account-panel-col-single {
		padding-right: 0;
	}
	
	.authorised-content .account-panel-col-3,
	.authorised-content .account-panel-col-4 {
		width: 100%;	
	}
	
	.authorised-content .account-panel-col-2 .account-panel-title {
		display: block;	
	}
	
	.authorised-content .account-panel-base {
		padding-top: 18px;
	}
	
	.account-panel-input .select-2-char {
		width: 27%;
		margin-right: 4%;
	}
	
	.account-panel-input .select-4-char {
		width: 38%;
	}
	
	/*intelicall*/
	.intelicall-numbers {
		margin: 5px 0 0;
	}
	
	.intelicall-numbers-inner {
		margin-right: -25px;
	}
	
	.intelicall-number {
		width: 25%;
		padding: 0 25px 25px 0;
	}
	
	/*intelicall*/
	.line-label-panel-inner {
		padding: 16px 15px 18px;
	}
	
	.intelicall-content .account-panel {
		padding: 21px 15px 18px;
	}
	
	.intelicall-content .account-panel-base {
		padding-top: 18px;
	}
	
	.intelicall-content .account-panel-col {
		width: 48%;
		padding-right: 4%;
	}
	
	.intelicall-content .account-panel-col-1 {
		padding-bottom: 0;	
	}
	
	.intelicall-content .account-panel-col-2,
	.intelicall-content .account-panel-col-3 {
		padding-right: 0;
	}
	
	.intelicall-content .account-panel-col-3 .account-panel-title {
		display: none;
	}
	
	.account-panel-radio label {
		width: 100%;
		padding-right: 0;
	}
	
	.intelicall-content .account-panel .account-panel-subtext {
		margin-bottom: 20px;	
	}
	
	/*account pending*/
	.account-contact-pending {
		position: static;
	}
	
	/*request summary*/
	.request-summary-new2-section {
		width: 33.333%;
	}
	
	.account-overdue-outer, 
	.account-warning-outer,
	.account-notice-outer {
		margin: 0;
	}
	
	/*view and manage*/
	.authorised-content .account-panel-checkbox-section-1,
	.authorised-content .account-panel-checkbox-section-2 {
		padding-right: 3%;
	}
	
	.authorised-content .account-panel-checkbox-section-1 {
		width: 49%;
	}
	
	.authorised-content .account-panel-checkbox-section-2,
	.authorised-content .account-panel-checkbox-section-3 {
		width: 22.5%;
	}
	
	/* Previews */
	
	.revision-status{
		margin-left: 20px;	
	}
	
	.revision-overflow .revision-status{
		width: 105px;
	}
	
	.no-approve{
		text-align:left;	
	}
	
	.revision-desc{
		max-width: 100%;	
	}
	
	/*.request-white-section {
		margin: 0 -2.5%;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}*/
	
	.request-white-section {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 768px) {
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.request-type-btn-cont {
		width: 33.333%;	
	}
	
	.request-type-btn {
		font-size: 15px;	
	}
	
	.type-btn-top {
		height: 60%;
	}

	.request-type-1.request-type-btn .type-btn-top {
		background-size: 64px;
	}
	
	.request-type-5.request-type-btn .type-btn-top {
		background-size: 46px;
	}
	
	.request-type-4.request-type-btn .type-btn-top,
	.request-type-21.request-type-btn .type-btn-top {
		background-size: 90px;
	}
	
	.request-type-9.request-type-btn .type-btn-top {
		background-size: 92px;
	}
	
	.request-type-1.request-type-btn .type-btn-bottom {
		max-width: 150px;	
	}
	
	.request-type-5.request-type-btn .type-btn-bottom {
		max-width: 160px;
	}
	
	.request-type-4.request-type-btn .type-btn-bottom,
	.request-type-9.request-type-btn .type-btn-bottom {
		max-width: 180px;
	}
	
	/*new request priority*/
	.request-priority {
		width: 100%;		
		padding-bottom: 30px;	
	}
	
	.request-billing {
		width: 50%;	
		float: left;
	}
	
	.request-priority-info, 
	.request-billing-info {
		min-height: 0;	
	}
	
	/*---DASHBOARD---*/
	
	/*dashboard notification panels*/
	.notify-label {
		float: none;
		width: 100%;
		padding: 0 0 10px;	
	}
	
	.credit-reference-panel {
		padding-bottom: 8px;	
	}

	.credit-reference-print {
		width: 150px;	
		float: none;
		margin: 0 auto 10px;
	}

	.credit-reference-question {
		padding: 0;
		width: 100%;
	}
	
	.credit-reference-answer {
		width: 100%;	
		padding-top: 10px;
	}
	
	/*intelicall*/
	.intelicall-numbers {
		margin: 5px 0 10px;
	}
	
	.intelicall-numbers-inner {
		margin-right: -20px;
	}
	
	.intelicall-number {
		width: 33.333%;
		padding: 0 20px 20px 0;
	}

	.intelicall-attention-tooltip {
		text-align: center;
		width: 170px;	
	}
}

@media screen and (max-width: 668px) {
	
	/*requests search*/
	#tabs .panel_header ul li.last {
		display: none;	
	}
	
	#tabs .panel_header ul li.last.open {
		display: block;	
	}
	
	#tabs .panel_header ul .pull-menu-cont {
		display: inline-block;
	}
	
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.request-type-btn {
		font-size: 13px;	
	}
	
	.type-btn-top {
		height: 57%;
	}

	.request-type-1.request-type-btn .type-btn-top {
		background-size: 50px;
	}
	
	.request-type-5.request-type-btn .type-btn-top {
		background-size: 36px;
	}
	
	.request-type-4.request-type-btn .type-btn-top,
	.request-type-21.request-type-btn .type-btn-top {
		background-size: 68px;
	}
	
	.request-type-9.request-type-btn .type-btn-top {
		background-size: 72px;
	}
	
	.request-type-1.request-type-btn .type-btn-bottom {
		max-width: 130px;	
	}
	
	.request-type-5.request-type-btn .type-btn-bottom {
		max-width: 150px;
	}
	
	.request-type-4.request-type-btn .type-btn-bottom,
	.request-type-9.request-type-btn .type-btn-bottom {
		max-width: 170px;
	}

	/*new request header*/
	.request-type-hdr {
		padding: 9px 2.5%;
	}
	
	.request-type-chosen {
		line-height: 32px;	
		font-weight: normal;
	}
	
	.request-type-change-btn {
		height: 32px;	
	}
	
	/*back button*/
	.panel_header {
		position: relative;	
	}
	
	#tabs .panel_header ul .back {
		display: block;
		position: absolute;
		left: 2.5%;
		padding: 0;
		top: 10px;
	}
	
	#tabs .panel_header ul .back a {
		padding: 0;	
		display: block;
	}
	
	#tabs .panel_header ul .back img {
		display: block;
		margin: 9px 9px 9px 13px;
	}
	
	/*---REQUEST---*/
	
	/*request summary*/
	.request-summary-section,
	.marketing-summary-section {
		width: 50%;
	}	
	
	/*request comment section*/
	.request-comments-section {
		margin-top: 30px;
		margin-bottom: 30px;	
	}
	
	/*request comment form*/
	.request-comment-form {
		margin-bottom: 30px;
	}
	
	.request-comment-form-btns #submit,
	.btn-secondary, 
	.btn-quote-accept, 
	.btn-quote-secondary {
		width: 124px;	
	}
	
	/*request comments*/
	.request-comment,
	.request-comment-quote {
		margin-top: 15px;	
	}
	
	.request-comment > .request-comment {
		margin-top: 15px;	
	}
	
	/*---DASHBOARD---*/
	
	.dashboard-main {
		padding-right: 0;
	}
	
	/*dashboard notification panels*/
	.dashboard-top {
		padding: 0;	
		margin: 0;
	}
	
	.dashboard-notifications-inner, 
	.dashboard-attention-inner {
		min-height: 0 !important;	
	}
	
	.notify-label {		
		width: 130px;
		float: left;
		padding: 0;
	}
	
	/*dashboard sidebar*/
	.dashboard-sidebar {
		position: static;	
		width: 100%;
	}
	
	.dashboard-tweet-cont {
		position: static;
		padding-bottom: 40px;	
	}
	
	.dashboard-tweet-left,
	.dashboard-tweet-right {
		width: 49%;
		float: left;
	}	
	
	.dashboard-tweet-right {
		float: right;	
	}
	
	/*marketing*/
	.marketing-accordion-desc-container {
		margin: 0;		
	}

	.marketing-accordion-image,
	.marketing-accordion-desc {
		width: 100%;	
	}
	
	.marketing-accordion-image a {
		margin: 8px 0 0;	
	}

	.marketing-accordion-image-expand {
		font-size: 18px;	
		height: 50px;
		line-height: 50px;
		margin-left: -170px;
		margin-top: -25px;
		width: 280px;
		padding-left: 60px;
		background-position: 20px center;
	}
	
	.marketing-accordion-desc {
		margin-bottom: -17px;	
	}

	.page-header {
		line-height: 30px;
	}
	
	.page-header,
	.marketing-header {
		height: auto;
		padding-top: 10px;	
		padding-bottom: 10px;
	}
	
	.marketing-header-section {
		line-height: normal;	
		padding: 5px 0;
		width: 100%;
	}	
	
	.marketing-split-conclusion-label {
		font-size: 16px;	
	}
	
	/*account details*/	
	.account-content .account-panel {
		padding: 26px 25px 20px;
	}

	.account-content .account-panel-col {
		width: 100%;	
		padding-right: 0;
	}
	
	/*authorised contacts*/	
	.authorised-content .account-panel-inner {
		padding: 26px 25px 20px;
	}
	
	.authorised-content .account-panel-hidden {
		padding-top: 0;	
	}
	
	.account-panel-summary {
		padding: 26px 25px;
	}
	
	.account-panel-summary-close {
		right: 25px;
	}

	.authorised-content .account-panel-col {
		width: 100%;	
		padding-right: 0;
	}
	
	.authorised-content .account-panel-col-1 {
		padding-bottom: 0;
	}
	
	.authorised-content .account-panel-col-2 .account-panel-title {
		display: none;	
	}
	
	.account-panel-input .select-2-char {
		width: 25%;
		margin-right: 4%;
	}
	
	.account-panel-input .select-4-char {
		width: 42%;
	}
	
	/*intelicall*/
	.line-label-panel-inner {
		padding: 21px 25px 24px;
	}
	
	.intelicall-content .account-panel {
		padding: 26px 25px 20px;
	}

	.intelicall-content .account-panel-col {
		width: 100%;
		padding-right: 0;
	}
	
	.intelicall-content .account-panel-col-1 {
		padding-bottom: 15px;	
	}
	
	.account-panel-radio label {
		width: auto;
		padding-right: 30px;
	}
	
	/*account pending*/
	.authorised-content .account-panel-base-pending {
		padding-top: 48px;	
		position: relative;
	}
	
	.account-contact-pending {
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
	}
	
	/*view and manage*/
	.authorised-content .account-panel-checkbox-section-1,
	.authorised-content .account-panel-checkbox-section-2 {
		padding-right: 3%;
	}
	
	.authorised-content .account-panel-checkbox-section-1 {
		width: 48%;
	}
	
	.authorised-content .account-panel-checkbox-section-2,
	.authorised-content .account-panel-checkbox-section-3 {
		width: 23%;
	}
	
	.request-quote {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
/*
	.slider-new .flexslider {
		padding-bottom: 65.9%;	
	}
*/
	
}

@media screen and (max-width: 600px) {
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.request-type-btn-cont {
		width: 50%;	
	}
	
	.request-type-btn {
		font-size: 15px;	
	}
	
	.type-btn-top {
		height: 60%;
	}

	.request-type-1.request-type-btn .type-btn-top {
		background-size: 64px;
	}
	
	.request-type-5.request-type-btn .type-btn-top {
		background-size: 46px;
	}
	
	.request-type-4.request-type-btn .type-btn-top,
	.request-type-21.request-type-btn .type-btn-top {
		background-size: 90px;
	}
	
	.request-type-9.request-type-btn .type-btn-top {
		background-size: 92px;
	}
	
	.request-type-1.request-type-btn .type-btn-bottom {
		max-width: 150px;	
	}
	
	.request-type-5.request-type-btn .type-btn-bottom {
		max-width: 160px;
	}
	
	.request-type-4.request-type-btn .type-btn-bottom,
	.request-type-9.request-type-btn .type-btn-bottom {
		max-width: 180px;
	}
	
	/*new request header*/
	.request-type-change-btn span {
		display: none;	
	}
	
	/*---REQUEST---*/

	/*request quote form*/
	.request-quote-btns-right {
		float: left;
		clear: left;	
		margin-top: 15px;
	}

	.btn-quote-secondary {
		margin: 0 10px 0 0;	
	}

	/*request comment form*/
	.request-comment-form-btns #submit {
		float: left;
	}
	
	.request-comment-form-btns-right {
		clear: left;	
		float: left;
	}
	
	.btn-secondary {
		margin: 20px 10px 0 0;
	}
	
	.request-comment-form-btns #submit,
	.btn-secondary,
	.btn-quote-accept, 
	.btn-quote-secondary {
		width: 152px;	
	}
	
	/*request comments*/	
	.request-comment-user {
		width: 155px;
	}
	
	.request-comment-user-info {
		margin: 0 0 0 40px;
	}
	
	.request-comment-user-info.user-hidden {
		margin-left: 0;
	}

	.request-comment-text {
		padding-left: 10px;	
	}
	
	/*---DASHBOARD---*/
	.notification-user {
		padding-left: 0;
		padding-right: 10px;
	}

	.slider-container {
		display: none;		
	}
	
	.slider-new {
		display: block;
	}
	
	.tweet-image {
		width: 90px;
		height: 90px;
	}
	
	.tweet-content {
		padding: 0;
	}
	
	.tweet-link-cont {
		min-height: 52px;
	}
	
	.notification-container--agreements .notification-user,
	.notification-container--agreements .notification-description {
		display: block;
		width: 100%;
	}

	.notification-container--agreements .notification-user,
	.notification-container--account-setup .notification-user,
	.notification-container--paymethod .notification-user {
		width: 100%;
		float: none;
		padding: 0;
	}

	.notification-container--agreements .notification-description,
	.notification-container--account-setup .notification-description,
	.notification-container--paymethod .notification-description {
		overflow: visible;
		padding-top: 0;
	}

	.notification-container--agreements .notification-description-right {
		white-space: normal;
	}

	.notification-container--agreements .notification-description-right br {
		display: none;
	}
	
	/*marketing table*/
	.report-table th {
		display: none;	
	}
	
	.report-table tr,
	.report-table td {
		display: block;
		float: left;
		border: 0;
		padding: 0;
	}
	
	.report-table tr {
		width: 100%;
		border-bottom: 1px solid #f0f0f0;
	}
	
	.report-table .report-tbl-summary-img {
		width: 4%;
		padding-left: 2%;
		line-height: 19px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.report-tbl-summary-img img {
		padding: 0;	
	}
	
	.report-table .report-tbl-summary {
		width: 90%;
		padding-left: 2%;
		padding-right: 2%;
		font-weight: bold;
		line-height: 19px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.report-table .report-tbl-type {
		clear: both;
		width: 30.666%;
		padding-left: 2%;
		padding-right: 1%;
		padding-bottom: 8px;
	}
	
	.report-table .report-tbl-published {
		width: 63.333%;
		padding-left: 1%;
		padding-right: 2%;
		padding-bottom: 8px;
		line-height: normal;
		text-align: right;
	}
	
	.report-table .report-tbl-published br {
		display: none;
	}
	
	.report-tbl-author {
		font-size: 12px;
		padding-left: 5px;	
	}
	
	/*marketing*/
	.marketing-heatmaps-control,
	.marketing-heatmaps-variation,
	.marketing-split-conclusion-image,
	.marketing-split-recommendation {
		width: 100%;	
	}
	
	.marketing-heatmaps-control {
		margin-bottom: 10px;
	}
	
	.marketing-split-conclusion-label {
		font-size: 18px;	
	}
	
	/*account*/
	.account-overdue,
	.account-warning,
	.account-notice {
		padding: 10px 18px;
	}
	
	.account-overdue-inner {
		text-align: center;
		padding: 0 0 40px 0;
	}
	
	.account-warning-inner,
	.account-notice-inner {
		font-size: 14px;
	}
	
	.account-overdue-pay {
		top: auto;
		right: auto;
		bottom: 10px;
		left: 50%;
		margin: 0 0 0 -60px;
	}

	/*authorised contacts*/
	.authorised-content .account-panel-checkbox-section {
		width: 100%;	
	}

	/*intelicall*/
	.intelicall-numbers-inner {
		margin-right: -20px;
	}
	
	.intelicall-number {
		width: 50%;
		padding: 0 20px 20px 0;
	}
	
	/*request summary*/
	.request-summary-new2-section {
		width: 50%;
	}
	
	.revision-right .revision-status{
		margin: 15px 10px 10px 20px;
		display: block;	
	}
}

@media screen and (max-width: 480px) { 
	/*---NEW REQUEST---*/
	
	/*new request btns*/
	.request-type-btn {
		font-size: 13px;	
	}
	
	.type-btn-top {
		height: 57%;
	}

	.request-type-1.request-type-btn .type-btn-top {
		background-size: 50px;
	}
	
	.request-type-5.request-type-btn .type-btn-top {
		background-size: 36px;
	}
	
	.request-type-4.request-type-btn .type-btn-top,
	.request-type-21.request-type-btn .type-btn-top {
		background-size: 68px;
	}
	
	.request-type-9.request-type-btn .type-btn-top {
		background-size: 72px;
	}
	
	.request-type-1.request-type-btn .type-btn-bottom {
		max-width: 130px;	
	}
	
	.request-type-5.request-type-btn .type-btn-bottom {
		max-width: 150px;
	}
	
	.request-type-4.request-type-btn .type-btn-bottom,
	.request-type-9.request-type-btn .type-btn-bottom {
		max-width: 170px;
	}	
	
	/*new request header*/
	.request-type-change-btn,
	.request-type-chosen {
		font-size: 13px;
	}
	
	/*new request attach*/
	.file-input-max {
		display: none;	
	}
	
	/*new request priority*/
	.request-billing {
		width: 100%;	
	}
	
	/*---REQUEST---*/
	
	/*request summary*/
	.request-summary-section,
	.marketing-summary-section {
		width: 100%;	
	}
	
	/*request quote form*/
	.request-quote {
		padding: 10px 10px 15px;	
	}
	
	.request-quote-label {
		padding-top: 5px;	
	}
	
	.request-quote-desc {
		padding: 5px 15px 5px;	
	}
	
	.request-quote-terms {
		padding-bottom: 10px;	
	}
	
	.request-quote-btns {
		float: none;	
	}
	
	.request-quote-btns-right {
		float: none;	
		margin: 0;	
	}
	
	.btn-quote-accept, 
	.btn-quote-secondary {
		margin: 10px 0 0;
		width: 100%;
		height: 38px;
	}

	/*request comment form*/
	.request-comment-form {
		padding: 14px 14px 7px;	
	}
	
	.request-comment-form-btns #submit,
	.btn-secondary {
		margin: 0;
	}
	
	.request-comment-form-btns-right {
		float: none;
		margin: 0;	
	}
	
	.request-comment-form-btns #submit,
	.request-comment-form-btns .btn-secondary {
		width: 100%;	
	}
	
	/*request comments*/
	.request-comment-user {
		width: 145px;
	}
	
	/*mobile hide - summary, description, comments*/
	.request-white-section {
		padding-bottom: 12px;	
	}
	
	.mbl-request-summary-cont,
	.mbl-request-description-cont {
		display: block;
	}
	
	.mbl-request-summary-cont {
		padding: 32px 0 0;
	}
	
	.mbl-request-description-cont {
		padding: 16px 0 20px;
	}
	
	.mbl-request-comment-cont {
		margin: 0 0 15px;
		text-align: center;
	}
	
	.mbl-request-summary,
	.mbl-request-description,
	.mbl-request-comment {
		font-family: 'Lato', sans-serif;
		font-size: 13px;
		font-weight: bold;	
		line-height: 38px;
		cursor: pointer;
		display: block;
		text-align: left;
		padding: 0 10px;
		border-radius: 2px;
	}
	
	.mbl-request-summary,
	.mbl-request-description {
		padding-right: 35px;
		background: url(/images/icn-expand-more.png) no-repeat center right;
		border: 2px solid #e2e2e2;
	}
	
	.mbl-request-summary.open,
	.mbl-request-description.open {
		background: url(/images/icn-expand-less.png) no-repeat center right;
	}

	.mbl-request-description span {
		white-space: nowrap;	
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
		padding: 10px 0;
		line-height: 18px;
	}
	
	.mbl-request-description.open span {
		white-space: normal;
	}
	
	.mbl-request-comment {
		text-align: center;	
		background: #008ccb;
		color: #fff;
		
		-webkit-transition: background .25s;
		-moz-transition: background .25s;
		-o-transition: background .25s;
		-ms-transition: background .25s;
		transition: background .25s;
	}
	
	.mbl-request-comment:hover {
		background: #007eb6;
	}
	
	.request-summary-expand,
	.request-description-expand {
		display: none;
	}
	
	.request-summary-expand.open,
	.request-description-expand.open,
	.request-comment-expand.open {
		display: block;	
	}
	
	.request-summary {
		padding-top: 0;	
	}
	
	.request-summary-new2-outer {
		padding-top: 10px;
	}
	
	.request-summary-new2-section {
		width: 100%;	
	}
	
	.request-description-cont {
		padding: 0;
	}
	
	.request-description {
		padding-top: 10px;
	}
	
	.request-client-description,
	.request-internal-description {
		padding-bottom: 20px;	
	}
	
	.request-client-description .request-title {
		display: none;
	}
	
	.request-internal-description-label {
		padding-top: 20px;	
	}
	
	.request-files {
		padding: 5px 0 15px;	
	}
	
	/*---DASHBOARD---*/
	
	.tweet-image {
		width: 80px;
		height: 80px;
		padding-right: 15px;	
	}
	
	.tweet-link-cont {
		min-height: 42px;
	}
	
	.tweet-text {
		font-size: 15px;	
	}
	
	/*REQUEST LIST*/
	
	.task_table .requests-tbl-summary-img {
		width: auto;
	}
	
	.task_table .requests-tbl-summary {
		width: auto;
		overflow: hidden;
		float: none;	
		padding-left: 10px;
	}

	.task_table .requests-tbl-project {
		padding-top: 0;
		padding-bottom: 6px;
	}
	
	.task_table .requests-tbl-project.empty {
		padding: 0;	
	}	
	
	/*marketing report table*/
	.report-table .report-tbl-summary-img {
		width: auto;
		padding-left: 3%;
	}
	
	.report-table .report-tbl-summary {
		padding-left: 3%;
		padding-right: 3%;
		width: auto;
		overflow: hidden;
		float: none;
	}
	
	.report-table .report-tbl-type {
		width: 30.333%;
		padding-left: 3%;
		padding-right: 1.5%;
	}
	
	.report-table .report-tbl-published {
		width: 60.666%;
		padding-left: 1.5%;
		padding-right: 3%;
	}
	
	/*marketing*/
	.marketing-accordion-header {
		padding: 13px 3%;
	}
	
	.marketing-accordion-content {
		padding-left: 3%;
		padding-right: 3%;		
	}
	
	.marketing-summary {
		margin-top: 5px;	
	}
	
	.marketing-accordion-image-expand {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		margin-left: -125px;
		margin-top: -20px;
		width: 210px;
		padding-left: 40px;
		background-position: 10px center;
	}
	
	/*account details*/
	.account-content .account-panel {
		padding: 21px 15px 18px;
	}
	
	/*authorised contacts*/
	.authorised-content .account-panel-inner {
		padding: 21px 15px 18px;
	}
	
	.authorised-content .account-panel-hidden {
		padding-top: 0;	
	}
	
	.account-panel-summary {
		padding: 21px 15px;
	}
	
	.account-panel-summary-close {
		right: 15px;
	}
	
	/*intelicall*/
	.intelicall-numbers {
		margin: 0 0 10px;
	}
	
	.intelicall-numbers-inner {
		margin-right: -15px;
	}
	
	.intelicall-number {
		padding: 0 15px 15px 0;
	}
	
	.intelicall-number-inner {
		padding: 20px;
	}
	
	.intelicall-attention {
		width: 20px;
		height: 20px;	
	}
	
	.intelicall-attention-tooltip {
		text-align: left;
		width: 120px;	
	}
	
	.intelicall-attention-tooltip:before {
		left: 4px;	
	}
	
	/*intelicall*/
	.line-label-panel-inner {
		padding: 16px 15px 18px;
	}
	
	.intelicall-content .account-panel {
		padding: 21px 15px 18px;
	}
	
	.account-panel-radio label {
		width: 100%;
		padding-right: 0;
	}
	
	/*account pending*/
	.account-contact-pending {
		font-size: 13px;
	}
	
}

@media screen and (max-width: 400px) { 
	/*---NEW REQUEST---*/
	
	.request-comment-private {
		margin: -10px -10px 10px;	
	}
	
	/*new request btns*/
	.request-type-btn {
		font-size: 12px;	
	}
	
	.request-type-1.request-type-btn .type-btn-bottom {
		max-width: 120px;	
	}
	
	.request-type-5.request-type-btn .type-btn-bottom {
		max-width: 140px;
	}
	
	.request-type-4.request-type-btn .type-btn-bottom,
	.request-type-9.request-type-btn .type-btn-bottom {
		max-width: 120px;
	}
	
	/*new request header*/
	.request-type-change-btn,
	.request-type-chosen {
		font-size: 12px;
	}
	
	.request-type-change-btn {
		padding: 0 8px;
	}
	
	.request-type-chosen {
		padding: 0 0 0 20px;
	}
	
	.request-type-1 .request-type-chosen {
		background-size: 15px;	
	}
	
	.request-type-5 .request-type-chosen {
		background-size: 10px;	
		background-position: 3px center;
	}
	
	.request-type-4 .request-type-chosen,
	.request-type-9 .request-type-chosen,
	.request-type-21 .request-type-chosen {
		background-size: 15px;	
	}
	
	/*new request priority*/
	.request-priority-select-inner .request-opt {
		width: 50%;	
		padding-bottom: 4px;
	}
	
	.request-priority-select-inner .sel .request-opt-inner .arrow {
		display: none;	
	}
	
	.request-priority-info {
		position: relative;
	}
	
	.request-priority-info:before {
		content: '';
		height: 0;
		width: 0;
		position: absolute;
		border: 6px solid transparent;
		border-bottom-color: #e2e2e2;
		bottom: 100%;
		left: 50%;
		margin: 0 0 0 -6px;	
	}

	/*---REQUEST---*/
	
	.request-comment-form {
		padding: 10px;
	}
	
	.request-comment {
		padding: 10px;
	}
	
	.request-comment-user {
		width: 100px;	
		margin: 0 -1px 0 0;
		padding-bottom: 10px;
		border-right: 1px solid #e6e6e6;
	}
	
	.request-comment-internal .request-comment-user {
		border-color: #cdcdcd;
	}
	
	.request-comment > .request-comment .request-comment-user {
		margin-bottom: 0;
	}
	
	.request-comment-user-blob {
		float: none;	
	}
	
	.request-comment-user-info {
		margin-left: 0;	
	}
	
	/*---DASHBOARD---*/
	
	.notification-user {
		width: 100px;	
	}
	
	.notification-user img {
		margin-top: 2px;
		margin-right: 8px;	
		width: 25px;	
	}

	.twitter {
		position: relative;	
		padding-bottom: 46px;
	}
	
	.tweet-base {
		position: absolute;
		bottom: 8px;
		left: 8px;
		right: 8px;	
	}
	
	/*intelicall*/
	.line-label-panel {
		max-width: none;	
	}
	
	.account-panel-input .select-2-char {
		width: 28%;
		margin-right: 4%;
	}
	
	.account-panel-input .select-4-char {
		width: 36%;
	}

}

.activation-msg,
.login-form .activation-error {
	padding: 8px;
	margin: 10px 0;	
}

/*sidebar no icons*/
body {
	background: url(/images/navigation_bgr2_v3.jpg) repeat-y #fff;
}

.bg_2 {
	background: url(/images/navigation_bg2_v2.jpg) repeat-y #e6e6e6;
}

.bg_3 {
	background: url(/images/navigation_bg3_v2.jpg) repeat-y #f3f3f3;
}

#sidebar {
	width: 260px;
}

.content_main_margin {
	margin-left: 298px;
}

#header img {
	margin-left: 26px;	
}

#navigation ul li a {
	background: 0;
	padding-left: 25px;
}

#header {
	width: 260px;
}

.kb-search-pull {
	display: none;	
}

@media screen and (max-width: 1200px) {
	body, 
	.bg_2,
	.bg_3 {
		background-position: -60px top;
	}

	#sidebar {
		width: 200px;	
	}
	
	.content_main_margin {
		margin-left: 228px;
	}
	
	#header {
		width: 200px;
	}
	
	/* --- */
	#header img {
		margin-left: 17px;	
	}
	
	#navigation ul li a {
		padding-left: 15px;	
	}
	
	.logout-box img {
		padding-left: 12px;	
	}
	
	.logout-box-inner {
		padding-right: 15px;	
	}
	
	#accounts_list ul,
	#channels_list ul {
		padding: 4px 0;	
	}
	
	#accounts_list li,
	#channels_list li {
		padding: 0 17px;
		margin: 10px 0;	
	}
	
	#channels_list li {
		padding: 0 0 0 43px;
		margin: 8px 17px;	
	}
}

@media screen and (max-width: 840px) {
	body, 
	.bg_2,
	.bg_3 {
  		background: #252525;
	}
	
	#sidebar {
		width: 60%;
	}
		
	.content_main_margin {
  		margin: 0;
	}
	
	.mbl-logo {
		left: 27px;	
	}

	.mbl-logo.mbl-logo-reseller {
		top: 11px;
	}
	
	#header {
		width: 100%;
	}
	
	.comment ~ .revision-status{
		margin-left: 20px;	
	}
	
	/* --- */
	#navigation ul li a {
		padding-left: 25px;	
	}
	
	.logout-box img {
		padding-left: 22px;	
	}
	
	.logout-box-inner {
		padding-right: 20px;	
	}
	
	#accounts_list ul,
	#channels_list ul {
		padding: 10px 0;	
	}
	
	#channels_list ul {
		padding: 4px 0;	
	}
	
	#accounts_list li,
	#channels_list li {
		padding: 0 27px;
		margin: 14px 0;	
	}
	
	#channels_list li {
		padding: 0 0 0 43px;
		margin: 8px 27px;	
	}
}

@media screen and (max-width: 600px) {
	#sidebar {
		width: 80%;
	}
}

/*new responsive requests*/
@media screen and (max-width: 1000px) {
	.task_table .requests-tbl-summary-img {
		width: 5%;
		padding: 8px 0 8px 2%;
	}

	.task_table .requests-tbl-summary {
		font-weight: normal;
		width: 91%;
		padding: 8px 2% 8px 0;
	}
	
	.task_table .requests-tbl-project,
	.task_table .requests-tbl-project.empty {
		width: 65%;
		padding: 0 0 8px 7%;
		text-align: left;
	}
	
	.task_table .requests-tbl-project.empty:before {
		content: '(None)';
	}
	
	.task_table .requests-tbl-status {
		width: 26%;
		padding: 0 2% 8px 0;
		text-align: right;
		clear: none;
	}

	.task_table .requests-tbl-requested {
		padding: 0 0 8px 7%;
		text-align: left;
		width: 58%;
	}
	
	.task_table .requests-tbl-age {
		display: none;	
	}
	
	.project-previews-revisions-page .panel-header-new{
		height: 100px;
	}	
	
	.prevision-title{
		margin-top: 15px;	
		font-size:20px;
	}
	
	.revision-buttons-container, .prevision-title{
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		width: 100%;
		text-align: center;
	}
	
	.revision-buttons-container{
		margin-top: -25px;
		width: 100%;	
	}
	
	.revision-archive{
		margin-left: 45px;	
	}
	
	.revision-dropdown{
		padding-left: 10px;	
	}
	
	.addSize .panel-header-new{
		height: 93px;
	}	
	
	.addSize .revision-buttons-container, .addSize .prevision-title{
		top: 50px;
	}	
	
	.no-archive{
		text-align: inherit;
	}
	
	.no-archive .buttons-container{
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}	
	
	:not(.addSize) .no-archive .buttons-container{
		top:auto;
		transform:none;
		position:relative;
		right:auto;
	}
	
	:not(.addSize) .no-archive{
		text-align: center;	
	}
	
	.revision-dropdown{
		left: 0;	
	} 
	
	.revision-back{
		right: 50px;	
	}
	
	.revision-next{
		right: 10px;
	}
	
	.revision-buttons-container{
		width: 100%;
		text-align:inherit !important;
	}	
	
	.buttons-container{
		position: absolute !important;
		right: 10px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;	
	}
	
	.archived{
		display: none;	
	}
}
	
@media screen and (max-width: 480px) {
	.task_table .requests-tbl-summary-img {
		width: auto;
		padding: 8px 3%;
	}
	
	.task_table .requests-tbl-summary {
		width: auto;
		padding: 8px 3% 8px 0;
		overflow: hidden;
		float: none;
	}
	
	.task_table .requests-tbl-project,
	.task_table .requests-tbl-project.empty, 
	.task_table .requests-tbl-requested, 
	.task_table .requests-tbl-status {
		width: 51%;
		padding: 0 0 8px 6%;
		margin-left: 16px;
	}
	
	.task_table .requests-tbl-status {
		width: 40%;
		padding: 0 3% 8px 12px;
	}
}

#tabs .panel-header-new {
	margin-left: -30px;
	margin-bottom: 34px;
}	

.panel-header-new {
	background: #008ccb;
	margin: 0 -30px 0 -38px;
	height: 72px;	
}

.panel-header-new-inner {
	padding: 19px 30px 19px 38px;	
}

.panel-header-scrollbar--arrow {
	position: absolute;
	right: 0;
	top: 14px;
/*	background-image: url(/images/flex-next.png);*/
/*	background-size: 100% 100%;*/
	background-repeat: no-repeat;
	background-position: right center;
	height: 16px;
	width: 70px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ccb+0,008ccb+100&0.22+0,1+100 */
	background-image: -moz-linear-gradient(left, rgba(0,140,203,0) 0%, rgba(0,140,203,1) 100%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(left, rgba(0,140,203,0) 0%,rgba(0,140,203,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: linear-gradient(to right, rgba(0,140,203,0) 0%,rgba(0,140,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38008ccb', endColorstr='#008ccb',GradientType=1 ); /* IE6-9 */
}

.panel-header-scrollbar--arrow::after{
	content: "";
	position: absolute;
	right: 12px;
	background-image: url(/images/flex-next.png);
	background-repeat:no-repeat;
	background-position: center center;
	width: 8px;
	height: 14px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.8;
}

.panel-header-filter .panel-header-new-inner {
	padding: 18px 28px;
}

.panel-header-filter .panel-header-new-title {
	padding: 1px 0 1px 10px;	
}

.panel-header-filter .panel-search-intelicall {
	padding-top: 1px;
}

.panel-header-filter #search_requests input[type="text"] {
	height: 30px;	
}

.panel-header-new-tabs {
	float: left;
	margin: -19px 0 -19px -20px;
	overflow-x: auto;
	white-space: nowrap;
}

#tabs .panel-header-new-tabs {
	margin-left: -23px;
}

.panel-header-new-tabs a {
	height: 72px;
	line-height: 72px;	
	color: #fff;
	display: block;
	border: 0;
	float: left;
	padding: 0 9px;
	margin: 0 10px;
	font-size: 13px;
	opacity: .5;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
	vertical-align: middle;
}

.panel-header-new-tabs a:hover {
	opacity: .8;
}

.panel-header-new-tabs .sel:hover {
	opacity: 1;
}

.panel-header-new-tabs .sel {
	background: url(/images/panel_header_sel.png) no-repeat bottom center;
	opacity: 1;
}

.panel-header-new-tabs .pull-menu,
.panel-header-new-tabs .new-menu {
	display: none;	
}

.panel-header-new-search {
	float: right;
	padding-right: 20px;
}

.panel-header-new-search.panel-search-kb,
.panel-header-new-search.panel-search-intelicall {
	padding-right: 0;
}

.panel-header-new-search .requests-switch {
	margin: 0;	
}

.panel-header-new-search .requests-switch a {
	color: #fff;
	border: 0;
	opacity: .5;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	padding-left: 10px;
	line-height: 34px;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
}

.panel-header-new-search .requests-switch a:hover {
	opacity: 1;	
}

.panel-header-new-search .onoffswitch {
	margin-top: 6px;	
	margin-bottom: 6px;
}

.panel-header-new-search #search_requests {
	margin: 1px 0 1px 20px;	
}

.panel-search-intelicall #search_requests {
	margin-left: 0;
}

.panel-header-new-title {
	font-family: 'Open Sans', sans-serif;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	float: left;
}	

.panel-header-new-title a {
	color: #fff;
	border: 0;	
}

.panel-header-new-btn {
	float: right;	
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	height: 34px;
	line-height: 34px;
	padding: 0 18px;
	border-radius: 2px;
	background: #006fa1;
	color: #fff;
	border: 0;
}

.panel-header-new-btn:hover {
	background: #00618d;	
	border: 0;
	color: #fff;
}

.panel-header-new-btn-intelicall {
	margin-left: 20px;
}

.panel-header-new-back {
	display: none;	
}

@media screen and (max-width: 1400px) {
	.panel-header-new-btn,
	.panel-header-new-tab-btn {
		padding: 0 10px;
		font-size: 12px;
	}
	
	#tabs .panel-header-new-tabs {
		margin-left: -16px;
	}
	
	#tabs .panel-header-new-tabs a {
		padding: 0 18px;
		margin: 0 10px 0 0;
	}
}

@media screen and (max-width: 1300px) {
	.panel-header-new-search {
		padding-right: 10px;	
	}
	
	.panel-header-new-search .requests-switch a {
		display: none;	
	}
	
	.panel-header-new-search #search_requests {
		margin-left: 10px;	
	}
	
	.panel-search-intelicall #search_requests {
		margin-left: 0;
	}
	
	.panel-header-new-btn-intelicall {
		margin-left: 10px;
	}
	
	.panel-header-new-btn-port span {
		display: none;
	}
}

@media screen and (max-width: 1200px) {
	.panel-header-new, 
	.content_main_margin > .alert-msg-cont {
		margin: 0 -20px 0 -28px;
	}
	
	#tabs .panel-header-new {
		margin-left: -20px;	
	}
	
	.panel-header-new-inner {
		padding-left: 28px;	
		padding-right: 20px;
	}
	
	#tabs .panel-header-new-tabs {
		margin-left: -8px;
	}
	
	#tabs .panel-header-new-tabs a {
		padding: 0 10px;
		margin: 0 10px 0 0;
	}
}

@media screen and (max-width: 1100px) {
	.panel-header-new-tabs a span {
		display: none;	
	}
	
	#tabs .panel-header-new-tabs {
		margin-left: -20px;
	}
	
	#tabs .panel-header-new-tabs a {
		padding: 0 12px;
		margin: 0 10px 0 0;
	}
	
	#tabs .panel-header-new-tab-btn {
		margin-right: -5px;	
	}
	
	.panel-header-ic-admin #search_requests {
		width: 130px;
	}
}

@media screen and (max-width: 1000px) {
	#tabs .panel-header-new-tabs {
		margin-left: -18px;
	}
	
	#tabs .panel-header-new-tabs a {
		padding: 0 10px;
		margin: 0 10px 0 0;
	}
	
	#tabs .panel-header-new-tab-btn {
		margin-right: -5px;	
	}
	
	.panel-header-ic-admin #search_requests {
		width: 100px;
	}
}
	
@media screen and (max-width: 950px) {
	.panel-header-new-tabs {
		margin-left: -18px;
	}
	
	.panel-header-new-tabs a {
		padding: 0 7px;
		margin: 0 7px;
	}
	
	.panel-header-new-btn,
	.panel-header-new-tab-btn {
		padding: 0 8px;
		font-size: 11px;
		line-height: 30px;
		height: 30px;
		margin: 2px 0;
	}
	
	.panel-header-new-tab-btn {
		margin-left: 10px;
	}
	
	#tabs .panel-header-new-tabs {
		margin-left: -14px;
	}
	
	#tabs .panel-header-new-tabs a {
		padding: 0 6px;
		margin: 0 9px 0 0;
	}
	
	#tabs .panel-header-new-tab-btn {
		margin-right: -5px;	
	}
}

@media screen and (max-width: 900px) {
	.panel-header-new-tabs {
		margin-left: -10px;
	}
	
	.panel-header-new-tabs a {
		padding: 0 4px;
		margin: 0 4px;
	}
	
	#tabs .panel-header-new-tabs {
		margin-left: -10px;
	}
	
	#tabs .panel-header-new-tabs a {
		padding: 0 2px;
		margin: 0 8px 0 0;
	}
	
	#tabs .panel-header-new-tab-btn {
		margin-right: -5px;	
	}
}

@media screen and (max-width: 840px) {
	.panel-header-new, 
	.content_main_margin > .alert-msg-cont {
		margin: 0;
	}
	
	#tabs .panel-header-new {
		margin: 0 0 34px;	
	}

	.panel-header-new--filter {
		margin: 0 auto 20px;
		width: 95%;
	}
	
	.panel-header-new-inner {
		padding-left: 2.5%;	
		padding-right: 2.5%;
	}
	
	.panel-header-new-btn {
		display: none;	
	}

	.panel-header-new-tabs,
	#tabs .panel-header-new-tabs {
		margin-left: -20px;
	}
	
	.panel-header-new-tabs a,
	#tabs .panel-header-new-tabs a {
		padding: 0 10px;
		margin: 0 10px;
	}

	.panel-header-new-search {
		padding: 0;	
	}
	
	.panel-header-new-search #search_requests {
		margin-left: 15px;	
	}
	
	.panel-search-intelicall #search_requests {
		margin-left: 0;
	}
	
	/*new*/
	.panel-header-new {
		height: 61px;
	}
	
	.panel-header-new-inner {
		padding: 14px 2.5% 13px;
	}
	
	.panel-header-new-tabs {
		margin-top: -13px;
		margin-bottom: -13px;	
	}
	
	.panel-header-new-tabs a {
		line-height: 60px;
		height: 60px;
	}
	
	.panel-header-new-tabs .new-menu {
		display: inline-block;	
	}
}

@media screen and (max-width: 768px) {
	.panel-header-new-tabs {
		margin-left: -10px;
	}

	.panel-header-new-tabs a {
		padding-left: 0;	
		padding-right: 0; /* ? */
	}

	.panel-header-ic-admin #search_requests {
		width: 70px;
	}
	
	.panel-header-ic-admin #search_requests input[type="text"] {
		padding-right: 20px;
		font-size: 11px;
	}
	
	.panel-header-ic-admin #search_requests input[type="submit"] {
		width: 23px;
	}
}

@media screen and (max-width: 668px) {
	.panel-header-new {
		height: auto;
		text-align: center;
	}
	
	.project-previews-revisions-page .panel-header-new{
		text-align:left;
	}
	
	.project-previews-revisions-page .panel-header-new-inner{
		position: initial;	
	}
	
	.panel-header-new-inner {
		padding: 10px 2.5%;
		position: relative;	
	}
	
	.panel-header-new-title {
		line-height: 20px;
		padding: 5px 0;
		float: none;
	}
	
	.panel-header-new-back {
		display: block;
		position: absolute;
		left: 2.5%;
		padding: 0;
		top: 10px;
		border: 0;
		opacity: .5;
	}
	
	.panel-header-new-back:hover {
		border: 0;
		opacity: 1;	
	}
	
	.panel-header-new-back img {
		margin: 9px 13px;
	}
	
	.panel-header-new-tabs,
	#tabs .panel-header-new-tabs {
		float: none;	
		text-align: center;
		margin: -10px -2.5%;
		padding: 10px 2.5%;
	}

	.panel-header-new-tabs a {
		height: auto;
		line-height: 25px;
		padding: 0;
		margin: 0 10px;
		display: inline-block;
		float: none;
	}
	
	.panel-header-new-tabs .sel {
		background: 0;	
	}
	
	.panel-header-new-search {
		display: none;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		float: none;
	}
	
	.panel-header-new-search.open {
		display: block;	
	}
	
	.panel-search-intelicall {
		padding-top: 5px;		
	}
	
	.panel-header-new-search #search_requests {
		margin-left: 0;
		width: 100%;
	}
	
	.panel-header-new-search .requests-switch a {
		display: inline-block;
		float: none;
	}
	
	.panel-header-new-tabs .pull-menu {
		display: inline-block;	
	}
	
	.kb-search-pull {
		float: right;
		color: #fff;
		border: 0;
		line-height: 30px;
		font-size: 12px;
	}
	
	.kb-search-pull {
		display: block;	
	}
	
	.kb-search-pull:hover {
		color: #fff;	
		border: 0;
	}
	
	.panel-header-ic-admin #search_requests input[type="text"] {
		padding-right: 29px;
		font-size: 12px;
	}
	
	.panel-header-ic-admin #search_requests input[type="submit"] {
		width: 29px;
	}
}

.request-quote-desc {
	border-bottom-left-radius: 0;
}

.request-quote-bottom {
	padding: 0;
}

.request-quote-btns-left {
	background: #fff;	
	float: left;
	border-radius: 0 0 2px 2px;
}

.btn-quote-accept, 
.btn-quote-secondary {
	margin: 14px 0 14px 14px;	
}

.btn-quote-accept {
	margin-right: 14px;
}

.request-quote-terms {
	padding-top: 14px;	
}

@media screen and (max-width: 1300px) {
	.request-quote-terms {
		clear: both;
		padding-bottom: 0;
	}
	
	.request-quote-btns-right {
		float: left;	
	}
}

@media screen and (max-width: 668px) {						
	.request-quote-btns-left {
		padding: 10px;
		width: 33.333%;
		box-sizing: border-box;
	}
	
	.btn-quote-accept {
		margin: 0;
		width: 100%;	
	}
	
	.request-quote-btns-right {
		padding: 10px;
		width: 66.666%;
		box-sizing: border-box;
		clear: none;
		margin-top: 0;
	}
	
	.btn-quote-secondary {
		width: 50%;
		margin: 0;
	}
	
	.btn-quote-secondary:nth-child(2) {
		margin: 0 -10px 0 10px;
	}
}

@media screen and (max-width: 480px) {
	.request-quote-desc {
		border-bottom-right-radius: 0;	
	}
	
	.request-quote-btns-left {
		width: 100%;
		padding: 8px 14px 14px;
		box-sizing: border-box;
	}
	
	.request-quote-btns-right {
		margin: 0;	
		clear: left;
		width: 100%;
		padding: 0;
	}
	
	.btn-quote-accept,
	.btn-quote-secondary {
		width: 100%;
	}
	
	.btn-quote-accept {
		margin: 0;	
	}
	
	.btn-quote-secondary,
	.btn-quote-secondary:nth-child(2) {
		margin: 14px 0 0;
	}	
}

/*knowledgebase - home*/
.navtrail {
	background: #f5f5f5;  
	margin: 0 -30px 0 -38px;
}

.navtrail-inner {
	padding: 0 30px 0 38px;	
}

.navtrail-center {
	display: table;
	width: 100%;
}

.navtrail-center-inner {
	height: 72px;
	display: table-cell;
	vertical-align: middle;	
}

.navtrail-section {
	float: left;
	padding: 2px 30px 2px 0;
	margin-right: 20px;
	color: #b9b9b9;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}

.navtrail-section.sel {
	background: url(/images/knowledgebase-navtrail-arrow.png) no-repeat right center;
}

.navtrail-section.sel a {
	color: #848484;	
}

.navtrail-section a {
	border: 0;
}

.navtrail-section a:hover {
	border: 0;
}

.knowledgebase-container {
	max-width: 1160px;	
}

.knowledgebase-home,
.knowledgebase-category,
.knowledgebase-article {
	padding: 40px 0 0;	
}

.knowledgebase-search-term {
	padding: 0 0 30px;	
}

.knowledgebase-home h1,
.knowledgebase-category h1,
.knowledgebase-article h1,
.kb-article-sidebar h2,
.kb-category-thumb h3,
.kb-related-thumb h3 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #dadada;
	letter-spacing: .05em;
}

.knowledgebase-home h1,
.knowledgebase-category h1,
.knowledgebase-article h1,
.kb-article-sidebar h2 {
	padding: 10px 0;
	margin: 0 0 20px;
	color: #252525;
}

.knowledgebase-home h1,
.knowledgebase-category h1 {
	margin-bottom: 30px;	
}

.kb-home-content,
.kb-category-content,
.knowledgebase-related {
	overflow: hidden;	
	margin-bottom: -30px;
}

.kb-category-content-padding {
	padding-top: 30px;	
}

.kb-home-content-inner,
.kb-category-content-inner,
.kb-related-inner {
	margin-right: -30px;
}

.kb-home-thumb,
.kb-category-thumb,
.kb-related-thumb {
	padding: 0 30px 30px 0;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.kb-home-thumb {
	width: 20%;
}

.kb-home-thumb:nth-child(5n + 1) {
	clear: left;	
}

.kb-home-thumb-image {
	height: 46px;	
}

.kb-home-thumb-inner,
.kb-category-thumb-inner,
.kb-related-thumb-inner {
	display: block;
	background: #eee;
	border-radius: 4px;
	color: #333;
	border: 0;
}

.kb-home-thumb-inner {
	padding: 12px 20px;	
	text-align: center;
}

.kb-home-thumb-inner:hover,
.kb-category-thumb-inner:hover,
.kb-related-thumb-inner:hover {
	border: 0;
}

.kb-home-thumb img {
	display: block;
	margin: 0 auto;
	padding: 8px 0;
}

.kb-home-thumb h3,
.kb-category-thumb h3,
.kb-related-thumb h3 {
	line-height: 18px;
	letter-spacing: .05em;
}

.kb-home-thumb h3 {
	font-size: 14px;
	text-transform: uppercase;
	padding: 2px 0;
	margin: 0;	
}

.kb-home-thumb p,
.kb-category-thumb p,
.kb-related-thumb p {
	margin: 10px 0;
	line-height: 18px;
}

/*knowledgebase - category*/
.kb-category-thumb {
	width: 25%;
}

.kb-category-thumb:nth-child(4n + 1) {
	clear: left;	
}

.kb-category-thumb-inner,
.kb-related-thumb-inner {
	padding: 10px 20px;
}

.kb-category-thumb h3,
.kb-related-thumb h3 {
	text-align: center;
	margin: 0 0 18px;
	padding: 20px 0 22px;
}

/*knowledgebase - article*/
.knowledgebase-article {
	max-width: 880px;
}

.kb-article-content {
	width: 100%;
	margin-right: -320px; 
	float: left;
}

.kb-article-content img {
	max-width: 100%;	
}

.kb-article-content-inner {
	margin-right: 320px;	
}

.kb-article-content p {
	text-align: justify;
	line-height: 18px;
	margin: 15px 0;
}

.kb-article-sidebar {
	width: 265px;
	float: right;	
}

.kb-related-thumb:nth-child(2n + 1) {
	clear: left;	
}

.kb-related-thumb {
	width: 100%;	
}

@media screen and (max-width: 1400px) {
	.kb-home-content,
	.kb-category-content {
		margin-bottom: -25px;
	}
	
	.kb-home-content-inner,
	.kb-category-content-inner {
		margin-right: -25px;	
	}
	
	.kb-home-thumb,
	.kb-category-thumb {
		padding-right: 25px;
  		padding-bottom: 25px;
	}
	
	.kb-home-thumb {
		width: 25%;	
	}
	
	.kb-home-thumb:nth-child(5n + 1) {
		clear: none;	
	}
	
	.kb-home-thumb:nth-child(4n + 1) {
		clear: left;	
	}
	
	.knowledgebase-category h1 {
		margin-bottom: 25px;	
	}
	
	.knowledgebase-search-term {
		padding-bottom: 25px;	
	}
	
	.kb-category-content-padding {
		padding-top: 25px;		
	}
		
	.kb-category-thumb-inner {
		padding: 10px 20px;
	}

	.kb-category-thumb h3 {
		font-size: 16px;
		padding: 10px 0 12px;
	}
}

@media screen and (max-width: 1200px) {
	.navtrail {
		margin: 0 -20px 0 -28px;
	}
	
	.navtrail-inner {
		padding-left: 28px;
		padding-right: 20px;
	}
	
	.knowledgebase-home,
	.knowledgebase-category,
	.knowledgebase-article {
		padding-top: 30px;	
	}
	
	.kb-home-content {
		margin-bottom: -20px;
	}
	
	.kb-home-content-inner {
		margin-right: -20px;
	}
	
	.kb-home-thumb {
		padding-right: 20px;
		padding-bottom: 20px;
	}
	
	.kb-category-content-padding {
		padding-top: 20px;		
	}
	
	.kb-category-thumb {
		width: 33.333%;	
	}
	
	.kb-category-thumb:nth-child(4n + 1) {
		clear: none;	
	}
	
	.kb-category-thumb:nth-child(3n + 1) {
		clear: left;	
	}
	
	.kb-article-content {
		margin-right: -290px;	
	}
	
	.kb-article-content-inner {
		margin-right: 290px;
	}
	
	.kb-related-thumb h3 {
		font-size: 16px;
		padding: 10px 0 12px;
	}
}

@media screen and (max-width: 1100px) {
	.kb-home-thumb {
		width: 33.333%;
	}

	.kb-home-thumb:nth-child(4n + 1) {
		clear: none;	
	}
	
	.kb-home-thumb:nth-child(3n + 1) {
		clear: left;	
	}
	
	.knowledgebase-category h1 {
		margin-bottom: 20px;	
	}
	
	.knowledgebase-search-term {
		padding-bottom: 20px;	
	}
	
	.kb-category-content,
	.knowledgebase-related {
		margin-bottom: -20px;
	}
	
	.kb-category-content-inner,
	.kb-related-inner {
		margin-right: -20px;
	}
	
	.kb-category-thumb,
	.kb-related-thumb {
		padding-right: 20px;
  		padding-bottom: 20px;
	}
	
	.kb-category-thumb-inner,
	.kb-related-thumb-inner {
		padding: 5px 15px;	
	}
	
	.kb-category-thumb h3,
	.kb-related-thumb h3 {
		font-size: 14px;
		padding: 10px 0 12px;
		margin-bottom: 10px;	
	}
	
	.kb-article-content {
		margin-right: -245px;	
	}
	
	.kb-article-content-inner {
		margin-right: 245px;
	}
	
	.kb-article-sidebar {
		width: 220px;
	}	
}

@media screen and (max-width: 950px) {
	.kb-home-thumb {
		width: 50%;
	}
	
	.kb-home-thumb:nth-child(3n + 1) {
		clear: none;	
	}
	
	.kb-home-thumb:nth-child(2n + 1) {
		clear: left;	
	}
	
	.kb-article-content,
	.kb-article-content-inner {
		margin: 0;	
	}
	
	.kb-article-content {
		padding-bottom: 10px;	
	}
	
	.kb-article-sidebar {
		width: 100%;	
	}
	
	.knowledgebase-related {
		margin-bottom: -20px;
	}
	
	.kb-related-inner {
		margin-right: -20px;
	}
	
	.kb-related-thumb {
		width: 50%;	
		padding-right: 20px;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 840px) {
	.navtrail {
		margin: 0;
	}
	
	.navtrail-inner {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	
	.navtrail-center-inner {
		height: 61px;
	}
	
	.kb-home-thumb {
		width: 33.333%;
	}
	
	.kb-home-thumb:nth-child(2n + 1) {
		clear: none;	
	}
	
	.kb-home-thumb:nth-child(3n + 1) {
		clear: left;	
	}
	
	.knowledgebase-category,
	.knowledgebase-article {
		padding-top: 30px;
		padding-bottom: 40px;	
	}
	
	.knowledgebase-home {
		padding-top: 40px;
		padding-bottom: 40px;	
	}	
	
	.knowledgebase-category h1 {
		margin-bottom: 25px;	
	}
	
	.knowledgebase-search-term {
		padding-bottom: 25px;	
	}
	
	.kb-category-content {
		margin-bottom: -25px;
	}
	
	.kb-category-content-inner {
		margin-right: -25px;
	}
	
	.kb-category-thumb {
		padding-right: 25px;
  		padding-bottom: 25px;
	}
	
	.kb-category-thumb-inner,
	.kb-related-thumb-inner {
		padding: 10px 20px;
	}
	
	.kb-category-thumb h3,
	.kb-related-thumb h3 {
		font-size: 16px;
		padding: 10px 0 12px;
	}

	.kb-article-content {
		margin-right: -290px;	
		padding-bottom: 0;
	}
	
	.kb-article-content-inner {
		margin-right: 290px;
	}
	
	.kb-article-sidebar {
		width: 265px;
	}
	
	.knowledgebase-related {
		margin-bottom: -30px;
	}
	
	.kb-related-inner {
		margin-right: -30px;
	}
	
	.kb-related-thumb {
		width: 100%;
		padding-right: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {
	.knowledgebase-category h1 {
		margin-bottom: 20px;	
	}
	
	.knowledgebase-search-term {
		padding-bottom: 20px;	
	}
	
	.kb-category-content,
	.knowledgebase-related {
		margin-bottom: -20px;
	}
	
	.kb-category-content-inner,
	.kb-related-inner {
		margin-right: -20px;
	}
	
	.kb-category-thumb,
	.kb-related-thumb {
		padding-right: 20px;
  		padding-bottom: 20px;
	}
	
	.kb-category-thumb-inner,
	.kb-related-thumb-inner {
		padding: 5px 15px;	
	}
	
	.kb-category-thumb h3,
	.kb-related-thumb h3 {
		font-size: 14px;
		padding: 10px 0 12px;
		margin-bottom: 10px;	
	}

	.kb-article-content {
		margin-right: -245px;	
	}
	
	.kb-article-content-inner {
		margin-right: 245px;
	}
	
	.kb-article-sidebar {
		width: 220px;
	}	
}

@media screen and (max-width: 668px) {
	.knowledgebase-home {
		padding-top: 30px;	
		padding-bottom: 30px;
	}
	
	.kb-home-thumb,
	.kb-category-thumb,
	.kb-related-thumb {
		width: 50%;	
	}
	
	.kb-home-thumb {
		padding-right: 25px;
		padding-bottom: 25px;
	}
	
	kb-home-content {
		margin-bottom: -25px;
	}
	
	.kb-home-content-inner {
		margin-right: -25px;
	}

	.kb-home-thumb:nth-child(3n + 1) {
		clear: none;	
	}
	
	.kb-home-thumb:nth-child(2n + 1) {
		clear: left;	
	}
	
	.knowledgebase-category,
	.knowledgebase-article {
		padding-top: 20px;	
		padding-bottom: 30px;
	}
	
	.kb-category-content-padding {
		padding-top: 25px;		
	}
	
	.kb-category-thumb:nth-child(3n + 1) {
		clear: none;	
	}
	
	.kb-category-thumb:nth-child(2n + 1) {
		clear: left;	
	}
	
	.kb-article-content,
	.kb-article-content-inner {
		margin: 0;	
	}
	
	.kb-article-content {
		padding-bottom: 10px;	
	}
	
	.kb-article-sidebar {
		width: 100%;	
	}
	
	.navtrail-center-inner {
		height: auto;
		padding: 10px 0;	
	}
}

@media screen and (max-width: 480px) {
	.kb-home-content {
		margin-bottom: -20px;
	}
	
	.kb-home-content-inner {
		margin-right: -20px;	
	}
	
	.kb-home-thumb {
		padding-right: 20px;
		padding-bottom: 20px;
	}
	
	.kb-category-content-padding {
		padding-top: 20px;		
	}
	
	.kb-category-thumb,
	.kb-related-thumb {
		width: 100%;	
	}	
}

@media screen and (max-width: 400px) {
	.kb-home-thumb {
		width: 100%;	
	}
}

.dashboard-btn {
	width: 152px;
    background: #008ccb;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;	
	text-align: center;
	margin: 13px 0 0;
    height: 38px;
	line-height: 38px;
	border: 0;
	display: none;
}

.dashboard-btn:hover {
	background: #007eb6;
	color: #fff;		
	border: 0;
}

@media screen and (max-width: 840px) {
	.dashboard-btn {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.dashboard-btn {
		width: 100%;
	}
}

.billing-dashboard {
	padding: 28px 0 0;
}

.billing-dashboard a {
	display: block;
	border: 0;	
	margin: 0 0 10px;
}

.billing-dashboard a:hover {
	border: 0;	
}

/*private requests*/
.request-white-section {
	padding-top: 22px;
	padding-bottom: 55px;
}

.request-title-new-cont {
	max-width: 1160px;
	padding-top: 20px;	
	overflow: hidden;
}

.request-title-new-cont form {
	float: right;
}

.request-title-new-cont .btn-secondary {
	width: auto;
	height: 24px;
	font-size: 12px;
	margin: 0 0 0 10px;
}

.request-summary-new2-outer {
	padding-top: 20px;
}

.request-comment-form {
	padding-bottom: 18px;	
}

.request-summary-new2-section {
	width: 30%;
}

.request-summary-new2-section:nth-child(3n - 1) {
	width: 40%;		
}

@media screen and (max-width: 1300px) {
	.request-quote-terms {
		clear: none;
		line-height: 30px;
		float: right;
		padding-bottom: 0;
	}
}
												
@media screen and (max-width: 1000px) {
	.request-summary-new2-section,
	.request-summary-new2-section:nth-child(3n - 1) {
		width: 50%;
	}	
}

@media screen and (max-width: 900px) {
	.request-comment-form-btns #submit,
	.request-comment-form-btns-right .btn-secondary {
		width: 152px;
	}
	
	#upload_box .file-input-btn {
		width: 132px;
	}
	
	.btn-quote-accept {
		width: 152px;
	}
	
	.request-quote-terms {
		clear: both;
		padding-top: 14px;
		line-height: normal;
		float: left;
	}
}

@media screen and (max-width: 840px) {
	.request-summary-new2-section {
		width: 30%;
	}
	
	.request-summary-new2-section:nth-child(3n - 1) {
		width: 40%;		
	}
	
	.request-quote-terms {
		clear: none;
		line-height: 30px;
		float: right;
	}	
}

@media screen and (max-width: 668px) {
	.request-quote-terms {
		clear: both;
		padding-top: 14px;
		line-height: normal;
		float: left;
	}
	
	.request-quote-btns-left {
		width: auto;
		padding: 8px 14px 14px;
	}
	
	.btn-quote-accept {
		height: 30px;	
	}
}

@media screen and (max-width: 600px) {
	.request-comment-form-btns-right {
		clear: none;
		float: right;	
	}
	
	.request-comment-form-btns-right .btn-secondary {
		margin: 0;
	}

	.request-summary-new2-section,
	.request-summary-new2-section:nth-child(3n - 1) {
		width: 50%;
	}	
	
	.request-more-options {
		width: 100%;
		float: none;
		/*padding-bottom: 10px;
		padding-top: 15px;
		padding-left: 0;*/
	}
}

@media screen and (max-width: 480px) {
	.request-summary-new2-section,
	.request-summary-new2-section:nth-child(3n - 1) {
		width: 100%;
	}	

	.request-comment-form {
		padding-bottom: 14px;
	}
	
	.request-comment-form-btns #submit {
		width: 132px;
	}
	
	.request-comment-form-btns-right .btn-secondary {
		width: 132px;
		margin-bottom: 10px;
	}
	
	#upload_box .file-input-btn {
		width: 124px;
	}

	.mbl-request-summary-cont {
		padding: 25px 0 0;
	}
	
	.btn-quote-accept {
		width: 132px;
	}
	
	.request-quote-desc {
		border-bottom-right-radius: 2px;
	}
	
	.request-white-section {
		padding-top: 12px;	
	}
	
	.mbl-request-expand-outer {
		border: 2px solid #e2e2e2;	
		border-radius: 2px;
	}
	
	.mbl-request-summary-outer {
		margin: 16px 0;
	}
	
	.mbl-request-description-outer {
		margin: 16px 0;
	}
	
	.mbl-request-summary-cont,
	.mbl-request-description-cont {
		padding: 0;	
	}
	
	.request-summary-new2-outer,
	.request-description-cont {
		padding-top: 0;
		padding-bottom: 10px;
	}
	
	.request-summary-expand,
	.request-description-expand {
		padding: 0 10px;	
	}
	
	.mbl-request-summary, .mbl-request-description {
		border: 0;
		border-radius: 0;
	}
	
	.request-client-description, 
	.request-internal-description {
		padding-bottom: 0;
	}
	
	.request-internal-description {
		/*margin-top: 12px;*/
		margin-top: 0;
	}
	
	.request-client-description-shown + .request-internal-description {
		margin-top: 12px;
	}
	
	.request-internal-description-label {
		padding-top: 15px;
		font-size: 13px;
	}
	
	.request-description {
		/*padding-top: 12px;*/
		padding-top: 0;
		padding-bottom: 4px;	
	}
}

@media screen and (max-width: 400px) { 
	.request-comment-form {
		padding-bottom: 10px;
	}

	.single_request_attach {
		padding-bottom: 15px;	
	}

}

/*requests sections*/
.requests-section-cont {
	margin-bottom: 15px;
}

.requests-section-cont:first-child .requests-section-title {
	padding-top: 0;	
}

.requests-section-expand:first-child .requests-section-title {
	padding-top: 10px;	
}

.requests-section-title {
	font-weight: bold;	
	padding: 10px 0;
}

.requests-section {}

.requests-section-expand {
	border: 2px solid #e2e2e2;
	border-radius: 2px;
	cursor: pointer;
}

.requests-section-expand .requests-section-title {
	padding: 10px;
	background: url(/images/icn-expand-more.png) no-repeat center right;
}

.requests-section-expand.open .requests-section-title {
	background-image: url(/images/icn-expand-less.png);
}

.requests-section-expand .requests-section {}

.requests-section-expand .task_table {
	border-top: 0;	
}

.requests-section-expand .task_table td, 
.requests-section-expand .report-table td {
	border: 0;
	border-top: 1px solid #f0f0f0;
}

@media screen and (max-width: 1000px) { 
	.requests-section-expand .task_table td, 
	.requests-section-expand .report-table td {
		border: 0;
	}
	
	.requests-section-expand .task_table tr {
		border: 0;
		border-top: 1px solid #f0f0f0;	
	}
}

@media screen and (max-width: 1000px) { 
	.requests-section-main .task_table {
		margin-bottom: 0;	
	}
}

/*request list changes*/
.task_table .project, .task_table .requests-tbl-project, .task_table .status, .task_table .requests-tbl-status, .task_table .request, .task_table .requests-tbl-requested, .task_table .update, .task_table .requests-tbl-updated, .task_table .age, .task_table .requests-tbl-age {
	white-space: normal;	
}

.task_table .requests-tbl-summary-img {
	width: 30px;
}

.task_table .requests-tbl-project {
	width: 20%;
}

.task_table .requests-tbl-status {
	/* width: 14%; */
	width: 20%;
}

.task_table .requests-tbl-requested {
	width: 14%;
}

.task_table .requests-tbl-age {
	width: 8%;	
}

@media screen and (max-width: 1000px) {
	.task_table .requests-tbl-summary-img {
		width: 5%;	
	}	
	
	.task_table .requests-tbl-project, 
	.task_table .requests-tbl-project.empty	{
		/* width: 65%;	 */
		width: 63%;
	}
	
	.task_table .requests-tbl-status {
		width: 26%;
	}
}

@media screen and (max-width: 480px) {
	.task_table .requests-tbl-summary-img {
	    width: auto;
	}

	.task_table .requests-tbl-project, .task_table .requests-tbl-project.empty {
		width: 51%;	
	}
	
	.task_table .requests-tbl-status {
		width: 40%;		
	}
}

/*register a domain*/
.domains-container {
	padding-top: 38px;	
}

.domains-message {
	margin-bottom: 20px;	
	max-width: 465px;
	padding: 1px 14px;
	font-size: 12px;
}

.domain-register-panel {
	background: #eee;
    padding: 35px;	
	max-width: 425px;
	margin-bottom: 20px;
}

.domain-register-avail {
	max-width: 425px;
}

.domain-register-panel-title {
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.domain-register-panel-row {
	overflow: hidden;
}

.domain-register-check .domain-register-panel-row {
	padding: 0 0 35px;
}

.domain-register-panel-input {
	overflow: hidden;	
}

.domain-register-panel-input-inner {
    overflow: hidden;
}

.domain-register-panel-input-small {
	width: 80px;
	float: right;
	margin-left: 15px;
}

.domain-register-panel-input label {
	line-height: 30px;	
	display: block;
	float: left;
	width: 100px;
	font-size: 12px;
}

.domain-register-panel-input input[type="text"] {
	border: 1px solid transparent;
	border-radius: 0;
	height: 30px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	width: 100%;
}

.domain-register-panel-input select {
	border: 1px solid transparent;	
	height: 30px;
	border-radius: 0;
	float: left;
	width: 100%;
}

.domain-register-panel-base {
	border-top: 1px solid #c0c0c0;
    padding: 25px 0 0;
    overflow: hidden;	
}

.domain-register-panel-btn,
.domain-register-panel-btn-main {
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	height: 30px;
	background: #77ad46;
	padding: 0 12px;
}

.domain-register-panel-btn:hover,
.domain-register-panel-btn-main:hover {
	background: #6a9a3e;
}

.domain-register-panel-btn:disabled,
.domain-register-panel-btn-main:disabled {
	background: #ccc;
	cursor: auto;	
}

.domain-register-panel-btn-right {
	float: right;	
}

.domain-register-avail {
	max-width: 610px;
	padding: 22px 35px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
	display: none;
}

.domain-register-avail.available {
	background: #77ad46;
	display: block;
}

.domain-register-avail.registered {
	background: #cd1b30;
	display: block;
}

.domain-register-terms {
	max-width: 610px;	
}

.domain-register-panel ul {
	margin: 0;
	padding: 0 0 20px 20px;
}

.domain-register-panel-checkbox {
	line-height: 21px;	
	padding: 4px 0 5px 1px;
	overflow: hidden;
}

.domain-register-panel-disabled {
	color: #c1c1c1;
}

.domain-register-panel-checkbox label {
	cursor: pointer;
}

.domain-register-panel-disabled label {
	cursor: default;
}

.domain-register-panel-disabled label span {
	overflow: hidden;
	display: block;	
}

.domain-register-panel-checkbox input[type="checkbox"] {
	float: left; 
	margin: 4px 10px 0 1px;
}

.domain-register-panel-btn-main {
	text-transform: uppercase;	
	font-weight: 600;
	margin-left: 20px;
}

/*my domains & domains pricing*/
.domains-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 30px;
	padding-right: 0;
}

.domains-pricing-table {
	max-width: 1050px;	
}

.domains-table tr:nth-child(odd) {
	background: #f5f5f5;
}

.domains-table th {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #2d2d2d;
	text-transform: uppercase;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 10px 10px;
}

.domains-table td {
	padding: 17px 10px;
}

.domains-pricing-table td {
	padding: 24px 10px;
}

.domains-tbl-domain,
.domains-tbl-tld {
	word-break: break-all;	
	text-align: left;
}

.domains-tbl-term,
.domains-tbl-cost,
.domains-tbl-expiry,
.domains-tbl-edit,
.domains-tbl-cancel {
	text-align: center;
	white-space: nowrap;
}

.domains-tbl-term,
.domains-tbl-cost {
	width: 14%;
}

.domains-tbl-expiry,
.domains-tbl-edit,
.domains-tbl-cancel {
	width: 9%;
}

.btn-edit-domain,
.btn-cancel-domain {
	width: 72px;
	height: 30px;
	display: block;
    background: #77ad46;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 30px;
	color: #fff;
    border: 0;
	margin: 0 auto;
}

.btn-cancel-domain {
	background: #d34428;
}

.btn-edit-domain:hover,
.btn-cancel-domain:hover {
	border: 0;
	color: #fff;
}

.btn-edit-domain:hover {
	background: #608A38;
}

.btn-cancel-domain:hover {
	background: #b32411;
}

/*modal*/
.modal {
	display: none;
	background: rgba(37, 37, 37, .95);
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index: 999;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	min-width: 320px;
}

.modal-box-cont {
	width: 90%;
	max-width: 420px;
	margin: 5% auto;
}

.modal-box {
	border-radius: 2px;
	background: #fff;
	overflow: hidden;
}

.modal-content {
	padding: 98px 24px 24px;
	text-align: center;	
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	background: url(/images/icon_modal_warning.png) no-repeat center 24px;
}

.modal-title {
	font-size: 16px;	
	padding-bottom: 6px;
}

.modal-content p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}

.modal-controls {
	background: #e6e6e6;
	padding: 12px 24px;	
	text-align: center;
}

.modal-controls button {
	height: 30px;
	display: inline-block;
	width: 160px;
	margin: 0 5px;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
	border: 0;
	cursor: pointer;
}

.modal-btn-confirm {
	background: #6c6c6c;
}

.modal-btn-confirm:hover {
	background: #616161;	
}

.modal-btn-return {
	background: #77ad46;
}

.modal-btn-return:hover {
	background: #6a9a3e;
}

.modal-open {
	overflow-y: hidden;
	
	/* Prevent scrolling Safari */
	height: 100%;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

body.loading_spinner .off-canvas-wrap{
/*
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
*/
}

body.loading_spinner .modal.modal-spinner{
	display: block;
}

body.loading_spinner .logo,
body.loading_spinner .panel-header-new-inner,
body.loading_spinner #sidebar-inner,
body.loading_spinner .content_container,
body.loading_spinner .tab,
body.loading_spinner .intelicall-subpage-container,
body.loading_spinner .request-type-hdr > div,
body.loading_spinner .choice_container,
body.loading_spinner .navtrail-inner,
body.loading_spinner .voip-dash__top-inner,
body.loading_spinner .voip-dash__bottom,
body.loading_spinner .voip-switches,
body.loading_spinner .voip-onboarding-overlay-content,
body.loading_spinner .voip-onboarding-message,
body.loading_spinner .voip-dash__schedule,
body.loading_spinner .voip-history-header,
body.loading_spinner .notification-container,
body.loading_spinner .voip-dashboard-status,
body.loading_spinner .voip-fixed-bar,
body.loading_spinner .voip-switches-control {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}

body.loading_spinner #sidebar {
    overflow: hidden;
}

body.loading_spinner .content_container .voip-fixed-bar {
	left: 0;
}

body.loading_spinner .crm-overlay,
body.loading_spinner .voip-modal,
body.loading_spinner .voip-busy {
	display: none !important;
}

.modal.modal-spinner{
	background: rgba(0, 0, 0, 0.3);
}

.modal.modal-spinner::after{
	content: "";
	position: absolute;
	display: block;
}

.modal-spinner-inner{
	height: 150px;
	width: 150px;
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 20px;
}

.modal-spinner .spinner{
	border-radius: 50%;
	width: 100px;
	height: 100px;
	font-size: 10px;
	position: absolute;
	text-indent: -99999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spin 1.1s infinite linear;
    animation: spin 1.1s infinite linear;
    top: 25px;
    left: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@media screen and (max-width: 840px) {
	.domains-table .domains-tbl-term,
	.domains-table .domains-tbl-cost {
		width: 18%;
	}	
}

@media screen and (max-width: 668px) {
	/*my domains*/
	.btn-edit-domain,
	.btn-cancel-domain {
		width: auto;	
		padding: 0 10px;
		font-size: 11px;
	}
}

@media screen and (max-width: 480px) {
	/*register a domain*/
	.domain-register-panel {
		padding: 15px;
	}
	
	.domain-register-panel-title {
		padding-top: 5px;	
	}
	
	.domain-register-panel-input-small {
		margin-left: 10px;
	}
	
	.domain-register-check .domain-register-panel-row {
		padding-bottom: 20px;
	}
	
	.domain-register-panel-base {
		padding-top: 15px;	
	}
	
	.domain-register-terms .domain-register-panel-row {
		padding-bottom: 40px;
		position: relative;	
	}
	
	.domain-register-panel-checkbox {
		width: 100%;	
	}
	
	.domain-register-panel-btn-main {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-left: 0;
	}
	
	/*my domains*/	
	.domains-list-table tr,
	.domains-list-table th,
	.domains-list-table td {
		display: block;
		box-sizing: border-box;
	}
	
	.domains-list-table tr {
		width: 100%;
		overflow: hidden;
	}
	
	.domains-list-table td {
		padding-bottom: 0;
	}

	.domains-tbl-domain {
		float: left;
		width: 60%;
	}
	
	.domains-list-table .domains-tbl-expiry {
		float: right;
		width: 40%;
		text-align: right;
	}

	.domains-list-table .domains-tbl-edit,
	.domains-list-table .domains-tbl-cancel {
		width: 50%;
		padding-bottom: 17px;
	}
	
	.domains-tbl-edit,
	.btn-edit-domain {
		float: left;	
	}
	
	.domains-tbl-cancel,
	.btn-cancel-domain {
		float: right;
	}
	
	th.domains-tbl-edit,
	th.domains-tbl-cancel {
		display: none;	
	}
	
	.btn-edit-domain,
	.btn-cancel-domain {
		width: 60px;
	}
	
	/*modal*/
	.modal-controls button {
		width: 110px;
	}
	
	.modal-controls button span {
		display: none;	
	}
}

/* --- styled checkbox (http://codepen.io/CreativeJuiz/pen/BiHzp) --- */
.styled-checkbox,
.styled-radio {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	line-height: 16px;
	padding: 5px 0;
}

.styled-radio {
	padding: 3px 0 8px 0;
}

.styled-radio:last-child {
	padding: 3px 0 0 0;
}

.voip-overlay .styled-checkbox {
	padding: 0;
}

/* hide native element */
.styled-checkbox [type="checkbox"]:not(:checked),
.styled-checkbox [type="checkbox"]:checked,
.styled-radio [type="radio"]:not(:checked),
.styled-radio [type="radio"]:checked {
	position: absolute;
	left: -9999px;
}

.styled-checkbox [type="checkbox"]:not(:checked) + label,
.styled-checkbox [type="checkbox"]:checked + label,
.styled-radio [type="radio"]:not(:checked) + label,
.styled-radio [type="radio"]:checked + label {
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	display: inline-block;
}

/* outline */
.styled-checkbox [type="checkbox"]:not(:checked) + label:before,
.styled-checkbox [type="checkbox"]:checked + label:before,
.styled-radio [type="radio"]:not(:checked) + label:before,
.styled-radio [type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	border: 1px solid #9b9b9b;
	background: #fff;
}

.styled-checkbox [type="checkbox"]:not(:checked) + label:before,
.styled-checkbox [type="checkbox"]:checked + label:before {
	top: -1px; left: 0;
	width: 14px; height: 14px;
}

.styled-radio [type="radio"]:not(:checked) + label:before,
.styled-radio [type="radio"]:checked + label:before {
	top: 1px; left: 2px;
	width: 10px; height: 10px;
	border-radius: 50%;
}

/* checked */
.styled-checkbox [type="checkbox"]:not(:checked) + label:after,
.styled-checkbox [type="checkbox"]:checked + label:after,
.styled-radio [type="radio"]:not(:checked) + label:after,
.styled-radio [type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	transition: all .2s;
}

.styled-checkbox [type="checkbox"]:not(:checked) + label:after,
.styled-checkbox [type="checkbox"]:checked + label:after {
	top: 2px; left: 3px;
	width: 10px; height: 10px;
	background: url(/images/icn-checkbox-tick.png) no-repeat center center;
}

.styled-radio [type="radio"]:not(:checked) + label:after,
.styled-radio [type="radio"]:checked + label:after {
	top: 4px; left: 5px;
	width: 6px; height: 6px;
	background: #008ccb; 
	border-radius: 50%;
}

.styled-checkbox [type="checkbox"]:not(:checked) + label:after,
.styled-radio [type="radio"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}

.styled-checkbox [type="checkbox"]:checked + label:after,
.styled-radio [type="radio"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}

/* disabled */
.styled-checkbox [type="checkbox"]:disabled:not(:checked) + label,
.styled-checkbox [type="checkbox"]:disabled:checked + label,
.styled-radio [type="radio"]:disabled:not(:checked) + label,
.styled-radio [type="radio"]:disabled:checked + label {
	cursor: auto;
}

.styled-checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
.styled-checkbox [type="checkbox"]:disabled:checked + label:before,
.styled-radio [type="radio"]:disabled:not(:checked) + label:before,
.styled-radio [type="radio"]:disabled:checked + label:before {
	border-color: #bbb;
	background-color: #ddd;
}

.styled-checkbox [type="checkbox"]:disabled:checked + label:after {
	background-image: url(/images/icn-checkbox-tick-disabled.png);
}

.styled-radio [type="radio"]:disabled:checked + label:after {
	background-color: #999;
}

.styled-checkbox [type="checkbox"]:disabled + label,
.styled-radio [type="radio"]:disabled + label {
	color: #aaa;
}	

.styled-checkbox [type="checkbox"]:disabled + label:hover:before,
.styled-radio [type="radio"]:disabled + label:hover:before {
	border-color: #bbb !important;
}

/* accessibility */
.styled-checkbox [type="checkbox"]:checked:focus + label:before,
.styled-checkbox [type="checkbox"]:not(:checked):focus + label:before,
.styled-radio [type="radio"]:checked:focus + label:before,
.styled-radio [type="radio"]:not(:checked):focus + label:before {
	border: 1px dotted blue;
}

/* hover */
.styled-checkbox label:hover:before,
.styled-radio label:hover:before {
	border: 1px solid #4778d9 !important;
}

/* --- vertical align (.valign > .valign-inner > span) --- */
.valign {
	display: table;
	border-collapse: collapse;
	width: 100%; /*add height to parent*/
	height: 100%;
}

.valign-inner {
	display: table-cell;	
	vertical-align: middle;
}

/* Requests */
.page-overlay{
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	background: rgba(0,0,0,0.5);
	z-index: 999;
}

.page-overlay-inner{
	position: fixed;
	top: 20%;left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff; 
	padding: 25px;
	z-index: 1000;
	width: 80%;
	max-width: 350px;
	border-radius: 3px;
	text-align: center;
}

.page-overlay-inner h2{
	margin-top: 0;
}

.page-overlay-inner p{
	margin: 4px 0 24px;
	line-height: 18px;
}

.page-overlay-inner .btns span{
	display: inline-block;
	cursor: pointer;
	transition: .3s ease;
	margin-right: 8px;
	float: left;
}

.page-overlay-inner #close-cancel{
	background: #6c6c6c;
	float: right;
}

.page-overlay-inner #close-cancel:hover{
	background: #616161;
}

.studio_span {
	cursor: pointer;
	padding-right: 10px;
	margin-right: 5px;
}
	
.arrow-right_chris {
	float: right;
	margin-top: 4px;
	margin-left: -5px;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid black;
}

.arrow-down_chris {
	float: right;
	margin-top: 6px;
	margin-left: -10px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
}

.panel-header-request-actions {
	float: right;
	font-size: 0;
}

.panel-header-request-actions div.btn-close-request,
.panel-header-request-actions div.btn-place-hold{
	transition: .3s ease;
	cursor: pointer;
}

.panel-header-request-actions .btn-close-request,
.panel-header-request-actions .btn-place-hold {
	background: #404040;
	margin-right: 10px;
	float: none;
	display: inline-block;
}

.panel-header-request-actions .btn-close-request:hover,
.panel-header-request-actions .btn-place-hold:hover {
	background: #262626;	
}

.panel-header-request-actions-pull {
	position: absolute;	
	right: 2.5%;
	padding: 0;
	top: 10px;
	border: 0;
	opacity: 0.5;
	display: none;
}

.panel-header-request-actions-pull:hover {
	border: 0;
	opacity: 1;
}

.panel-header-request-actions-pull img {
	margin: 13px 9px;
}

.request-summary-section-cont {
	max-width: 775px;
}

.request-summary-section-cont-inner {
	margin-right: -10px;
	display: flex;
    flex-wrap: wrap;
}

.request-summary-section {
	width: 30%;
	display: flex;
    flex-direction: column;
}

.request-summary-section-wide {
	width: 35%;
}

.request-summary-section-top {
	font-size: 11px;
	overflow: hidden;
}

.request-summary-section-top span:first-child {
	float: left;
}

.request-summary-section-top span:last-child {
	float: right;
}

.request-summary-section-bottom {
	font-size: 11px;
	text-transform: none;
	line-height: 18px;
	padding: 7px;
	overflow: visible;
	flex: 1;
}

.request-summary-section-left,
.request-summary-section-right {
	position: relative;
}

.request-summary-section-left {
	float: left;	
}

.request-summary-section-right {
	float: right;	
}

.request-summary-section-left .timecharge-tooltip {
	top: 100%;
	left: 5px;
	font-weight: normal;
	width: 180px;
}

.request-summary-section-left:hover .timecharge-tooltip {
	display: block;
}

.request-summary-section-narrow .request-summary-section-bottom {
	padding: 0;	
}

.request-summary-section-left,
.request-summary-section-right {
	padding: 7px;	
}

.request-summary-section-right .charge-tooltip {
	width: 350px;
	transform: translateX(-50%);
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	background: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 2px;
	color: #2d2d2d;
	position: absolute;
	top: 100%;
	left: 50%;
	display: none;
	z-index: 1;
}

.request-summary-section-right .charge-tooltip::before,
.request-summary-section-right .charge-tooltip::after {
	content: '';
	border: 5px solid transparent;
	position: absolute;
	bottom: 100%;
	left: 50%;
}

.request-summary-section-right .charge-tooltip::before {
	margin: 0 0 0 -5px;
	border-bottom-color: #cdcdcd;	
}

.request-summary-section-right .charge-tooltip::after {
	margin: 0 0 -1px -5px;
	border-bottom-color: #fff;
}

.request-summary-section-right .charge-tooltip .request-billing {
	width: 100%;	
}

.request-summary-section-right .charge-tooltip .request-billing-info {
	white-space: normal;	
}

.request-summary-section-right:hover .charge-tooltip {
	display: block;
}

.request-summary-section-bottom input {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 11px;
	height: 18px;
	padding: 0;
	float: right;
}

.request-summary-section-bottom .play,
.request-summary-section-bottom .pause {
	padding-right: 10px;
}

.request-summary-section-bottom .play {
	background: url(/images/icn_play.png) right 5px no-repeat;
}

.request-summary-section-bottom .pause {
	background: url(/images/icn_pause.png) right 5px no-repeat;	
}

.timecharge-tooltip {
	padding: 8px 8px 6px;
	background: #e0e0e0;
	border-radius: 2px;
	color: #2d2d2d;
	position: absolute;
	width: 220px;
	text-indent: 0;
	font-family: 'Open Sans', sans-serif;
	display: none;
}

.timecharge-tooltip::before {
	content: '';
	border: 5px solid transparent;
	border-bottom-color: #e0e0e0;
	position: absolute;
	bottom: 100%;
	left: 8px;
}

.timecharge-tooltip__top {
	font-size: 11px;
	line-height: 16px;
}

.timecharge-tooltip__top em {
	display: block;	
	color: #656565;
}

.timecharge-tooltip__base {
	font-size: 14px;	
	padding-top: 5px;
}

.timecharge-tooltip__base span {
	font-size: 12px;	
}

.timecharge-bar__scale .timecharge-tooltip {
	top: 100%;
	left: 10px;
	margin-top: 5px;
}

.timecharge-bar__scale:hover .timecharge-tooltip {
	display: block;
}

.new-request-bottom {
	max-width: 920px;
}

.request-priority {
	width: 59%;	
}

.request-billing {
	width: 38%;
}

.request-opt {
	font-size: 11px;
}

#b_ling_standard {
/*	width: 60%;		*/
	width: 40%;
}

#b_ling_standard .request-opt-inner span,
#b_ling_quote .request-opt-inner span {
	padding-right: 12px;
}

#b_ling_standard .request-opt-inner span {
	padding-right: 0;
/*	background: url(/images/icn_play.png) right center no-repeat;*/
}

#b_ling_standard.sel .request-opt-inner span {
/*	background-image: url(/images/icn_play_white.png);*/
}

#b_ling_standard.disabled .request-opt-inner span {
	background-image: url(/images/icn_play_grey.png);	
}

#b_ling_quote {
	width: 40%;	
}

#b_ling_quote .request-opt-inner span {
	background: url(/images/icn_pause.png) right center no-repeat;
}

#b_ling_quote.sel .request-opt-inner span {
	background-image: url(/images/icn_pause_white.png);
}

#b_ling_quote.disabled .request-opt-inner span {
	background-image: url(/images/icn_pause_grey.png);	
}

.new-request-section-nopad {
	padding-bottom: 0;
}
	
.btn-extreme {
	background: #cd1b30;	
	width: auto;
	margin: 0;
	padding: 0 10px;
}

.btn-extreme:hover {
	background: #9e1525;
}

/*reset page*/
.page-reset {
	margin: 0 -30px -40px -38px;
}

/* VOIP Panel */
.system-designer-page {
	background: #fff;
	min-height: 0;
}

.system-designer-page #header,
.system-designer-page #sidebar {
	display: none;	
}

.system-designer-page .content_main_margin {
	margin-left: 38px;
}

.voip-panel-cont {
	position: relative;
}

.voip-panel-sidebar { 
	width: 195px;	
	position: absolute;
	top: 0; right: 0; bottom: 0;
	background: #F3F3F3;
	z-index: 100;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;  
}

.voip-panel-sb-header {
	height: 30px;
	padding: 35px 24px 15px;
	font-family: 'Lato', sans-serif;
}

.voip-panel-sb-title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}

.voip-panel-sb-subtitle {
	font-size: 11px;
	color: #757575;
}

.voip-panel-sb-content {
	position: absolute;
	top: 80px; right: 0; bottom: 0; left: 0;
}

.voip_pal {
	width: 100%;
	height: 100%;	
}

.voip_system,
.voip_pal {
	text-align: center;
}

.voip-panel {
	margin-right: 195px;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none;  
}

.voip-panel.draft {
	box-shadow: inset 0px 0px 5px 2px #ff0;
}

.voip-panel.live {
	box-shadow: inset 0px 0px 5px 2px #8ce196;
}

.voip-panel-draft-msg,
.voip-panel-live-msg {
    padding: 10px 12px;
    font-size: 13px;
    line-height: 18px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 100;
    transform: translateX(-50%);
    max-width: 75%;
    background: rgba(255, 255, 0, 0.5);
    border-radius: 0 0 5px 5px;
	margin-left: -98px;
}

.voip-panel-live-msg {
	background: rgba(140, 225, 150, 0.5);
}

.voip-panel-message {
	padding: 10px;
	background: #cd1b30;
	margin-bottom: 20px;
	color: #fff;
	text-align: center;
}

.voip-panel-header {
	padding: 26px 28px;	
}

.voip-panel-footer {
	padding: 20px 0 0;	
}

.voip-panel-company {
	float: left;	
}

.voip-panel-company .voip-select,
.voip-panel-company .voip-select-lock {
	width: 260px;
}

.voip-panel-company .voip-select {
	font-size: 13px;
}

.voip-panel-company .voip-select-lock {
	font-size: 16px;
	font-weight: 600;
}

.voip-feat-dropdowns .voip-select,
.voip-feat-dropdowns .voip-select-lock,
.crm-filters .voip-select {
	width: 180px;
	font-size: 13px;
}

.crm-dash .crm-filters {
	/* margin-bottom: 12px;
	
	display: flex;
	align-items: center; */
}

.voip-panel-buttons {
	float: right;	
}

.voip-panel-buttons {
	background: #008ccb;
	padding-left: 10px;
}

.link-button {
	display: inline;
	padding: 0;
	border: 0;
	border-bottom: 1px solid transparent;
	background: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #008ccb;
	cursor: pointer;
	transition: color .25s, border-color .25s;
}

.link-button:hover {
	color: #007eb6;
	border-color: #007eb6;
}

.voip-btn {
	height: 37px;
	padding: 0 15px;
	border: 0;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	background: #008ccb;
	-webkit-transition: color .25s, background-color .25s;
	-moz-transition: color .25s, background-color .25s;
	-o-transition: color .25s, background-color .25s;
	-ms-transition: color .25s, background-color .25s;
	transition: color .25s, background-color .25s;
}

.voip-btn-link {
	line-height: 37px;
	display: inline-block;
}

a.voip-btn-link:hover {
	border: 0;
	color: #fff;
}

.btn.voip-btn:hover {
    color: #fff;
}

.voip-btn:disabled,
.voip-btn:disabled:hover {
	background: #c2c2c2;
	color: #e8e8e8;
	cursor: default;
    opacity: .7;
}

.voip-btn:hover {
	background: #007eb6;
}

.voip-btn-secondary {
	background: #6c6c6c;
}

.voip-btn-secondary:hover {
	background: #616161;
}

.voip-btn-plain,
.voip-btn-plain:hover {
	border: 1px solid #9b9b9b;	
	background: #f3f3f3;
	color: #333;
	padding: 0 10px;
}

.voip-btn-plain:hover {
	background: #e6e6e6;
}

.voip-overlay .voip-overlay-buttons .voip-btn-delete {
	float: right;
}

.voip-overlay input::-webkit-input-placeholder {
	color: #b5b3b5;
	opacity: 1;
}

.voip-overlay input:-ms-input-placeholder {
	color: #b5b3b5;
	opacity: 1;
}

.voip-overlay input::-moz-placeholder {
	color: #b5b3b5;
	opacity: 1;
}

.voip-overlay input:-moz-placeholder {
	color: #b5b3b5;
	opacity: 1;
}

/*.voip-btn-delete {
	background: #b3b3b3;
}

.voip-btn-delete:hover {
	background: #e01c3b;
}*/

.voip-btn-delete,
input.voip-btn-delete {
	border: 1px solid #e01c3b;
	background: #fff;
	color: #ff0000;
	box-sizing: border-box;
}

.voip-btn-delete:hover,
input.voip-btn-delete:hover {
	border: 1px solid #e01c3b;
	background: #e01c3b;
	color: #fff;
}

.voip-btn-delete:disabled,
input.voip-btn-delete:disabled {
	border: 0;
}

.voip-overlay-buttons .voip-btn-delete {
	padding: 0;
	background: #b3b3b3;
	border: 0;
	color: #fff;
}

.voip-overlay-buttons .voip-btn-delete:hover {
	background: #e01c3b;
}
										
.voip-overlay-buttons .voip-btn-delete span {
	display: block;
	float: left;
	height: 36px;
	line-height: 37px;
	padding: 0;
	text-indent: -9999px;
}

.voip-overlay-buttons .voip-btn-delete span:after {
	content: '';
	background: url(/images/icn-bin.png) no-repeat center;
	display: block;
	float: right;
	height: 36px;
	width: 40px;
}

.voip-overlay-buttons .voip-btn-delete:hover span {
	padding-left: 12px;
	text-indent: 0;
}

.voip-panel-buttons .voip-btn,
.voip-overlay-buttons .voip-btn {
	float: left;
	margin-right: 5px;
	height: 36px;
}

.voip-panel-buttons .voip-btn {
	padding: 0 13px;
}

.voip-panel-buttons .voip-btn:last-child,
.voip-overlay-buttons .voip-btn:last-child {
	margin: 0;
}

.voip-panel-buttons .voip-btn-secondary {
	background: #007eb6;
}

.voip-panel-buttons .voip-btn-secondary:hover {
	background: #0575af;
}

.voip-btn-split {
	float: right;
}

.voip-panel-buttons {
	margin-top: -54px;
	margin-right: -168px;
}

.voip-panel-buttons .voip-help {
	color: #fff;
	border: 0;
}

.voip-panel-buttons .voip-help:hover {
	opacity: .8;
}

.voip-panel-buttons .voip-btn {
	background: #00618d;
}

.voip-panel-buttons .voip-btn:hover{
	background: #005075;	
}

.voip-panel-buttons .voip-btn-secondary {
	background: #007eb6;
}

.voip-panel-buttons .voip-btn-secondary:hover{
	background: #0575af;	
}

.voip-panel-content {
	position: relative;
}

.voip-panel-zoom {
	position: absolute;
	width: 55px; 
	height: 25px;
	bottom: 10px;
	right: 208px; 
	z-index: 100;
	display: none;
}

.voip-panel-zoom.open {
	display: block;
}

.voip-panel-zoom-btn {
	width: 25px; 
	height: 25px;
	box-sizing: border-box;
	background: #F3F3F3; 
	border: 1px solid #989898; 
	float: right; 
	text-align: center; 
	font-size: 18px; 
	cursor: pointer;
	line-height: 20px;
	color: #333;
}

.voip-panel-zoom-btn:first-child {
	float: left;	
}

.voip-panel-zoom-btn:last-child {
	line-height: 23px;
}

#voip_system {
	width: 100%; 
	height: 100%;
}

.voip-overlay,
.voip-modal,
.voip-busy,
.crm-overlay {
	display: none;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 999;
	min-width: 320px;
	text-align: center;
	background: rgba(0, 0, 0, .25);
}

.voip-overlay,
.voip-modal,
.crm-overlay {	
	background: rgba(0, 0, 0, .56);
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.voip-modal:before,
.voip-busy:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
	margin-right: -0.25em;
}

.voip-overlay-table,
.crm-overlay-table {
	display: table;
	width: 100%;
	height: 100%;
}

.voip-overlay-center,
.crm-overlay-center {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 100%;
}

.voip-overlay-inner,
.voip-modal-inner,
.crm-overlay-inner {
	width: 90%;
	max-width: 570px;
	margin: 30px 0;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.voip-overlay-drag {
	position: absolute;
	margin: 0;
}

.voip-overlay-draggable .voip-overlay-header {
	cursor: move;	
}

.voip-modal-confirm .voip-modal-inner,
.voip-modal-mini .voip-modal-inner {
	max-width: 390px;
}

.voip-modal-confirm .voip-modal-content {
	border-radius: 0 0 3px 3px;
}

.voip-modal-inner-large {
	max-width: 790px;
}

.crm-overlay-inner {
	max-width: 1200px;
}

.voip-overlay-load,
.voip-modal-load,
.crm-overlay-load {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px -15px 0 0;
	display: none;	
}

.voip-modal-header,
.voip-overlay-header,
.voip-overlay-content,
.voip-modal-content {
	font-family: 'Lato', sans-serif;
}

.voip-modal-header,
.voip-overlay-header {
	padding: 15px 19px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border-radius: 3px 3px 0 0;
	background-position: right 12px center;
	background-repeat: no-repeat;
}

.voip-overlay-header {
    background-position: 12px center;
    padding-left: 55px;
}

.voip-overlay-header-confirm {
	padding-left: 19px;
}

.voip-overlay-header {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.voip-overlay-header-inbound {
	/* background-image: url(/images/voip_designer/voip_cfg_number_v2.jpg); */
	background-image: url(/images/voip_designer/svg/number.svg);
	background-color: #1c54d5;

	background-size: 21px;
	background-position: 19px center;
}

.voip-overlay-header-extn {
	/* background-image: url(/images/voip_designer/voip_cfg_extn_v2.jpg); */
	background-image: url(/images/voip_designer/svg/userext.svg);
	background-color: #511ac1;

	background-size: 24px 21px;
	background-position: 19px center;
}

.voip-overlay-header-dept {
	/* background-image: url(/images/voip_designer/voip_cfg_dept.jpg); */
	background-image: url(/images/voip_designer/svg/department.svg);
	/* background-position: right 17px center; */
	background-position: 17px center;
	padding-left: 65px;
	background-color: #60289A;	

	background-size: 32px 21px;
	background-position: 19px center;
}

.voip-overlay-header-group {
	/* background-image: url(/images/voip_designer/voip_cfg_group_v3.jpg); */
	background-image: url(/images/voip_designer/svg/ringroup.svg);
	/* background-position: right 17px center; */
	background-color: #830dfd;	

	background-size: 24px 23px;
	background-position: 17px center;
}

.voip-overlay-header-queue {
	/* background-image: url(/images/voip_designer/voip_cfg_queue_v3.jpg); */
	background-image: url(/images/voip_designer/svg/queue.svg);
	/* background-position: right 17px center; */
	background-position: 17px center;
	padding-left: 65px;
	background-color: #7f37C9;	

	background-size: 32px 9px;
	background-position: 19px center;
}

.voip-overlay-header-ivr {
	/* background-image: url(/images/voip_designer/voip_cfg_prompt_v3.jpg); */
	background-image: url(/images/voip_designer/svg/prompt.svg);
	background-color: #1D6673;

	background-size: 24px 23px;
	background-position: 18px center;
}

.voip-overlay-header-time {
	/* background-image: url(/images/voip_designer/voip_cfg_time_v4.jpg); */
	background-image: url(/images/voip_designer/svg/timedrules.svg);
	background-color: #59b569;

	background-size: 26px;
	background-position: 17px center;
}

.voip-overlay-header-switch {
	/* background-image: url(/images/voip_designer/voip_cfg_switch.jpg); */
	background-image: url(/images/voip_designer/svg/switch.svg);
	background-color: #499e58;

	background-size: 26px 12px;
	background-position: 17px center;
}

.voip-overlay-header-switch.off {
	/* background-image: url(/images/voip_designer/voip_cfg_switch_off.jpg); */
	background-image: url(/images/voip_designer/svg/switch_off.svg);
}

.voip-overlay-header-filter {
	/* background-image: url(/images/voip_designer/voip_cfg_filter.jpg); */
	background-image: url(/images/voip_designer/svg/filter.svg);
	background-color: #1a8841;

	background-size: 26px 22px;
	background-position: 17px center;
}

.voip-overlay-header-event {
	/* background-image: url(/images/voip_designer/voip_cfg_eventapi.jpg); */
	background-image: url(/images/voip_designer/svg/event.svg);
	background-color: #008dc9;

	background-size: 22px 25px;
	background-position: 17px center;
}

.voip-overlay-header-intersys {
	/* background-image: url(/images/voip_designer/voip_cfg_eventapi.jpg); */
	background-image: url(/images/voip_designer/svg/interconnect2.svg);
	background-color: #C14E00;

	background-size: 30px 9px;
	background-position: 17px center;
}

.voip-overlay-header-answer {
	/* background-image: url(/images/voip_designer/voip_cfg_voicemail_v2.jpg); */
	background-image: url(/images/voip_designer/svg/voicemail.svg);
	/* background-position: right 17px center; */
	background-position: 17px center;
	padding-left: 65px;
	background-color: #BB27BD;

	background-size: 30px 13px;
	background-position: 20px center;
}

.voip-overlay-header-message {
	/* background-image: url(/images/voip_designer/voip_cfg_message_v3.jpg); */
	background-image: url(/images/voip_designer/svg/announcement.svg);
	background-color: #149E9C;	

	background-size: 24px 23px;
	background-position: 18px center;
}

.voip-overlay-header-endcall {
	/* background-image: url(/images/voip_designer/voip_cfg_end.jpg); */
	background-image: url(/images/voip_designer/svg/endcall.svg);
	background-color: #C11A1A;

	background-size: 25px 10px;
	background-position: 17px center;
}

.voip-overlay-header-note {
	/* background-image: url(/images/voip_designer/voip_cfg_note_v2.jpg); */
	background-image: url(/images/voip_designer/svg/note.svg);
	background-color: #808080;

	background-size: 22px 22px;
	background-position: 19px center;
}

.voip-overlay-header-forward {
	/* background-image: url(/images/voip_designer/voip_cfg_forward_v2.jpg); */
	background-image: url(/images/voip_designer/svg/extuserdivert.svg);
	background-position: 17px center;
	padding-left: 65px;
	background-color: #E76E16;

	background-size: 33px 19px;
	background-position: 18px center;
}

.voip-overlay-header #close_button,
.voip-overlay-header .close_button,
.voip-overlay-header #confirm_close {
    float: right;
    cursor: pointer;
    padding: 5px;
    margin: -5px;
	line-height: 17px;
	font-size: 18px;

    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -o-transition: opacity .25s;
    -ms-transition: opacity .25s;
    transition: opacity .25s;
}

.voip-overlay-header #close_button:hover,
.voip-overlay-header .close_button:hover,
.voip-overlay-header #confirm_close:hover {
    opacity: 0.8;
}

.voip-modal-confirm .voip-modal-header,
.voip-overlay-header-confirm {
	background: #000;
}

.voip-overlay-content,
.voip-modal-content {
	padding: 15px;
	font-size: 13px;
	background: #fff;
	border-radius: 0 0 3px 3px;
	position: relative;
}

.voip-overlay-content {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.voip-overlay-content #trial_row td:last-child,
.voip-overlay-content #extension_no {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.voip-modal-content {
	padding: 20px;
	border-radius: 3px;	
}

.voip-modal-content iframe {
	width: 100%;
	border: 0;
}

.voip-overlay table,
.voip-register-number table {
	border-collapse: collapse;
	table-layout:fixed;
}

.voip-overlay td {
	padding: 7px 14px;
}

.voip-register-number td {
	padding: 7px 0 7px 14px;
}

.voip-overlay .voip-overlay-label {
	padding-right: 0;
}

.voip-register-number .voip-overlay-label {
	width: 62px;
	padding-left: 0;
	text-align: left;
}

.voip-overlay .voip-overlay-label-top,
.voip-register-number .voip-overlay-label-top {
    vertical-align: top;
	padding-top: 18px;
}

.voip-overlay .voip-overlay-label-top-radio,
.voip-register-number .voip-overlay-label-top-radio {
    vertical-align: top;
	padding-top: 10px;
}

.voip-overlay-more-info {
	display: block;
}

.voip-overlay-inline-radio .styled-radio,
.voip-moh-item-inline-radio .styled-radio,
.inline-radio-container .styled-radio {
	float: left;
	margin-right: 25px;
	padding: 3px 0;
}

.voip-overlay-spaced-radio .styled-radio {
	width: 70px;
	margin: 0;
}

.voip-overlay-header-queue ~ .voip-overlay-content .voip-overlay-spaced-radio .styled-radio {
	width: 80px;
}

.voip-overlay-header-queue ~ .voip-overlay-content .voip-overlay-spaced-radio .styled-radio:nth-child(2),
.voip-overlay-spaced-radio .styled-radio:nth-child(2) {
	width: 95px;
}

.voip-overlay-header-queue ~ .voip-overlay-content .voip-overlay-spaced-radio .styled-radio:nth-child(3),
.voip-overlay-spaced-radio .styled-radio:nth-child(3) {
	width: 125px;
}

.voip-overlay-label,
.voip-overlay-time-label {
	text-align: right;
	width: 88px;
}

.voip-overlay-label a {
	font-size: 12px;
	color: #818181;
}

.voip-overlay-label a:hover {
	border-color: #818181;	
}

.voip-overlay-switch .voip-switch {
	width: auto; 
	float: left;
	margin: 0;
}

.voip-overlay-switch > label {
	float: left;
	padding-left: 5px;
	line-height: 20px;
}

.voip-select,
.voip-select-lock,
.voip-overlay select,
.voip-overlay textarea,
.voip-overlay input[type="text"] {
	border: 1px solid #9b9b9b;
	width: 100%;
	box-sizing: border-box;
	color: #333;
}

.voip-select,
.voip-select-lock {
	height: 36px;
}

.voip-overlay select,
.voip-overlay textarea,
.voip-overlay input[type="text"]  {
	height: 37px;
}

.voip-overlay .input-spinner {
	border-color: #9b9b9b;
	width: 60px;
}

.voip-overlay .input-spinner input[type="text"] {
	border: 0;
}

.voip-overlay select,
.voip-overlay textarea,
.voip-overlay input[type="text"] {
	font-size: 13px;
	font-family: 'Lato', sans-serif;
}

.voip-overlay input[type="text"] {
	padding-left: 8px;
	padding-right: 8px;
}

.voip-overlay textarea {
	width: 100%;
	box-sizing: border-box;
	display: block;
	height: 150px;
	border: 1px solid #9b9b9b;
	padding: 8px;
}

#voip_layer_register .voip-overlay-inner {
	max-width: 495px;
}

#voip_layer_register .voip-overlay-content {
	padding: 15px;
}

#voip_layer_register .voip-overlay-label {
	width: 62px;
}

#voip_layer_confirm {
	z-index: 1001;
}

#voip_layer_confirm .voip-overlay-inner {
    max-width: 390px;
}

#voip_layer_confirm .voip-overlay-content {
	padding: 22px 20px;
}

.voip-confirm-content {
	padding-bottom: 20px;	
}

.voip-confirm-content h3 {
	margin: 10px 0; 	
}

.voip-confirm-content h3:first-child {
	margin-top: 0;	
}

.voip-confirm-content span {
	color: #818181;
	display: block;
	font-size: 12px;
}

.voip-confirm-btns {
	overflow: hidden;
}

.voip-confirm-btns .voip-btn {
	float: left;
	margin-right: 5px;
}

.voip-overlay-number,
.voip-overlay-department {
	margin-right: -126px;
	float: left;
	width: 100%;
}

.voip-overlay-department {
	margin-right: -150px;
}

.voip-overlay-number-inner {
	margin-right: 126px;
}

.voip-overlay-department-inner {
	margin-right: 150px;
}

.voip-overlay-number-cont .voip-btn,
.voip-overlay-department-cont .voip-btn {
	float: right;	
}

.voip-overlay-number-empty {
	border: 1px solid #9b9b9b;
	padding: 0 5px;
    border-radius: 2px;
	color: #999;
	line-height: 35px;
}

.voip-select-lock {
	line-height: 37px;
	height: 36px;
	border: 0;
	/*padding-left: 10px;*/
	overflow: hidden;
	text-align: left;
}

.voip-select-lock span {
	padding-left: 5px;	
	font-size: 12px;
	font-weight: normal;
	color: #818181;
	cursor: pointer;
}

.panel-header-filter .voip-select-lock,
.panel-header-filter .voip-select-lock span {
	color: #fff;
}

.voip-select-cont {
	float: left;	
}

.voip-help {
	float: left;
	margin: 10px 20px 9px 0;
}

.voip-overlay-upload,
.voip-overlay-lookup,
.voip-overlay-play {
	overflow: hidden;
	margin-right: -90px;
	width: 100%;	
	float: left;
}

.voip-overlay-play {
	margin-right: -50px;	
}

.voip-overlay-lookup {
	margin-right: -160px;	
}

.voip-overlay-play-inner {
	margin-right: 50px;	
}

.voip-overlay-upload-inner{
	margin-right: 90px;	
}

.voip-overlay-lookup-inner {
	margin-right: 160px;	
}

#numberlist-cont,
#numbermsg-cont {
	margin-top: 7px;
}

#numberlist {
	height: 140px;
	padding: 4px 6px;
}

#numberlist option {
	padding: 0;
	margin: 2px 0;
}

.mobile #numberlist {
	height: 37px;
}

/* Maintain full height on firefox mobile as it look better */
.firefox #numberlist {
	height: 150px;
}

/* Add margin below options in firefox as it doesn't respect the bottom padding */
.firefox #numberlist option {
	margin: 0 0 4px;
}

#numbermsg-cont {
	color: #a00000;	
}

#numbersearch-cont {
	position: relative;	
}

#numbersearch-cont .spinner {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -15px 5px 0 0;
	background: #fff url(/images/spinner.gif) no-repeat;
}

.voip-change-num {
	color: #818181;
	float: right;
	cursor: pointer;
	font-size: 12px;
}

.voip-overlay-upload .file-input-wrapper-outer {
    border: 1px solid #9b9b9b;
}

.voip-overlay-upload .file-input-wrapper {
	min-width: 0;	
}

.voip-overlay-upload .file-input-btn {
	width: 112px;	
	height: 37px;
	line-height: 37px;
	background: #008ccb;
}

.voip-overlay-upload .file-input-btn:hover {
	background: #007eb6;	
}

.voip-overlay-upload .file-input-chosen {
    padding: 0;
	line-height: 37px;
}

.voip-overlay .voip-btn-upload,
.voip-overlay .voip-btn-play {
   	float: right;
	width: 82px;
}

.voip-overlay .voip-btn-play {
	width: 40px;
	text-indent: -9999px;
	background-image: url(/images/icn-voip-play.png);
	background-repeat: no-repeat;
	background-position: center;
}

.voip-btn-play.playing {
	background-image: url(/images/icn-voip-stop.png);
}

.voip-overlay-note,
.voip-overlay-note-input {
	overflow: hidden;
}

.voip-overlay-note-unit {
	float: right;	
	height: 37px;
	padding-left: 7px;
}

.voip-overlay-message {
	padding: 7px 14px 14px;
	margin: 0;
}

.voip-register-number .voip-overlay-message {
	padding: 0 0 14px;
}

.voip-overlay .voip-overlay-message .voip-overlay-info {
	padding-top: 4px;
}

.voip-overlay-section {
	background: #dff0d8;
	border: 1px solid #d6e9c6;
	border-radius: 2px;
	padding: 7px 14px;
	margin: 0 -14px;
	position:  relative;
}

.voip-overlay-section.inverted {
	background: #f2dede;
	border-color: #ebccd1;
}
	
.voip-overlay-remove {
	position: absolute;
	top: 10px;
	right: 12px;
	cursor: pointer;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
	display: none;
}
	
.voip-overlay-remove:hover {
	opacity: .6;
}

.voip-overlay-time {
	overflow: hidden;	
	padding: 7px 0;
}

.voip-overlay-time-label {
	float: left;
	height: 37px;
	padding-right: 14px;
}

.voip-overlay-time-label-radio {
	height: 26px;	
}

.voip-overlay-time-input,
.voip-overlay-time-input-range,
.voip-overlay-time-input-cols {
	overflow: hidden;
}

.voip-overlay-time-input-cols {
	/* max-width: 195px; */
	max-width: 230px;
	text-align: center;
}

.voip-overlay-time-input-cols span {
	line-height: 37px;
}

.voip-overlay-time-input {
	text-align: left;
}

.voip-overlay-time-input-range .voip-overlay-time-input {
	width: 46%;
	float: left;
}

.voip-overlay-time-input-cols .voip-overlay-time-input {
	width: 45%;
	float: left;
}

.voip-overlay-time-input-cols .voip-overlay-time-input:last-child {
	float: right;	
}

.voip-overlay-time-input-separator {
	float: left;
	width: 8%;	
	line-height: 37px;
	text-align: center;
}

.voip-overlay-time-input-radio .styled-radio {
	float: left;
	margin-right: 25px;
	padding: 5px 0;
}

.voip-overlay-time-expand-inner,
.voip-overlay-time-date {
	display: none;	
}

.voip-overlay-time-header {
	padding: 5px 0 0;
}

.voip-overlay-time-header .voip-overlay-time-label,
.voip-overlay-time-expand-btn .voip-overlay-time-label {
	height: auto;
}

.voip-overlay-time-expand-btn .voip-overlay-time-input span {
	cursor: pointer;
}

.voip-overlay .voip-btn-add,
.voip-port-section__buttons .voip-btn-add,
.voip-port-number__buttons .voip-btn-remove,
.crm-contact-numbers .voip-btn-add,
.voip-admin-configure .voip-btn-add,
.voip-dash__schedule-sidebar .voip-btn-add {
	display: inline-block;
	font-size: 11px;
	width: auto;
	line-height: 28px;
    height: 28px;
}

.voip-overlay .voip-btn-add,
.voip-port-section__buttons .voip-btn-add,
.crm-contact-numbers .voip-btn-add,
.voip-admin-configure .voip-btn-add {
	padding-left: 30px;
    background-image: url(/images/icn-btn-plus-black.png);
	background-position: 11px center;
	background-repeat: no-repeat;
}

.voip-overlay .voip-overlay-buttons,
.voip-register-number .voip-overlay-buttons {
	padding-top: 21px;	
}

.voip-overlay-device-cont {
	overflow: hidden;
	padding: 7px 0 0;
	margin-right: -14px;
}

.voip-history-table .voip-history-tbl-col-arrow .mobile-only,
.voip-voicemail-table .voip-voicemail-tbl-col-arrow .mobile-only {
	display: none;
}

.voip-overlay-device {
	width: 33.333%;
	float: left;	
	padding-right: 14px;
	box-sizing: border-box;
	position: relative;
}
	
.voip-overlay-device [type="radio"]:not(:checked),
.voip-overlay-device [type="radio"]:checked {
	position: absolute;
	left: -9999px;
}

.voip-overlay-device [type="radio"]:not(:checked) + label,
.voip-overlay-device [type="radio"]:checked + label {
	display: block;
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 3px;
	padding: 10px;
}

.voip-overlay-device [type="radio"]:checked + label {
	border-color: #008ccb;
}

.voip-overlay-device [type="radio"]:disabled + label {
	opacity: .5;
	cursor: auto;
}

.voip-overlay-device-image {
	height: 0;
	padding-bottom: 100%;
}

.voip-overlay-device-image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.voip-overlay-device-inactive {
	font-size: 11px;
	color: #aaa;		
}

.voip-overlay-prefill {
	position: relative;
	float: left;
}

.voip-overlay-prefill-list {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	top: 100%;
	margin-top: -1px;
}

.voip-overlay-prefill-list ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 0;
	border: 1px solid #9b9b9b;
	background: #fff;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.voip-overlay-prefill-list li {
	padding: 5px 8px;
	cursor: pointer;
}

.voip-overlay-prefill-list li:hover {
	background: #5897fb;
	color: #fff;
}

.voip-moh-item-type textarea {
	width: 100%;
	box-sizing: border-box;
	display: block;
	height: 150px;
	border: 1px solid #9b9b9b;
	padding: 8px;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
}

.voip-moh-item-option {
	padding-top: 3px;
}

.voip-moh-item-option .audio-custom-option {
	width: 60%;
}

.voip-moh-item .audio-custom-cont .error, 
.voip-moh-item .audio-tts-cont .error {
	padding: 7px 10px;
	margin-bottom: 7px;
}

.audio-tts-voice {
	margin-top: 7px;
}

.audio-tts-speed {
	margin-top: 7px;
}

.voip-overlay-info,
.voip-moh-item-info {
    font-size: 11px;
    padding-top: 0;
    color: #818181;
    line-height: 12px;
}

.voip-overlay-info a {
	color: #818181;
}

.voip-overlay-info a:hover {
	border-color: #818181;
}

.voip-moh-item-info {
	padding: 7px 0 2px;
}

.voip-moh-display {
	overflow: hidden;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
	padding: 10px 8px;
	line-height: 15px;
}

.voip-moh-display a {
	float: right;
	margin-left: 10px;
	margin-bottom: -1px;
}

.voip-moh-display div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.voip-overlay .voip-overlay-info {
	padding-top: 0;	
}

#device_row_5 .voip-overlay-info div,
#device_row_6 .voip-overlay-info div {
	padding-left: 20px;
	margin-top: -2px;
}

.voip-overlay .voip-overlay-slider {
	padding: 0 14px;
}

.voip-register-number .voip-overlay-slider {
	padding: 0 0 0 14px;
}

.voip-overlay-slider-label-cont {
	float: left;
	width: 100%;
}

.voip-overlay-slider-label-cont .voip-slider-value {
	padding: 5px 0 5px 15px;
}

.voip-overlay-slider-label-cont .voip-slider-cont {
	padding: 6px 0;
}

.voip-overlay-slider-label {
	line-height: 23px;
	float: left;
}

.voip-overlay-slider-label-cont .voip-overlay-slider-small {
	margin-left: 102px;
	max-width: none;
}

.voip-overlay-slider-small {
	max-width: 308px;
}

.voip-slider-cont {
	margin-right: 120px;
	padding: 10px 0;
}

.voip-overlay-slider-small .voip-slider-cont {
	margin-right: 130px;
}

.voip-slider-value {
	float: right;
	padding: 9px 0;
	width: 105px;
	margin-left: -120px;
	text-align: left;
	padding-left: 15px;
	font-size: 12px;
}

.voip-overlay-slider-small .voip-slider-value {
	width: 115px;
	margin-left: -130px;
}

.voip-overlay-zeropad-top td,
.voip-overlay td.voip-overlay-zeropad-top {
	padding-top: 0;	
}

.voip-overlay-zeropad-bottom td,
.voip-overlay td.voip-overlay-zeropad-bottom {
	padding-bottom: 0;	
}

.voip-overlay-sectionpad-top td {
	padding-top: 14px;
}

.voip-overlay-sectionpad-bottom td,
.voip-overlay-sectionpad-bottom .voip-overlay-slider {
	padding-bottom: 14px;
}

.cid-prefix-preview-cont {	
	overflow: hidden;
}

.cid-prefix-preview-cont input[type="text"] {
	max-width: 140px;
	float: left;
	margin: 7px 10px 0 0;
	clear: both;
}

.cid-prefix-preview-cont select,
.cid-prefix-preview-cont .select2 {
	max-width: 140px;
	float: left;
	margin: 7px 10px 0 0;
}

.cid-prefix-preview {
	height: 35px;
	width: 120px;
	border: 1px solid #9b9b9b;
	border-right: 0;
	font-family: "Courier New", Courier, monospace;
	background: #b3e5fc;
	font-size: 12px;
    position: relative;
	border-radius: 2px;
	float: left;
	margin-top: 7px;
	line-height: 14px;
}

.cid-prefix-preview:after {
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    width: 30px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.cid-prefix-preview-inner {
	height: 27px;
    padding: 3px 4px;
	border: 1px solid #fff;
	border-right: 0;
	overflow: hidden;
}

.cid-prefix-preview-number {
	white-space: nowrap;	
}

.audio-custom-cont .error,
.audio-tts-cont .error {
	margin: 0 0 12px;
	padding: 12px 14px;
	display: none;
}

.audio-custom-upload,
.file-custom-upload {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.audio-custom-upload-inner,
.file-custom-upload-button {	
	float: left;
	overflow: hidden;
	line-height: 35px;
	height: 35px;
	cursor: pointer;
	border: 0;
}
  
.audio-custom-upload-inner > input[type="file"],
.file-custom-upload-button > input[type="file"] {
	font-size: 200px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
}

.audio-custom-upload-choice,
.file-custom-upload-choice {
	/*padding: 0 25px 0 10px;*/
	padding: 0 50px 0 10px;
	line-height: 35px;
	color: #333;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.audio-custom-upload-choice small {
	line-height: normal;
}

.audio-custom-upload-remove {
	position: absolute;					
	top: 8px;
	right: 4px;
	text-align: center;
	height: 19px;
	line-height: 19px;
	width: 19px;
	cursor: pointer;
	display: none;
}

.audio-custom-upload-remove:hover {
	opacity: .8;
}

.audio-custom-upload .spinner {
    position: absolute;
	height: 25px;
    width: 25px;
    top: 5px;
    right: 2px;
	background: #fff url(/images/spinner.gif) no-repeat center;
	background-size: 100%;
	z-index: 1;
}

.audio-select,
.audio-custom,
.audio-tts {
	overflow: hidden;
}

.audio-select-option,
.audio-custom-option,
.audio-tts-option {
	width: 100%;
	float: left;
	padding-right: 47px;
	box-sizing: border-box;
}

.audio-tts-option {
	position: relative;
}

.locked .audio-tts-cover,
.audio-tts-option .spinner {
	position: absolute;
	top: 1px; right: 48px; bottom: 1px; left: 1px;
}

.audio-tts-option .audio-tts-cover {
	background: rgba(255, 255, 255, 0.7);
	z-index: 1;
}

.audio-tts-option .spinner {
	background: url(/images/spinner.gif) no-repeat center;
	z-index: 2;
}

.audio-select-button,
.audio-custom-button,
.audio-tts-button {
	float: right;
	padding-left: 10px;
	margin-left: -47px;
}

.audio-tts-button {
	position: relative;
}

.audio-select select {
	height: 37px;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
}

.audio-select button,
.audio-custom button,
.audio-tts button {
	width: 37px;
	height: 37px;
	padding: 0;
	text-indent: -9999px;
	background: #f3f3f3 url(/images/icn-voip-play-black.png) no-repeat center;
	background-size: 30%;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
	cursor: pointer;
}

.audio-select button:hover,
.audio-custom button:hover,
.audio-tts button:hover {
	background-color: #e6e6e6;
}

.audio-select button.playing,
.audio-custom button.playing,
.audio-tts button.playing {
	background-image: url(/images/icn-voip-stop-black.png);
}

.audio-select button.disabled,
.audio-custom button.disabled,
.audio-tts button.disabled,
.audio-select button.disabled:hover,
.audio-custom button.disabled:hover,
.audio-tts button.disabled:hover {
	background-color: #f3f3f3;
	opacity: .5;
	cursor: auto;
}

.audio-custom-download {
	font-size: 11px;
	padding-top: 7px;
	display: none;
}

.audio-custom-download-v2 {
    position: absolute;
    top: 8px;
    right: 25px;
    text-align: center;
    height: 19px;
    line-height: 19px;
    width: 19px;
    cursor: pointer;
    padding: 0;
    border: 0;
    background: url(/images/icn-calls-download.png) no-repeat center;
    background-size: 12px;
	display: none;
}

.audio-custom-download-v2:hover {
    border: 0;
    opacity: .8;
}

.file-custom-upload-cont {
	overflow: hidden; /* needs a wrapper so the input isn't clickable outside the area */
}

.file-custom-upload {
	border-color: #cdcdcd;
	overflow: visible; /* don't limit the overflow so the button isn't cut off */
	max-width: 300px;
}

.file-custom-upload-button {
	float: right;
	overflow: hidden;
	cursor: pointer;
	border: 0;
	color: #fff;
	text-align: center;
	width: 110px;
	transition: background-color .25s;
	margin: -1px -1px -1px 10px;
	font-size: 13px;
	border-radius: 0 2px 2px 0;
	background: #6c6c6c;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
}

.voip-modal-input .file-custom-upload-button {
	height: 30px;
	line-height: 30px;
}

.file-custom-upload-button:hover {
	background: #616161;
}

.file-custom-upload-button > .file-custom-upload-text {
	display: inline-block;
}

.file-custom-upload-chosen {
	padding: 7px 0 7px 7px;
	color: #7f7f7f;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-custom-upload.invalid {
	background-color: #f2dede;
	border-color: #c27b7a;
}

.file-custom-upload.invalid .file-custom-upload-chosen {
	color: #a94442;
}

.file-custom-upload.invalid .file-custom-upload-button,
.file-custom-upload.invalid .file-custom-upload-button:hover {
	background: #a94442;
}

.voip-overlay-users-scroll {
	max-height: 158px;
	overflow-y: auto;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
	padding: 7px 9px;
	line-height: 18px;
}

.voip-overlay-department-empty {    
	border: 1px solid #9b9b9b;
	border-radius: 2px;
	padding: 7px 9px;
	line-height: 21px;
}

.voip-image-preview {
	padding: 10px 0 5px;
	overflow: hidden;
}

.voip-image-preview a {
	float: left;
	border: 1px solid #cdcdcd;
}

.voip-image-preview img {
	/* max-width: 80px; */
	max-height: 80px;
	width: auto;
	height: auto;
	float: left;
}

/* Area code selectbox */
.voip-overlay .select2-container .select2-selection--single,
.voip-overlay .select2-container--default .select2-selection--single .select2-selection__arrow,
.voip-modal .select2-container .select2-selection--single,
.voip-modal .select2-container--default .select2-selection--single .select2-selection__arrow,
.voip-moh-item .select2-container .select2-selection--single,
.voip-moh-item .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 37px;	
}

.voip-overlay .select2-container .select2-selection--single,
.voip-modal .select2-container .select2-selection--single,
.voip-moh-item .select2-container .select2-selection--single {
	border-color: #9b9b9b;
	border-radius: 2px;
}

.voip-overlay .select2-container--default .select2-selection--single .select2-selection__rendered,
.voip-modal .select2-container--default .select2-selection--single .select2-selection__rendered,
.voip-moh-item .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 37px;
	color: #333;
}

.select2-search__field::-webkit-input-placeholder {
	color: #999;
}

.select2-search__field::-moz-placeholder {
	color: #999;
}

.select2-search__field:-ms-input-placeholder {
	color: #999;
}

.select2-search__field:-moz-placeholder {
	color: #999;
}

.select2-container .voip-form-input-new {
	border-top: 1px solid #aaa;
}

select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #eee;
	box-shadow: none;
}

/* Product selectbox */
.prod-selectbox {
	position: relative;
	height: 54px;
	font-family: 'Lato', sans-serif; 
	font-size: 13px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	user-select: none;
	z-index: 10;
}

.prod-sb-wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	border-radius: 2px;
    border: 1px solid #9b9b9b;
    cursor: pointer;
	background: #fff;
}

.prod-selectbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    display: none;
	position: relative;
	max-height: 225px;
}

.prod-selectbox li,
.prod-selectbox .prod-sb-option {
    overflow: hidden;
    padding: 5px;
}

.prod-selectbox li {
    border-top: 1px solid #9b9b9b;
}

.prod-selectbox li:first-child,
.prod-selectbox li.first {
	border: 0;	
}

.prod-selectbox li.selected {
	background: #ddd;
}

.prod-selectbox li.highlighted {
    background: #008ccb;
    color: #fff;
}

.prod-selectbox li.highlighted .prod-sb-opt-subprice,
.prod-selectbox li.highlighted .prod-sb-opt-price span {
	color: #fff;
}

.prod-sb-opt-img {
	width: 32px;
	height: 32px;
    float: left;
    padding: 5px;
    background: #fff;
}

.prod-sb-opt-img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.prod-sb-opt-desc {
    overflow: hidden;
    padding: 5px 5px 5px 10px;
}

.prod-sb-opt-desc-inner {
	overflow: hidden;
	padding: 1px 0;
}

.prod-sb-opt-title,
.prod-sb-opt-price {
	font-weight: bold;	
}

.prod-sb-opt-subtitle {
	padding-top: 2px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prod-sb-opt-subprice,
.prod-sb-opt-price span {
	font-size: 12px;
	color: #818181;
}

.prod-sb-opt-subprice {
	padding-top: 17px;
}

.prod-sb-opt-price span {
	display: block;	
}

.prod-sb-opt-price {
	float: right;
	padding: 2px 0 2px 20px;	
	text-align: right;
}

.prod-sb-display {
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	box-sizing: border-box;
	border: 1px solid #9b9b9b;
	border-radius: 2px 2px 0 0;
	padding: 8px 10px;
	margin-bottom: -1px;
	z-index: 3;
	display: none;
}

.prod-sb-disp-img img {
	display: block;
	margin: 0 auto;
	max-width: 250px;
}

.prod-sb-disp-desc {
	padding-top: 16px;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
}

/* Update overlay */
.voip-update-overlay,
.voip-editing-overlay,
.voip-sip-overlay,
.voip-disabled-overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(243, 243, 243, .7);
	z-index: 110;
	text-align: center;
}

.voip-readonly-button {
	display: none;
	cursor: pointer;
	padding: 15px 20px 15px 15px;
	/* margin: 10px 0 0; */
	margin: 0 0 10px 0;
	background: rgba(255, 255, 255, .8);
	border-radius: 5px;
	font-size: 13px;
	line-height: 18px;
    border: 2px solid #e6e6e6;
	position: absolute;
	/* top: 0; */
	left: 50%;
	z-index: 100;
	transform: translateX(-50%);
	max-width: 75%;
	margin-left: -98px;
	bottom: 0;
}

.voip-readonly-button span {
	display: table-cell;
	vertical-align: middle;
}

.voip-readonly-button img {
	height: 20px;
	margin-right: 12px;
	vertical-align: top;
}

.voip-update-overlay-content,
.voip-editing-overlay-content,
.voip-sip-overlay-content,
.voip-disabled-overlay-content {
	position: relative;
	width: 90%;
	max-width: 730px;
	margin: 30px auto;
	font-family: 'Lato', sans-serif;	
	padding: 56px 45px 56px 170px;
	border: 2px solid #e6e6e6;
	display: inline-block;
	text-align: left;
	box-sizing: border-box;
}

.voip-update-overlay-content {
	background: rgba(255, 255, 255, .9) url(/images/updateinprogress_002.gif) no-repeat 45px 53px;
}

.voip-editing-overlay-content {
	background: rgba(255, 255, 255, .9) url(/images/editinginprogress_v2.gif) no-repeat 45px 32px;
}

.voip-disabled-overlay-content {
	background: rgba(255, 255, 255, .9);
	padding: 56px 45px;
	text-align: center;
}

.voip-update-overlay-content strong,
.voip-editing-overlay-content strong,
.voip-disabled-overlay-content strong,
.voip-sip-overlay-header {
	color: #252525;
	font-size: 30px;
	font-weight: normal;
}

.voip-update-overlay-content p,
.voip-editing-overlay-content p,
.voip-disabled-overlay-content p {
	color: #c2c2c2;
	font-size: 18px;
	margin: 2px 0;
}

/* Welcome Overlay */
.voip-onboarding-message {
	display: none;
	cursor: pointer;
	text-align: center;
	padding: 10px;
	background-color: #FFC;
	border: 1px solid #FF9;
	margin: 0 -30px 0 -38px;
}

.voip-welcome-overlay,
.voip-onboarding-overlay {
	position: absolute;
	background: rgba(255, 255, 255, .85);	
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 501;
}

.voip-welcome-overlay {
	display: none;
	overflow-y: auto;
	text-align: center;
}

.voip-onboarding-overlay {
	display: none;
	margin: 0 -30px 0 -38px;
	min-height: 100vh;
	transition: background 0.25s;
}

.voip-editing-overlay .voip-overlay-table,
.voip-disabled-overlay .voip-overlay-table,
.voip-update-overlay .voip-overlay-table,
.voip-sip-overlay .voip-overlay-table,
.voip-welcome-overlay .voip-overlay-table,
.voip-onboarding-overlay .voip-overlay-table {
    display: table;
    width: 100%;
	height: 100%;
    height: calc(100vh - 72px);
}

.voip-onboarding-overlay .voip-overlay-table {
	 height: 100vh;
}

.voip-onboarding-overlay .voip-overlay-center {
	overflow: visible;
}

.voip-welcome-overlay-content,
.voip-onboarding-overlay-content {
	width: 90%;
	max-width: 712px;
	border: 4px solid #f3f3f3;
	margin: 30px 0;
	background: #fff;
	padding: 36px;
	box-sizing: border-box;
	display: inline-block;
	text-align: left;
}

.voip-onboarding-overlay-content {
	border-color: #dedede;
	bottom: 0;
	transition: bottom 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.voip-onboarding-overlay.jumpin {
	background: rgba(255, 255, 255, 0);
}

.voip-onboarding-overlay.jumpin .voip-overlay-center {
	overflow: hidden;
}

.voip-onboarding-overlay.jumpin .voip-onboarding-overlay-content {
	bottom: -100vh;
}

.voip-welcome-overlay-top {
	overflow: hidden;
	display: inline-block; /* fix edge bug casued by block content in inline-block container */
}

.voip-welcome-overlay-section {
	width: 50%;
	float: left;
	padding: 6px;
	box-sizing: border-box;	
	font-family: 'Lato', sans-serif;
}

.voip-welcome-overlay-sketch {
	padding: 20px 35px 0 0;	
}

.voip-welcome-overlay-title {
	color: #252525;
	font-size: 30px;
	padding-bottom: 25px;
}

.voip-welcome-btns {
	overflow: hidden;	
}

.voip-welcome-btn-tutorial,
.voip-welcome-btn-start {
	text-transform: uppercase;	
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	float: left;
	background: #008ccb;
	text-align: center;
	border-radius: 2px;
	line-height: 39px;
	width: 161px;
	border: 0;
	cursor: pointer;
}

.voip-welcome-btn-tutorial:hover,
.voip-welcome-btn-start:hover {
	border: 0;
	color: #fff;
}

.voip-welcome-btn-tutorial:hover {
	background: #007eb6;					
}

.voip-welcome-btn-tutorial span {
	background: url(/images/voip-welcome-arrow.png) no-repeat right center;
	padding-right: 15px;
}

.voip-welcome-btn-start {
	background: #18d06b;
	width: 90px;
	margin-right: 10px;	
}

.voip-welcome-btn-start:hover {
	background: #15bb60;
}

.voip-welcome-overlay-section img {
	max-width: 100%;
	display: block;
}

.voip-welcome-overlay-section p {
	font-weight: bold;
	font-size: 14px;
	color: #9b9b9b;	
	line-height: 21px;
	margin: 0;
	padding: 17px 0 0;
}

.voip-welcome-overlay-base {
	padding-top: 30px;
}

.voip-welcome-overlay-base img {
	display: block;
	width: 100%;	
}

.voip-welcome-checkbox {
	padding-top: 20px;
	color: #9b9b9b;
}

.voip-welcome-checkbox .styled-checkbox {
	padding: 0;	
}

.voip-onboarding-overlay {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #333;
}

.voip-onboarding-overlay-content {
	position: relative;
}

.voip-onboarding-overlay-close,
.voip-update-overlay-hide,
.voip-sip-overlay-hide {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 11px; right: 11px;
	cursor: pointer;
}

.voip-update-overlay-hide,
.voip-sip-overlay-hide {
	width: 15px;
	height: 15px;
}

.voip-onboarding-overlay-close:before,
.voip-onboarding-overlay-close:after,
.voip-update-overlay-hide:before,
.voip-update-overlay-hide:after,
.voip-sip-overlay-hide:before,
.voip-sip-overlay-hide:after {
	content: '';
	width: 4px;
	height: 20px;
	position: absolute;
	top: 50%; left: 50%;
	background: #cdcdcd;
	margin: -10px 0 0 -2px;
	transition: background .25s;
}

.voip-update-overlay-hide:before,
.voip-update-overlay-hide:after,
.voip-sip-overlay-hide:before,
.voip-sip-overlay-hide:after {
	width: 2px;
	height: 15px;
	margin: -8px 0 0 -1px;
}

.voip-onboarding-overlay-close:before,
.voip-update-overlay-hide:before,
.voip-sip-overlay-hide:before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.voip-onboarding-overlay-close:after,
.voip-update-overlay-hide:after,
.voip-sip-overlay-hide:after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.voip-onboarding-overlay-close:hover:before,
.voip-onboarding-overlay-close:hover:after,
.voip-update-overlay-hide:hover:before,
.voip-update-overlay-hide:hover:after,
.voip-sip-overlay-hide:hover:before,
.voip-sip-overlay-hide:hover:after {
	background: #818181;
}

.voip-onboarding-overlay h2 {
	margin: 0 0 14px;
	font-weight: bold;
	font-size: 20px;
	color: #2d2d2d;
}

.voip-onboarding-overlay p {
	margin: 10px 0;
}

.voip-onboarding-overlay ul {
	margin: 0;
	padding: 6px 0;
	list-style-type: none;
}

.voip-onboarding-overlay li {
	padding: 6px 0;
}

.voip-onboarding-overlay li a {
	color: #818181;
	border: 1px solid transparent;
	padding: 4px 7px;
	margin: -5px -8px;
	border-radius: 2px;
	display: block;
	overflow: hidden;
	transition: border .25s;
}

.voip-onboarding-overlay li a:hover {
	border-color: #cdcdcd;
}

.voip-onboarding-overlay li a.disabled {
	opacity: 0.6;
}

.voip-onboarding-overlay li a.disabled:hover {
	border-color: transparent;
}

.voip-onboarding-overlay li div {
	overflow: hidden;
}

.voip-onboarding-overlay li strong {
	font-weight: bold;
	font-size: 14px;
	color: #2d2d2d;
	padding-bottom: 1px;
	display: block;
}

.voip-onboarding-overlay button {
	margin-top: 10px;
}

.voip-onboarding-tick {
	width: 18px;
	height: 18px;
	float: left;
	border: 1px solid #818181;
	border-radius: 50%;
	margin: 1px 7px 0 0;
}

.voip-onboarding-tick.complete {
	background: #02a935;
	border-color: #02a935;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.voip-onboarding-tick.complete span {
	display: none;
}

.voip-onboarding-tick.complete:before,
.voip-onboarding-tick.complete:after {
	content: '';
	position: absolute;
	background-color: #fff;
}

.voip-onboarding-tick.complete:before {
	width: 3px;
	height: 9px;
	left: 9px;
	top: 4px;
}

.voip-onboarding-tick.complete:after{
	width: 4px;
	height: 3px;
	left: 6px;
	top: 10px;
}

/* Modal */
.voip-modal h2,
.voip-encrypted-recording h2 {
	font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 18px;
    /*text-transform: uppercase;*/
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
	margin: 0;
}

.voip-modal form {
	margin: 0;	
}

.voip-modal-error {
	color: #fff;
	font-size: 12px;
	background: #cd1b30;	
	padding: 12px 14px;
	margin: 0 0 15px;
	display: none;
}

.voip-modal-message {
	font-size: 11px;
	color: #818181;
	padding-bottom: 5px;
}

.voip-modal-fields {
	padding: 20px 0;
}

.voip-modal-fields-inner {
	overflow: hidden;
}

.voip-modal-field,
.voip-modal-field-hidden,
.voip-modal-field-wide {
	padding: 5px 0;
	overflow: hidden;
}

.voip-modal-field,
.voip-modal-field-hidden {
	max-width: 300px;
}

.voip-modal-field-hidden {
	display: none;
}

.voip-modal-field-hidden.open {
	display: block;	
}

.voip-modal-field-wide.last {
	margin-bottom: -7px; 
}

.voip-modal-field-wide ul {
	padding: 5px 0;	
	margin: 0;
	list-style-type: none;
}

.voip-modal-field-wide li {
	padding: 2px 0;	
}

.voip-modal-label {
	float: left;
	width: 80px;	
	line-height: 30px;
	padding-right: 14px;
}

.voip-modal-label-text {
	line-height: normal;
}

.voip-modal-input {
	overflow: hidden;
}

.voip-modal-input input[type="text"],
.voip-modal-input select {
	width: 100%;
	box-sizing: border-box;
	color: #333;
	font-size: 12px;
}

.voip-modal-input input[type="text"] {
	padding: 6px;
}

.voip-modal-label-checkbox,
.voip-modal-label-radio {
	line-height: 22px;
}

.voip-modal-input-checkbox {
	padding-top: 4px;
}

.voip-modal-input-checkbox .styled-checkbox {
	padding: 1px 0;	
}

.voip-modal-input-valign {
	display: table;
	height: 30px;
}

.voip-modal-input-valign-inner {
	display: table-cell;
	vertical-align: middle;
}

.voip-modal-note {
	font-size: 11px;
	color: #818181;
	padding-top: 6px;
}

.voip-modal-links {
	display: inline-block;
	margin-right: 15px;
}

.voip-modal-section {
	padding-bottom: 20px;
}

h2 + .voip-modal-section {
	padding-top: 20px;
}

.voip-modal-section p {
	padding-top: 10px;
	margin: 0;
}

.voip-modal-section p:first-child {
	padding-top: 0;
}

.voip-modal-selection {
	padding: 20px 0;	
}

.voip-modal-selection-scroll {
	max-height: 260px;
	overflow-y: auto;
	position: relative;
}

.voip-modal-selection p {
	padding: 5px 0;
	margin: 0;
}

.voip-modal-optgroup {
	font-weight: bold;
	padding: 10px 0 5px;	
}

.voip-modal-buttons {
	overflow: hidden;	
}

.voip-modal-buttons-padding {
	padding-left: 94px;	
}

.voip-modal-buttons .voip-btn {
	float: left;
	margin-right: 5px;
}

.voip-modal-buttons .voip-btn-delete {
	float: right;
	margin: 0;	
}

.voip-modal-custom-bg .voip-modal-label {
	width: 110px;
}

.voip-modal-custom-bg .voip-modal-field, 
.voip-modal-custom-bg .voip-modal-field-hidden {
	max-width: none;
}

.voip-modal-custom-bg .styled-radio {
	float: left;
	margin-right: 25px;
	padding: 3px 0;
}

.voip-modal-empty {
	padding: 23px 0;
}

.voip-modal--directory .voip-modal-field {
	width: 48%;
	float: left;
}

.voip-modal--directory .voip-modal-field:nth-child(even) {
	float: right;
}

.voip-modal--directory .voip-modal-label {
	width: 75px;
	padding: 0;
}

.voip-modal--directory .voip-modal-buttons-padding {
	padding-left: 75px;
}

.voip-add-extensions-olay .voip-btn-plain {
	padding: 5px 10px;
	display: inline-block;
	height: auto;
}

.voip-add-extensions-form div,
.voip-move-extension-form div {
	padding-bottom: 10px;
}

.voip-add-extensions-form input,
.voip-move-extension-form input {
	width: 100%; 
	box-sizing: border-box;
}

#background_text_content {
	text-align: center;
	width: 100%;
	max-width: 300px;
	box-sizing: border-box;
}

.voip-schedule-list {
	padding: 15px 0;
}

.voip-schedule-list-section {
	padding: 16px 0 0;
}

.voip-schedule-list-section:first-child {
	padding-top: 0;
}

.voip-schedule-list-header {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 4px;
}

.voip-schedule-list-item,
.voip-schedule-list-empty {
	margin: 6px 0 6px -4px;
	padding: 2px 1px 2px 4px;
	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-o-transition: background .25s;
	-ms-transition: background .25s;
	transition: background .25s;
}

.voip-schedule-list-item {
	display: table;
	width: 100%;
}

.voip-schedule-list-item .invalid {
	color: #a00000;
}

.voip-schedule-list-item:hover {
	background: #f7f7f7;
}

.voip-schedule-list-item-details {
	display: table-cell;
}

.voip-schedule-list-item-details a,
.voip-schedule-list-item-details a:hover {
	color: #2d2d2d;
	border: 0;
	float: left;
}

.voip-schedule-list-item-details span {
	display: block;
	font-size: 11px;
	color: #818181;
}

.voip-schedule-list-item-buttons {
	display: table-cell; 
	width: 1%;
	vertical-align: middle;
	white-space: nowrap; 
}

.voip-schedule-list-item-buttons a, 
.voip-schedule-list-item-buttons div {
	width: 14px;
	height: 14px;
	background-size: 100%;
	display: inline-block;
	text-indent: -9999px;
	margin: 2px 0 2px 8px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-o-transition: background .25s;
	-ms-transition: background .25s;
	transition: background .25s;
}

.voip-schedule-list-item-buttons a,
.voip-schedule-list-item-buttons a:hover {
	border: 0;
}

.voip-schedule-list-item-view {
	background-image: url(/images/icn-schedule-view.png);
}

.voip-schedule-list-item-edit {
	background-image: url(/images/icn-schedule-edit.png);
}

.voip-schedule-list-item-delete {
	background-image: url(/images/icn-schedule-delete.png);
}

.voip-schedule-list-item-buttons .voip-schedule-list-item-delete {
	width: 11px;
	margin-right: 3px;
}

.voip-schedule-list-item-view:hover {
	background-image: url(/images/icn-schedule-view-hover.png);
}

.voip-schedule-list-item-edit:hover {
	background-image: url(/images/icn-schedule-edit-hover.png);
}

.voip-schedule-list-item-delete:hover {
	background-image: url(/images/icn-schedule-delete-hover.png);
}

/* VOIP system list */
.voip-systemlist-search-results {
	margin-bottom: 20px;
}		
										
.voip-systemlist-new {
	border: 1px solid #5cb5de;	
	margin-top: 20px;
}

.voip-systemlist-new-header {
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	padding: 15px 10px 15px 50px;
	background: url(/images/icn-systems.png) no-repeat 10px center;
	background-size: 30px;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.voip-systemlist-new-title {
	overflow: hidden;
	font-weight: bold;
}

.voip-systemlist-new-more {
	display: none;
	border: 0;
	color: #008ccb;
	float: right;
	margin-left: 10px;	
}

.voip-systemlist-new-more:hover {
	color: #007eb6;
}

.voip-systemlist-new-content {
	padding: 0 10px 10px 50px;
	margin-top: -5px;
}

.voip-systemlist-new .voip-btn {
	margin: 16px 0 0;
}

.js .voip-systemlist-new-more {
	display: block;
}

.js .voip-systemlist-new-content {
	display: none;
}

.voip-systemlist-new.open .voip-systemlist-new-content,
.voip-systemlist-new.fixed .voip-systemlist-new-content {
	display: block;
}

.voip-systemlist-new.fixed {
	margin-top: 0;
}

.voip-systemlist-new.fixed .voip-systemlist-new-header {
	cursor: auto;
}

.voip-systemlist-new.fixed .voip-systemlist-new-more {
	display: none;
}

.voip-systemlist-item {
	margin-bottom: 10px;
	border: 1px solid #d4d4d4;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.voip-systemlist-item-header,
.voip-referrals-item-header,
.voip-port-form__head,
.voip-port-section__head,
.voip-port-number__head {
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	-ms-transition: background-color .25s;
	transition: background-color .25s;
}

.voip-systemlist-item-header {
	padding: 12px 15px;	
	background: #eee;
	position: relative;
}

.expand .voip-systemlist-item-header:hover {
	background: #e6e6e6;
	cursor: pointer;
}

.voip-systemlist-item-content {
	border-top: 1px solid #d4d4d4;
}

.closed .voip-systemlist-item-content {
	display: none;
}

.voip-systemlist-item-info {
	overflow: hidden;
	padding-right: 430px;
}

.voip-systemlist-item-status {
	float: left;
	padding-right: 10px;
	line-height: 22px;
	width: 38px;
}

.voip-systemlist-item.wide .voip-systemlist-item-status {
	width: 68px;
}

.voip-systemlist-renewal,
.voip-systemlist-expiry {
	float: left;
	margin: 0 12px 0 0;
	padding: 5px 0 5px 22px;
	width: 125px;
	line-height: 14px;
	background: url(/images/icn-renewal-v2.png) no-repeat left center;
	position: relative;
}

.voip-systemlist-expiry {
	background: url(/images/icn-expiry.png) no-repeat left center;
}

.voip-systemlist-item-details {
	overflow: hidden;	
}

.voip-systemlist-item-title {
	font-weight: bold;
	color: #333;
	font-size: 16px;
}

.voip-systemlist-item-transfer {
	color: #ff0000;
}

.voip-systemlist-item-transfer a {
	border: 0;
	color: inherit;
}

.voip-systemlist-item-transfer a:hover {
	color: #333;
}

.voip-systemlist-item-desc + .voip-systemlist-item-transfer {
	padding-top: 2px;
}

.voip-systemlist-item-stats {
	position: absolute;	
	top: 50%;
	right: 15px;
	margin-top: -12px;
	width: 415px;
	box-sizing: border-box;
}

.voip-systemlist-item-stats-inner {
	float: right;	
}

.voip-systemlist-invalid {
	background: url(/images/bullet_error_24.png) center;
	width: 18px;
	height: 18px;
	float: left;
	margin: 3px 12px 3px 0;
	position: relative;
}

.voip-systemlist-item-features {
	float: left;
}

.voip-systemlist-item-features > span,
.voip-systemlist-item-features > a {
	margin-left: 12px;
	float: left;
	padding: 5px 0 5px 25px;
	line-height: 14px;
	width: 22px;
	position: relative;
	color: #333;
}

.voip-systemlist-item-features > a,
.voip-systemlist-item-features > a:hover {
	border: 0;
}

.voip-systemlist-item-features-icon-num {
	background: url(/images/voip-icn-features-num-bw.png) no-repeat left center; 
}

.voip-systemlist-item-features .voip-systemlist-item-features-icon-num {
	margin-left: 0;
}

.voip-systemlist-item-features-icon-extn {
	background: url(/images/voip-icn-features-extn-bw.png) no-repeat left center;
}

.voip-systemlist-item-features-icon-dept {
	background: url(/images/voip-icn-features-dept-bw.png) no-repeat left center;
}

.voip-systemlist-item-features-icon-device {
	background: url(/images/voip-icn-features-device-bw.png) no-repeat left center;	
}

.voip-systemlist-item-features .voip-tooltip {
	width: 60px;
	margin-left: -40px;
}

.voip-systemlist-renewal .voip-tooltip,
.voip-systemlist-item-features-icon-dept .voip-tooltip {
	width: 80px;
	margin-left: -50px;
}

.voip-systemlist-renewal .voip-tooltip.wide {
	width: 130px;
	margin-left: -75px;
}

.voip-systemlist-expiry .voip-tooltip {
	width: 100px;
	margin-left: -60px;
}

.voip-systemlist-invalid .voip-tooltip {
	width: 140px;
	margin-left: -80px;
}

.voip-systemlist-item-features > span:hover .voip-tooltip,
.voip-systemlist-item-features > a:hover .voip-tooltip,
.voip-systemlist-renewal:hover .voip-tooltip,
.voip-systemlist-expiry:hover .voip-tooltip,
.voip-systemlist-invalid:hover .voip-tooltip {
	display: block;
}

.voip-areacode,
.voip-filter-link,
.voip-filter-link-overflow {
	position: relative;	
}

.voip-areacode .voip-tooltip,
.voip-filter-link .voip-tooltip,
.voip-filter-link-overflow .voip-tooltip {
	width: 120px;	
	margin-left: -70px;
}

.voip-areacode:hover .voip-tooltip,
.voip-filter-link:hover .voip-tooltip {
	display: block;
}

.voip-systemlist-item-buttons {
	padding: 16px;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}

.voip-systemlist-item-buttons-left,
.voip-systemlist-item-buttons-right {
	width: 260px;
}

.voip-systemlist-item-buttons-left {
	float: left;
}

.voip-systemlist-item-buttons-right {
	float: right;
}

.voip-systemlist-item-buttons-center {
	width: 650px;
	display: inline-block;
	overflow: hidden;
}

.voip-systemlist-item-dashboard * {
	box-sizing: border-box;
	font-family: 'Lato', sans-serif;
}

.voip-systemlist-item-dashboard.loaded {
	border-top: 1px solid #d4d4d4;
	padding: 21px;
}

.voip-config__donuts {
	padding: 0;	
	max-width: 1000px;
}

.voip-config__donuts-inner {
	margin: 0 -10px 0 0;
	text-align: justify;
	font-size: 0; /* 0.1px for IE11 but this breaks responsive not sure IE11 works correctly */
	overflow: hidden;
	padding-bottom: 1px;
}

.voip-config__donuts-inner:after {
	content: '';
	width: 100%;
	display: inline-block;
}

.voip-config__donuts-section {
	display: inline-block;
	width: 42.8571%; /* 3/7 */
	max-width: 390px;
	vertical-align: top;
}

.voip-config__donuts-section:first-child,
.voip-config__donuts-section .voip-config__donut {
	max-width: 130px;
}

.crm.crm-dash-body {
	background: #f3f3f3;
}

.crm-dash-body #container {
	background: 0;
}

.crm-dash {
	/* max-width: 1350px; */
	text-align: left;
}

.crm-dash * {
	box-sizing: border-box;
}

.crm-dash .voip-dash__overview {
	padding-bottom: 0;
	padding-right: 0;
}

.crm-dash .voip-config__donuts-section {
	width: 50% !important;
	max-width: none !important;
	/* text-align: center; */
}

.crm-dash .voip-config__donuts-section:last-child {
	text-align: right;
}

.crm-dash .voip-config__donuts {
	max-width: 100%;
}

.crm-dash .voip-config__donuts-section .voip-config__donut {
	padding: 0 10px 10px 0;
}

.crm-dash .voip-config__donuts-section .voip-config__donut  {
	max-width: 125px;
}

.crm-dash .voip-config__donut.donut-large {
	max-width: 145px;
}

.voip-config__donuts-section:first-child {
	width: 14.2857%; /* 1/7 */
}

.voip-config__donuts-section .voip-config__donut {
	width: 33.333%;
	padding: 0 10px 0 0;
	display: inline-block;
	float: none;
	box-sizing: border-box;
}

.voip-config__donuts-section:first-child .voip-config__donut {
	width: 100%;
}

.crm-dash .voip-config__donuts-section:first-child .voip-config__donut {
	width: 33.33333%;
}

.voip-systemlist-item-dashboard .voip-config__donuts {
	margin: 0 auto;
}

.voip-systemlist-item-dashboard .voip-config__donuts-section {
	max-width: 330px;
}

.voip-systemlist-item-dashboard .voip-config__donuts-section:first-child,
.voip-systemlist-item-dashboard .voip-config__donuts-section .voip-config__donut {
	max-width: 110px;
}

.voip-systemlist-btn {
	float: left;
	width: 130px;
	padding: 5px;
	box-sizing: border-box;
}

.voip-systemlist-btn a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	background: #eee;
	text-align: center;
	border-radius: 2px;
	font-family: 'Lato', sans-serif;	
	vertical-align: top;
	padding: 72px 6px 14px;
	border: 1px solid #d4d4d4;
	color: #333;
	font-size: 13px;
	line-height: 17px;
	position: relative;
	background-repeat: no-repeat;
}

.voip-systemlist-btn a:hover {
	background-color: #e6e6e6;
}

.voip-systemlist-btn a:before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: url(/images/icn_voip_gloss.png) no-repeat center;
	background-size: 100% 100%;
}

.voip-systemlist-highlight-designer .voip-systemlist-btn.designer a {
	padding: 71px 5px 13px;
}

.voip-systemlist-btn.system a {
	background-position: center 19px;
	background-image: url(/images/icn_voip_settings_v2.png);
}

.voip-systemlist-btn.designer a {
	background-position: center 14px;
	background-image: url(/images/icn_voip_designer_v2.png);
}

.voip-systemlist-btn.numbers a {
	background-position: center 17px;
	background-image: url(/images/icn_voip_numbers_v2.png);
}

.voip-systemlist-btn.extensions a {
	background-position: center 17px;
	background-image: url(/images/icn_voip_extensions_v2.png);
}

.voip-systemlist-btn.departments a {
	background-position: center 17px;
	background-image: url(/images/icn_voip_departments_v2.png);
}

.voip-systemlist-btn.devices a {
	background-position: center 17px;
	background-image: url(/images/icn_voip_devices_v2.png);
}

.voip-systemlist-btn.directory a {
	background-position: center 15px;
	background-image: url(/images/icn_voip_directory_v2.png);
}

.voip-systemlist-btn.calls a {
	background-position: center 21px;
	background-image: url(/images/icn_voip_calls_v2.png);
}

.voip-systemlist-btn.reports a {
	background-position: center 23px;
	background-image: url(/images/icn_voip_reports_v2.png);
}

.voip-systemlist-highlight-designer .voip-systemlist-btn {
    opacity: 0.5;
}

.voip-systemlist-highlight-designer .voip-systemlist-btn:hover,
.voip-systemlist-highlight-designer .voip-systemlist-btn.designer {
    opacity: 1;
}

.voip-systemlist-highlight-designer .voip-systemlist-btn.designer a {
	border-color: #008ccb;
	border-width: 2px;
}

.voip-systemlist-live,
.voip-systemlist-trial,
.voip-systemlist-setup,
.voip-systemlist-cancelled {
	font-weight: bold;
}

.voip-systemlist-live {
	color: #02a935;
}

.voip-systemlist-trial,
.voip-systemlist-setup {
	color: #ffa500;
}

.voip-systemlist-cancelled,
.voip-systemlist-warning {
	color: #ff0000;
}

.voip-form-text-value .voip-systemlist-warning {
	padding-top: 10px;
}

.voip-systemlist-empty {
	text-align: center;
}

.voip-systemlist-activate,
.voip-systemlist-message,
.voip-systemlist-onboarding {
	padding: 21px 21px 0;
}

.voip-dashboard-message {
	padding: 0 0 21px;
}

.voip-systemlist-activate a {
	display: inline-block;
	margin-right: 5px;
}

.voip-systemlist-activate .voip-btn {
	background: #18d06b;
}

.voip-systemlist-activate .voip-btn:hover {
	background: #15bb60;
}

.voip-systemlist-onboarding {
	color: #008ccb;
	font-size: 14px;
}

.voip-systemlist-subs {
	padding-top: 2px;
	font-size: 11px;
	padding-bottom: 1px;
}

.voip-systemlist-subs a {
	cursor: pointer;
}

.voip-referral-code {
	display: table;
	margin: 20px 0 0;
	font-family: 'Open Sans', sans-serif;
}

.voip-referral-code * {
	box-sizing: border-box;
}

.voip-referral-code-inner {
	width: 280px;
	line-height: 42px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	float: left;
	background: #fff;
}

.voip-referral-code-label {
	float: left;
	display: block;
	padding: 1px 10px;
	background: #008ccb;
	border-radius: 2px 0 0 2px;
}

.voip-referral-code-label,
.voip-referral-code-label:hover {
	border: 0;
	color: #fff;
}

.voip-referral-code-label:hover {
	background: #007eb6;
}

.voip-referral-code-value {
	font-family: 'Inconsolata', monospace;
	font-size: 15px;
	border: 1px solid #d4d4d4;
	border-left: 0;
	overflow: hidden;
	text-align: center;
	letter-spacing: 0.1em;
}

.voip-referal-code-info {
	width: 100%;
	height: 35px;
	padding: 6px 10px;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;	
	border: 1px solid #d4d4d4;
	border-left: 0;
	background: #eee;
	border-radius: 0 2px 2px 0;
	overflow: hidden;
}

.voip-referal-code-info p {
	margin: 0;
	line-height: 14px;
}

.voip-referal-code-info p a {
	display: inline-block;
}

/* VOIP system block */
.voip-systemblock-cont {
	overflow: hidden;
}

.voip-systemblock-cont-inner {
	margin: 0 -12px -12px 0;
	overflow: hidden;
}

.voip-systemblock {
	width: 16%;
	box-sizing: border-box;
	float: left;
	padding: 0 12px 12px 0;
}

.voip-systemblock-inner {
	font-family: 'Lato', sans-serif;
	background: #eee;
	border-radius: 3px;
	color: #2d2d2d;
	text-align: center;
	padding: 25px;
	display: block;	
	font-size: 13px;
}

.voip-systemblock-inner:hover {
	background: #e0e0e0;	
}

.voip-systemblock-inner,
.voip-systemblock-inner:hover {
	border: 0;
	color: #2d2d2d;
}

/* VOIP Features */
.intelicall-subpage-container,
.intelicall-subpage-container-notabs {
	padding: 28px;	
}

.voip-feat-header {
	padding-bottom: 25px;
	position: relative;
}

.voip-feat-header-inner {
	display: table;
	width: 100%;
	margin: 0 0 -15px;
	float: left;
}

.voip-feat-dash {
	padding-top: 20px;	
}

.voip-feat-section {
	margin-top: 30px;
}

.voip-feat-section:first-child {
	margin-top: 0;
}

.voip-feat-section-title {
	font-weight: bold;
	font-size: 16px;
	padding: 6px 0 6px 45px;
	display: inline-block;
}

.voip-feat-section-title,
.voip-feat-section-title:hover {
	border: 0;
	color: #333;
}

.voip-feat-section-title-num {
	background: url(/images/voip-icn-features-num-v2.png) no-repeat left center;
}

.voip-feat-section-title-port {
	padding-left: 0;
}

.voip-feat-section-title-extn {
	background: url(/images/voip-icn-features-extn-v2.png) no-repeat left center;
}

.voip-feat-section-title-department {
	background: url(/images/voip-icn-features-dept-v2.png) no-repeat left center;
}

.voip-feat-section-title-device {
	background: url(/images/voip-icn-features-device-v2.png) no-repeat left center;
}

.js .voip-feat-clickable {
	cursor: pointer;
}

.voip-dash__table-cont {
	padding: 0 15px 15px 0;
	margin: 0;
}

.crm-table,
.voip-fax-table,
.voip-feat-table,
.voip-history-table,
.voip-voicemail-table,
.voip-contact-table,
.voip-missed-table,
.voip-history-total,
.voip-directory-table,
.voip-logs-table,
.voip-recording-table,
.voip-dash__table,
.voip-porting-table,
.voip-admin-table,
.voip-upload-table,
.voip-ratechecker__table,
.voip-reverse-charge__table {
	width: 100%;
	border-collapse: collapse;
	color: #2d2d2d;
}

.voip-admin-table--title{
	border-bottom: 3px solid #aaa;
	margin: 15px 0 5px 0;
	padding-bottom: 2px;
	font-size: 16px;
	cursor: pointer;
}

.voip-admin-table--title.active + .voip-admin-table{
	display: none;
}

.voip-admin-table--title:first-child {
	margin-top: 0;
}

.voip-fax-table,
.voip-history-table,
.voip-voicemail-table,
.voip-contact-table,
.voip-missed-table,
.voip-recording-table {
	table-layout: fixed;
}

.voip-history-table {
	margin-bottom: 30px;
	border-bottom: 1px solid #e6e6e6;
}

.crm-table {
	border-bottom: 1px solid #e6e6e6;
}

.voip-dash__table {
	background: #fff;
}

.voip-logs-table .admin,
.voip-recording-table .admin,
.voip-logs-table .admin a {
	color: #ff0000;
}

.voip-tabs-system .voip-logs-table th:nth-child(3) {
	width: 20%;
}

.voip-logs-api-checkbox {
	padding: 0 0 10px 16px;
	display: none;
}

.voip-logs-link {
	text-decoration: underline;
	text-decoration-style: dashed;
}

.voip-logs-link:hover {
	text-decoration-style: solid;
}

.voip-fax-table a,
.voip-history-table a,
.voip-voicemail-table a,
.voip-contact-table a,
.voip-missed-table a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fax.unread,
.voicemail.unread {
	font-weight: bold;
}

.fax.deleted,
.fax.deleted a,
.voicemail.deleted,
.voicemail.deleted a {
	color: #a7a7a7;
}

.fax .styled-checkbox,
.voicemail .styled-checkbox,
.crm-table .styled-checkbox {
	width: 16px;
	padding: 2px 0 0;
	font-size: 0.1px;
}

.voip-history-table .voip-history-tbl-icon,
.voip-history-float .voip-history-tbl-icon {
	padding-right: 0;	
}

.voip-history-tbl-icon span {
	display: block;
}

.voip-history-float .voip-history-tbl-icon span {
	width: 7px;
}

.voip-fax-tbl-col-arrow,
.voip-history-tbl-col-arrow,
.voip-voicemail-tbl-col-arrow,
.voip-contact-tbl-col-arrow,
.voip-missed-tbl-col-arrow {
	display: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.voip-history-tbl-col-date {
	width: 15%; /* 15 */
}

.voip-history-tbl-col-line {
	width: 11%; /* 15 */
}

.voip-history-tbl-col-span {
	width: 53%; /* 45 */
}

.voip-history-tbl-col-src,
.voip-history-tbl-col-dst {
	width: 10%; /* 15 */
}

.voip-history-tbl-col-dur,
.voip-history-tbl-col-cost {
	/*width: 3%;*/ /* 12 */
	width: 8%;
}

.voip-history-tbl-col-rec {
	/*width: 150px;*/ /* 16 */
	/* width: 5%; */
	width: 16%;
}

.voip-history-tbl-col-rec-overflow {
	text-overflow: ellipsis;
	overflow: hidden;
}

.voip-history-tbl-col-src-type,
.voip-history-tbl-col-dst-type {
	width: 11%;
}

.voip-history-table-all .voip-history-tbl-col-sys,
.voip-history-total-all .voip-history-tbl-col-sys {
	width: 11%; /* 11 */
}

.voip-history-table-all .voip-history-tbl-col-date {
	width: 13%; /* 13.5 */
}

.voip-history-table-all .voip-history-tbl-col-line {
	width: 9.5%; /* 13.5 */
}

.voip-history-total-all .voip-history-tbl-col-span {
	width: 51.5%; /* 40.5 */
}

.voip-history-table-all .voip-history-tbl-col-src,
.voip-history-total-all .voip-history-tbl-col-src,
.voip-history-table-all .voip-history-tbl-col-dst,
.voip-history-total-all .voip-history-tbl-col-dst {
	width: 10%; /* 13.5 */
}

.voip-history-table-all .voip-history-tbl-col-dur,
.voip-history-total-all .voip-history-tbl-col-dur {
	width: 7.5%; /* 11 */
}

.voip-history-table-all .voip-history-tbl-col-cost,
.voip-history-total-all .voip-history-tbl-col-cost {
	width: 5.5%; /* 11 */
}

.voip-history-table-all .voip-history-tbl-col-rec,
.voip-history-total-all .voip-history-tbl-col-rec {
	width: 15.5%; /* 13 */
}

.voip-history-tbl-col-rec:not(.system-summary-enabled) {
	width: 7.5% !important;
}

.voip-history-tbl-col-rec.system-summary-enabled {
	width: 120px !important;
}

.voip-history-table-all .voip-history-tbl-col-src-type,
.voip-history-total-all .voip-history-tbl-col-src-type,
.voip-history-table-all .voip-history-tbl-col-dst-type,
.voip-history-total-all .voip-history-tbl-col-dst-type {
	width: 9%;
}

.voip-voicemail-tbl-col-rec {
	white-space: nowrap;
	position: relative;
	/* width: 145px; */
}

.voip-voicemail-tbl-col-rec-overflow {
	text-overflow: ellipsis;
	overflow: hidden;
}

.voip-fax-tbl-col-sys a,
.voip-fax-tbl-col-src a,
.voip-fax-tbl-col-line a,
.voip-fax-tbl-col-rec a,
.voip-history-tbl-col-sys a,
.voip-history-tbl-col-line a,
.voip-history-tbl-col-src a,
.voip-history-tbl-col-dst a,
.voip-history-tbl-col-rec a,
.voip-recording-tbl-col-rec a,
.voip-voicemail-tbl-col-sys a,
.voip-voicemail-tbl-col-src a,
.voip-voicemail-tbl-col-box a,
.voip-voicemail-tbl-col-rec a,
.voip-contact-tbl-col a,
.voip-missed-tbl-col-sys a,
.voip-missed-tbl-col-line a,
.voip-missed-tbl-col-src a {
	color: #2d2d2d;
	border: 0;
}

.admin .voip-recording-tbl-col-rec a {
	color: #ff0000;
}

.voip-history-tbl-col-sys div {
	min-height: 16px;
}

.voip-history-tbl-col-sys .voip-history-tools,
.voip-history-tbl-col-sys .voip-history-tools-btn {
	min-height: 0;
}

.sub .voip-history-tbl-col-sys a,
.sub .voip-history-tbl-col-line a,
.sub .voip-history-tbl-col-line .voip-history-tbl-empty,
.sub-inbound .voip-history-tbl-col-src a,
.sub-inbound .voip-history-tbl-col-src .voip-history-tbl-empty,
.sub-outbound .voip-history-tbl-col-dst a,
.sub-outbound .voip-history-tbl-col-dst .voip-history-tbl-empty {
	display: none;
}

.voip-history-recording .icn-unlock {
	opacity: 0;
}

.voip-history-recording:hover .icn-unlock {
	opacity: 1;
}

.voip-history-recording .icn-lock:hover {
	opacity: .6;	
}

.voip-history-recording .voip-history-lock {
	border: 0;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	-ms-transition: opacity .25s;
	transition: opacity .25s;
}

.icn {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: bottom;	
}

.icn-lock {
	background: url(/images/icn-lock.png) no-repeat left top;
	background-size: 14px;
}

.icn-unlock {
	background: url(/images/icn-unlock.png) no-repeat left top;
	background-size: 14px;
	opacity: .4;
}

.voip-history-tbl-col-rec .icn,
.voip-recording-tbl-col-rec .icn {
	margin-left: 5px;
}

.voip-history-lock-msg {
	display: inline-block;
}

.voip-tabs.loading .voip-tab {
	display: block !important;
}

.voip-fax-tbl-col-rec span,
/* .voip-voicemail-tbl-col-rec span, */
.voip-upload-play span,
.voip-history-recording [data-source] {
	cursor: pointer;
	padding: 0 0 0 12px;
	background: url(/images/icn-voip-play-black.png) no-repeat left center;
	background-size: 8px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 26px;
	display: inline-block;
}

.voip-history-recording [data-source] {
	margin-right: 5px;
}

.voip-fax-tbl-col-rec span.playing,
/* .voip-voicemail-tbl-col-rec span.playing, */
.voip-upload-play span.playing,
.voip-history-recording [data-source].playing {
	background-image: url(/images/icn-voip-stop-black.png);
}

.voip-history-download {
	padding: 0 0 0 18px;
	background: url(/images/icn-download-csv-dark.png) no-repeat left center;
	background-size: 14px;
}

.voip-history-recording-admin [data-source],
.voip-history-recording-admin .voip-history-download,
.voip-voicemail-tbl-col-rec-admin [data-source],
.voip-voicemail-tbl-col-rec-admin a {
	opacity: 0.5;
	cursor: auto;			
}

.voip-fax-tbl-col-rec a
/*, .voip-voicemail-tbl-col-rec a*/ {
	padding: 0 0 0 18px;
	background: url(/images/icn-download-csv-dark.png) no-repeat left center;
	background-size: 14px;
	/*margin: 0 0 0 15px;*/
	margin: 0 0 0 20px;
}

.voip-fax-tbl-col-rec a {
	margin: 0;
}

.voip-tabs-float,
.voip-history-float {
	padding: 10px 28px;
	position: fixed;
	bottom: 0;	
	left: 260px;
	right: 0;
	background: #fff;
	border-top: 1px solid #c1c1c1;
	box-sizing: border-box;
	min-width: 320px;
	z-index: 99;
	-webkit-transform: translateZ(0);
}

.voip-history-float {
	padding-top: 5px;
	padding-bottom: 5px;
	background: rgba(255, 255, 255, .8);
	text-shadow: -1px 0 0 #fff, 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff;
	z-index: 1;
}

.voip-history-total {
	width: 100%;
	table-layout: fixed;
}

.voip-history-total * {
	box-sizing: border-box;
}

.voip-history-float a {
	color: #2d2d2d;
	border: 0;
}

.voip-history-top {
	display: none;
	float: right;	
}

.voip-history-top:after {
	content: "\2191";
	padding-left: 5px;
	position: relative;
    top: -1px;
}

.voip-history-upgrade {
	position: relative;
	display: inline-block;
}

.voip-history-upgrade .voip-tooltip {
	z-index: 1;
}

.voip-history-upgrade.tooltip .voip-tooltip {
	display: block;
}

.crm-table tr:nth-child(odd),
.voip-fax-table tr:nth-child(odd),
.voip-feat-table tr:nth-child(odd),
.voip-voicemail-table tr:nth-child(odd),
.voip-contact-table tr:nth-child(odd),
.voip-missed-table tr:nth-child(odd),
.voip-directory-table tr:nth-child(odd),
/* .voip-logs-table tr:nth-child(odd), */
.voip-recording-table tr:nth-child(odd),
.voip-dash__table tr:nth-child(odd),
.voip-porting-table tr:nth-child(odd),
.voip-admin-table tr:nth-child(odd),
.voip-upload-table tr:nth-child(odd),
.voip-ratechecker__table tr:nth-child(odd),
.voip-reverse-charge__table tr:nth-child(odd) {
	background: #fcfcfc;
}

.voip-logs-table tr.odd,
.voip-history-table tr.odd {
	background: #fcfcfc;
}

.crm-table tr:hover,
.voip-fax-table tr:hover,
.voip-feat-table tr:hover, 
.voip-voicemail-table tr:hover,
.voip-contact-table tr:hover,
.voip-missed-table tr:hover,
.voip-directory-table tr:hover,
.voip-logs-table tr:hover,
.voip-recording-table tr:hover,
.voip-dash__table tr:hover,
.voip-porting-table tr:hover,
.voip-admin-table tr:hover {
	background: #f7f7f7;
}

.voip-logs-table tr.odd:hover,
.voip-history-table tr.odd:hover,
.voip-history-table tr.even:hover {
	background: #f7f7f7;
}

.crm-table th,
.voip-fax-table th,
.voip-feat-table th,
.voip-history-table th,
.voip-voicemail-table th,
.voip-contact-table th,
.voip-missed-table th,
.voip-directory-table th,
.voip-logs-table th,
.voip-recording-table th,
.voip-dash__table th,
.voip-porting-table th,
.voip-admin-table th,
.voip-upload-table th,
.voip-ratechecker__table th,
.voip-reverse-charge__table th {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #2d2d2d;
	font-weight: bold;
	background: #fff;
	border-bottom: 1px solid #e6e6e6;
	padding: 8px 16px;
	text-align: left;
	vertical-align: middle;
}

.voip-history-table th {
	border-bottom: 0;
}

.crm-table th > span,
.voip-feat-table th > span,
.voip-directory-table th > span,
.voip-logs-table th > span,
.voip-dash__table th > span {
	cursor: pointer;	
}

.crm-table td,
.voip-fax-table td,
.voip-feat-table td,
.voip-history-total td,
.voip-voicemail-table td,
.voip-contact-table td,
.voip-missed-table td,
.voip-directory-table td,
.voip-logs-table td,
.voip-recording-table td,
.voip-dash__table td,
.voip-porting-table td,
.voip-admin-table td,
.voip-upload-table td,
.voip-ratechecker__table td,
.voip-reverse-charge__table td {
	padding: 8px 16px;
	font-size: 12px;
	border-bottom: 1px solid #e6e6e6;
}

.voip-history-table td {
	padding: 8px 16px;
	font-size: 12px;
	border-top: 1px solid #e6e6e6;
}

.voip-history-table .sub td {
	border-top-style: dashed;
}

.voip-admin-table--list td,
.voip-admin-table--clickable td,
.voip-porting-table td:nth-child(-n + 6) {
	cursor: pointer;
}

.voip-admin-table--list th:first-child,
.voip-admin-table--list td:first-child {
	padding-right: 0;
}

.voip-admin-table--numbers th:nth-child(1) span,
.voip-admin-table--numbers td:nth-child(1) span {
	display: none;
}

.voip-admin-table--manage-connectivity td:nth-child(2) span {
	display: none;
}

.voip-admin .recent-transactions {
	padding: 0;
}

.voip-admin .recent-transactions .page_title {
	display: none;
}

.voip-admin .recent-transactions table {
	margin: 0;
}

.crm-table th,
.crm-table td,
.voip-feat-table th,
.voip-feat-table td {
	padding: 8px;
}

.voip-logs-table td {
	vertical-align: top;
}

.voip-directory-table td {
	width: 12.5%;	
}

.voip-fax-table td,
.voip-history-table td,
.voip-history-total td,
.voip-voicemail-table td,
.voip-contact-table td,
.voip-missed-table td {
	padding: 4px 16px;
}

.voip-fax-table td,
.voip-missed-table td {
	height: 31px;
}

.voip-history-table td,
.voip-voicemail-table td,
.voip-contact-table td {
	height: 34px;
}

.voip-history-total td {
	border: 0;	
}

.voip-tbl-cell-endcall {
	display: none;
}

.voip-fax-table .voip-tbl-cell-primary,
.voip-history-table .voip-tbl-cell-primary,
.voip-voicemail-table .voip-tbl-cell-primary,
.voip-contact-table .voip-tbl-cell-primary,
.voip-missed-table .voip-tbl-cell-primary,
.voip-dash__table .voip-tbl-cell-primary {
	display: block;
}

.voip-history-table .voip-tbl-cell-tertiary {
	display: none;
}

.voip-fax-table .voip-tbl-cell-secondary,
.voip-history-table .voip-tbl-cell-secondary,
.voip-voicemail-table .voip-tbl-cell-secondary,
.voip-contact-table .voip-tbl-cell-secondary,
.voip-missed-table .voip-tbl-cell-secondary,
.voip-dash__table .voip-tbl-cell-secondary,
.voip-history-table .voip-tbl-cell-tertiary {
	font-size: 11px;
	color: #989898;
}

.voip-fax-table .spinner,
.voip-history-table .spinner,
.voip-voicemail-table .spinner,
.voip-contact-table .spinner,
.voip-missed-table .spinner,
.voip-directory-table .spinner {
	padding: 5px 16px;
}

.voip-fax-table .spinner img,
.voip-history-table .spinner img,
.voip-voicemail-table .spinner img,
.voip-contact-table .spinner img,
.voip-missed-table .spinner img,
.voip-recording-table .spinner img,
.voip-directory-table .spinner img {
	display: block;
	margin: 0 auto;	
}

.voip-history-table .voip-history-icon,
.voip-history-total .voip-history-icon {
	padding-left: 40px;
}

.voip-history-table .voip-history-icon > div,
.voip-history-table-all .voip-history-icon-mob > div {
	position: relative;
}

.voip-history-table .voip-history-icon > div:before,
.voip-history-table-all .voip-history-icon-mob > div:before,
.voip-history-table .voip-history-icon > div:after,
.voip-history-table-all .voip-history-icon-mob > div:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -24px;
}

.voip-history-table-all .voip-history-icon-mob > div:before,
.voip-history-table-all .voip-history-icon-mob > div:after {
	display: none;
}

.voip-history-table .voip-history-icon-internal > div:before {
	width: 7px;
	height: 7px;
	margin: -3px 0 0;
	border-radius: 50%;
	background: #3daee1;
}

.voip-history-table .voip-history-icon-inbound > div:before,
.voip-history-table .voip-history-icon-outbound > div:before {
	width: 0;
	height: 0;
	margin: -5px 1px 0 1px;
	border: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.voip-history-table .voip-history-icon-inbound > div:before {
	border-right: 5px solid #02a935;
}

.voip-history-table .voip-history-icon-outbound > div:before {
	border-left: 5px solid #ff0000;
}

.voip-history-table .voip-history-icon-sub > div:before {
	width: 6px;
	height: 8px;
	margin-top: -7px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.voip-history-table .voip-history-icon-sub-up > div:before {
	width: 6px;
	height: 6px;
	margin-top: -3px;
	margin-left: 3px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.voip-history-table .voip-history-icon-sub > div:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -20px;
	width: 0;
	height: 0;
	margin: -3px 1px 0 1px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #ccc;
}

.voip-history-table .voip-history-icon-sub-up > div:after {
	left: -23px;
	top: 0;
	margin: 1px 0 1px -3px;
	border: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ccc;
}

.voip-history-tbl-col .voip-history-expand {
	position: absolute;
	top: 50%;
	left: -14px;
	width: 10px;
	height: 10px;
	text-align: center;
	line-height: 10px;
	cursor: pointer;
	margin-top: -5px;
	display: block;
}

.voip-history-table-all .voip-history-tbl-col-date .voip-history-expand {
	display: none;
}

.voip-history-tbl-col-span div {
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
}

.voip-history-tbl-col-span a {
	float: left;
	cursor: pointer;
}

.voip-history-total .voip-history-tbl-col-span a span {
	float: right;
	padding-left: 4px;
	display: block;
}

.voip-history-total .voip-history-tbl-col-span a strong {
	display: block;
	padding: 1px 0;
}

.voip-fax-tbl-col-sys a,
.voip-fax-tbl-col-src a,
.voip-history-tbl-col-sys a,
.voip-history-tbl-col-line a,
.voip-history-tbl-col-dst a,
.voip-history-tbl-col-src a,
.voip-voicemail-tbl-col-sys a,
.voip-voicemail-tbl-col-src a,
.voip-missed-tbl-col-sys a,
.voip-missed-tbl-col-line a,
.voip-missed-tbl-col-src a {
    max-width: 100%;
}

.voip-fax-tbl-col-sys span,
.voip-history-tbl-col-sys span,
.voip-voicemail-tbl-col-sys span,
.voip-missed-tbl-col-sys span,
.voip-fax-tbl-col-src .voip-tbl-cell-primary,
.voip-history-tbl-col-line .voip-tbl-cell-primary,
.voip-history-tbl-col-dst .voip-tbl-cell-primary,
.voip-history-tbl-col-src .voip-tbl-cell-primary,
.voip-voicemail-tbl-col-src .voip-tbl-cell-primary,
.voip-missed-tbl-col-src .voip-tbl-cell-primary,
.voip-dash__table .voip-tbl-cell-primary {
    width: 100%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.voip-fax-tbl-col-sys span,
.voip-history-tbl-col-sys span,
.voip-voicemail-tbl-col-sys span,
.voip-missed-tbl-col-sys span {
	display: inline-block;
	vertical-align: top;
}

.voip-history-total .voip-history-tbl-col-span a,
.voip-history-total .voip-history-tbl-col-dur a,
.voip-history-total .voip-history-tbl-col-cost a {
	max-width: 100%;
	display: inline-block;
	line-height: 12px;
	vertical-align: middle;
}

.voip-history-total .voip-history-tbl-col-span a strong,
.voip-history-total .voip-history-tbl-col-dur a strong,
.voip-history-total .voip-history-tbl-col-cost a strong {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.voip-history-total .voip-history-tbl-col-dur a strong,
.voip-history-total .voip-history-tbl-col-cost a strong {
	width: 100%;
	display: inline-block;
}

.crm-table td a:not(.link),
.voip-fax-sort a,
.voip-history-sort a,
.voip-voicemail-sort a,
.voip-contact-sort a,
.voip-missed-sort a,
.voip-recording-sort a,
.voip-directory-sort a,
.voip-directory-sort a,
.voip-feat-table td a,
.voip-directory-table td a,
.voip-logs-table td a,
.voip-dash__table td a {
	color: #2d2d2d;
	border: 0;
}

td.voip-feat-tbl-action a,
td.voip-feat-tbl-link a,
td.voip-directory-tbl-col-action a {
	color: #008ccb;
	cursor: pointer;
}

td.voip-feat-tbl-link a {
	color: #2d2d2d;
}

td.voip-feat-tbl-action a:hover,
td.voip-feat-tbl-link a:hover,
td.voip-directory-tbl-col-action a:hover {
	color: #00aeff;
}

td.voip-directory-tbl-col-first span {
	display: none;
}

th.voip-directory-tbl-col {
	white-space: nowrap;
}

.voip-feat-tbl-icon {
	width: 30px;
	height: 26px;
	float: right;
	background-size: 30px;
	background-repeat: no-repeat;
	margin: -12px 0 0;
}

.voip-feat-tbl-icon-num {
	background-image: url(/images/voip-icn-features-num-v2.png);
}

.voip-feat-tbl-icon-extn {
	background-image: url(/images/voip-icn-features-extn-v2.png);
}

.voip-feat-tbl-icon-department {
	background-image: url(/images/voip-icn-features-dept-v2.png);
}

.voip-feat-tbl-icon-device {
	background-image: url(/images/voip-icn-features-device-v2.png);
}

.voip-dash__table .header {
	white-space: nowrap;
}

.voip-fax-sort.desc a:after,
.voip-fax-sort.asc a:after,
.voip-history-sort.desc a:after,
.voip-history-sort.asc a:after,
.voip-voicemail-sort.desc a:after,
.voip-voicemail-sort.asc a:after,
.voip-contact-sort.desc a:after,
.voip-contact-sort.asc a:after,
.voip-missed-sort.desc a:after,
.voip-missed-sort.asc a:after,
.voip-recording-sort.desc a:after,
.voip-recording-sort.asc a:after,
.voip-directory-sort.desc a:after,
.voip-directory-sort.asc a:after,
.voip-feat-table .headerSortUp > span:after,
.voip-feat-table .headerSortDown > span:after,
.voip-directory-table .headerSortUp > span:after,
.voip-directory-table .headerSortDown > span:after,
.voip-logs-table .headerSortUp > span:after,
.voip-logs-table .headerSortDown > span:after,
.voip-dash__table .headerSortUp > span:after,
.voip-dash__table .headerSortDown > span:after,
.voip-porting-table .headerSortUp > span:after,
.voip-porting-table .headerSortDown > span:after,
.voip-admin-table .headerSortUp > span:after,
.voip-admin-table .headerSortDown > span:after {
	content: '';
	margin: 0 0 2px 5px;
	width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
	display: inline-block;
	vertical-align: middle;
}

.voip-fax-sort.desc a:after,
.voip-history-sort.desc a:after,
.voip-voicemail-sort.desc a:after,
.voip-contact-sort.desc a:after,
.voip-missed-sort.desc a:after,
.voip-recording-sort.desc a:after,
.voip-directory-sort.desc a:after,
.voip-feat-table .headerSortDown > span:after,
.voip-directory-table .headerSortDown > span:after,
.voip-logs-table .headerSortDown > span:after,
.voip-dash__table .headerSortDown > span:after,
.voip-porting-table .headerSortDown > span:after,
.voip-admin-table .headerSortDown > span:after {
    border-top: 4px solid;
}

.voip-fax-sort.asc a:after,
.voip-history-sort.asc a:after,
.voip-voicemail-sort.asc a:after,
.voip-contact-sort.asc a:after,
.voip-missed-sort.asc a:after,
.voip-recording-sort.asc a:after,
.voip-directory-sort.asc a:after,
.voip-feat-table .headerSortUp > span:after,
.voip-directory-table .headerSortUp > span:after,
.voip-logs-table .headerSortUp > span:after,
.voip-dash__table .headerSortUp > span:after,
.voip-porting .headerSortUp > span:after {
	border-bottom: 4px solid;
}

.voip-fax-table .voip-fax-tbl-col-selector,
.voip-voicemail-table .voip-voicemail-tbl-col-selector,
.voip-contact-table .voip-contact-tbl-col-selector {
	width: 48px;
}

.voip-fax-table .voip-fax-tbl-col-check,
.voip-fax-table .voip-fax-tbl-col-star,
.voip-voicemail-table .voip-voicemail-tbl-col-check,
.voip-contact-table .voip-contact-tbl-col-check,
.voip-voicemail-table .voip-voicemail-tbl-col-star {
	width: 16px;
}

.voip-fax-table .voip-fax-tbl-col-check,
.voip-voicemail-table .voip-voicemail-tbl-col-check,
.voip-contact-table .voip-contact-tbl-col-check {
	padding-right: 8px;
}

.voip-fax-table .voip-fax-tbl-col-star,
.voip-voicemail-table .voip-voicemail-tbl-col-star {
	padding-left: 8px;
}

.voip-fax-table-all .voip-fax-tbl-col-sys,
.voip-fax-table .voip-fax-tbl-col-date,
.voip-voicemail-table-all .voip-voicemail-tbl-col-sys,
.voip-voicemail-table .voip-voicemail-tbl-col-date {
	padding-left: 0;
}

.voip-fax-table-all .voip-fax-tbl-col-date,
.voip-voicemail-table-all .voip-voicemail-tbl-col-date {
	padding-left: 16px;
}

.voip-feat-table .voip-feat-tbl-col {
	width: 18%;
}

.voip-feat-table-all-sys .voip-feat-tbl-col {
	width: 15%;
}

.voip-feat-table-1 .voip-feat-tbl-col-5,
.voip-feat-table-2 .voip-feat-tbl-col-5,
.voip-feat-table-3 .voip-feat-tbl-col-3,
.voip-feat-table-4 .voip-feat-tbl-col-5,
.voip-feat-table-5 .voip-feat-tbl-col-5 {
	width: auto;
}

.voip-feat-table .voip-feat-tbl-col-6 {
	width: 13%;
}

.voip-feat-table-1 .voip-feat-tbl-col-7,
.voip-feat-table-5 .voip-feat-tbl-col-7,
.voip-feat-table-single-sys.voip-feat-table-1 .voip-feat-tbl-col-7,
.voip-feat-table-single-sys.voip-feat-table-5 .voip-feat-tbl-col-7 {
	width: 11.5%;
}

.voip-feat-table-all-sys .voip-feat-tbl-col-6 {
	width: 11.5%;
}

.voip-feat-table-all-sys.voip-feat-table-1 .voip-feat-tbl-col-7,
.voip-feat-table-all-sys.voip-feat-table-5 .voip-feat-tbl-col-7 {
	width: 10%;
}

.voip-feat-table-4 .voip-feat-tbl-col-image {
	padding: 8px 8px 8px 0;
	width: 70px;
}

.voip-feat-tbl-col-image img {
	display: block;
	float: left;
	height: 35px;
	margin: -4px 0 -4px 0;
	transition: transform .2s;
}

.voip-feat-tbl-col-image img:hover {
	z-index: 100;
	position: relative;
	box-sizing: border-box;
	background: #fff;
	padding: 5px;
	border: 1px solid #e6e6e6;
	transform: scale(3);
}

.device-background {
	float: left;
	height: 35px;
	width: 30px;
	margin: -4px 0 -4px 0;
	margin-left: 5px;
	display: table;
}

.device-background span {
	display: table-cell;
	vertical-align: middle;
}

.voip-feat-tbl-col-image .device-background img {
	width: 100%;
	height: auto;
	margin: 0;
	display: block;
	float: none;
}

.voip-feat-tbl-col-image .device-background img:hover {
	padding: 0;
}

.voip-feat-table-4 .voip-feat-tbl-col-image + th,
.voip-feat-table-4 .voip-feat-tbl-col-image + td {
	padding-left: 0;
}

.voip-feat-table .voip-feat-tbl-csv,
.voip-feat-table .voip-feat-tbl-action {
	text-align: center;
	width: 1px;
}

.voip-feat-table .voip-feat-tbl-action {
	padding-left: 0;
}

.voip-feat-table-all-type .voip-feat-tbl-action {
	padding-right: 0;
}

.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-1,
.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-2,
.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-4,
.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-7 {
	width: 13%;
}

.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-1,
.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-2,
.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-4,
.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-7 {
	width: 11.5%;
}

.voip-recording-table .voip-recording-tbl-col {
	width: 15%;
}

.voip-recording-table .voip-recording-tbl-col-date,
.voip-recording-table .voip-recording-tbl-col-calldate {
	width: 12%;
}

.voip-recording-table .voip-recording-tbl-col-rec {
	width: 5%;
}

.voip-feat-trial {
	color: #bbb;
	text-decoration: line-through;
}

.voip-table-csv-btn {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding-right: 25px;
    opacity: 1;
    color: #2d2d2d;
    border: 0;
}

.voip-table-csv-btn:hover {
	opacity: .8;
	border: 0;
}

.voip-table-csv-btn {
	 background: url(/images/icn-download-csv-dark.png) no-repeat right center;	
}

.voip-feat-tbl-overflow {
	line-height: 16px;
	height: 16px;
	overflow: hidden;
}

.voip-history-sort .voip-table-csv-btn {
	float: right;
	color: #c0c0c0;
	padding-left: 10px;
}

.voip-tooltip {
    position: absolute;
    width: 170px;
    bottom: 100%;
    background: #008ccb;
    color: #fff;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    padding: 7px 10px;
    letter-spacing: .05em;
    border-radius: 2px;
    margin-bottom: 10px;
    line-height: 12px;
	display: none;
    text-align: center;
	left: 50%;
	margin-left: -95px;
}

.voip-tooltip:before,
.voip-feat-buttons .voip-tooltip:after,
.voip-tooltip--light:after {
	content: '';
	border: 6px solid #008ccb;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
}

.voip-tooltip--light {
	color: #2d2d2d;
	background: #fff;
	border: 1px solid #9b9b9b;
}

.voip-tooltip--light:before {
	border-top-color: #fff;
	z-index: 1;
	margin: -1px 0  0 -6px;
}

.voip-tooltip--light:after {
	border-top-color: #9b9b9b;
}

.voip-table-action-btn {
	font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
	text-transform: uppercase;
	border: 0;
	padding: 0 10px;
    color: #fff;
	background: #008ccb;
	width: 120px;
	display: block;
	height: 28px;
	line-height: 28px;
	position: relative;
	text-align: center;
}

.voip-table-action-btn-v2 {
	border: 1px solid #008ccb;
	color: #008ccb;
	height: 26px;
	line-height: 27px;
	background: #fff;
}

.voip-table-action-btn:hover {
	background: #007eb6;
	border: 0;
	color: #fff;
}

.voip-table-action-btn-v2:hover {
	border: 1px solid #008ccb;
	background: #008ccb;
	color: #fff;
}

.voip-table-action-btn.disabled .voip-tooltip {
	text-transform: none;	
	width: 130px;
}

.voip-table-action-btn.disabled .voip-tooltip {
	margin-left: -75px;
}

.voip-table-action-btn.disabled:hover .voip-tooltip {
	display: block;	
}

.voip-table-action-btn.disabled,
.voip-table-action-btn.disabled span {
	cursor: default;
}

.voip-table-action-btn.disabled {
	background: #f3f3f3;
	color: #808080;
}

.voip-table-action-btn-v2.disabled {
	background: #fff;
	border-color: #e6e6e6;	
}

.voip-table-action-spacer {
	display: block;
	width: 120px;
	padding: 0 11px;
}

.voip-feat-buttons .voip-table-action-btn-v2 {
	height: 34px;
	line-height: 35px;
	float: left;
	margin: 0 10px 0 0;
	display: inline-block;
	width: auto;
	font-size: 12px;
}

.voip-feat-buttons .voip-table-action-btn.disabled .voip-tooltip {
	color: #2d2d2d;
	background: #fff;
	border: 1px solid #9b9b9b;
	width: 128px;
	margin-left: -75px;
	left: 50%;
	right: auto;
}

.voip-feat-buttons .voip-table-action-btn.disabled .voip-tooltip:before {
	border-top-color: #fff; 
	z-index: 1;
	margin-top: -1px;
	margin-left: -6px;
	margin-right: 0;
	left: 50%; right: auto;
}

.voip-feat-buttons .voip-table-action-btn.disabled .voip-tooltip:after {
	border-top-color: #9b9b9b;
}

.voip-feat-table-cont,
.voip-directory-table-cont {
	position: relative;		
}

.voip-feat-expand,
.voip-changes-expand {
	text-align: center;
	padding: 25px 0 15px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	cursor: pointer;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 23%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 23%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 23%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.voip-feat-expand span:before,
.voip-changes-expand span:before {
	content: '+';
	padding-right: 8px;
}

.voip-feat-expand .open:before,
.voip-changes-expand .open:before {
	content: '-';
}

.voip-feat-invalid-error,
.voip-systemlist-invalid-error,
.voip-dashboard-invalid-error {
	background: #FFC url(/images/bullet_error.png) no-repeat 5px 8px;
	padding: 8px 8px 8px 26px;
	border: 1px solid #FF9;
}

.voip-feat-invalid-error {
	margin-bottom: 25px;
}

a.voip-systemlist-invalid-error,
a.voip-dashboard-invalid-error { 
	border: 0;
	color: #fff;
	display: block;
}

.voip-feat-invalid-error strong,
.voip-systemlist-invalid-error strong,
.voip-dashboard-invalid-error strong {
	display: block;
	font-weight: 600;
}

.voip-feat-invalid-error-more {
	display: none;
	color: #fff;
	cursor: pointer;
}

.voip-feat-invalid-error-more:hover {
	color: #fff;
}

.voip-feat-cell-invalid {
	color: red;
}

.voip-systemlist-invalid-error .mob-show,
.voip-dashboard-invalid-error .mob-show {
	display: none;
}

.voip-feat-table th:first-child, 
.voip-feat-table td:first-child {
	padding: 8px 2px;
	width: 16px;
}

.voip-feat-table th:nth-child(2), 
.voip-feat-table td:nth-child(2) {
	padding-left: 0;	
}

.voip-feat-table th:first-child img, 
.voip-feat-table td:first-child img {
	display: block;
	margin: 0 auto;
}

.voip-feat-cancelled,
.voip-feat-cancelled td a,
.voip-feat-cancelled td.voip-feat-tbl-action a, 
.voip-feat-cancelled td.voip-feat-tbl-link a,
.voip-feat-deactivated,
.voip-feat-deactivated td a,
.voip-feat-deactivated td.voip-feat-tbl-action a, 
.voip-feat-deactivated td.voip-feat-tbl-link a {
	color: #bbb;
}

.voip-feat-cancelled td.voip-feat-tbl-action a:hover, 
.voip-feat-cancelled td.voip-feat-tbl-link a:hover,
.voip-feat-deactivated td.voip-feat-tbl-action a:hover, 
.voip-feat-deactivated td.voip-feat-tbl-link a:hover {
	border-color: #bbb;
}

.voip-feat-porting,
.voip-feat-porting td a,
.voip-feat-porting td.voip-feat-tbl-action a, 
.voip-feat-porting td.voip-feat-tbl-link a {
	color: #008ccb;
}

.voip-feat-porting td.voip-feat-tbl-action a:hover, 
.voip-feat-porting td.voip-feat-tbl-link a:hover {
	border-color: #008ccb;
}

.voip-feat-invalid,
.voip-feat-invalid td a,
.voip-feat-invalid td.voip-feat-tbl-action a, 
.voip-feat-invalid td.voip-feat-tbl-link a {
	color: #f00;
}

.voip-feat-invalid td.voip-feat-tbl-action a:hover, 
.voip-feat-invalid td.voip-feat-tbl-link a:hover {
	border-color: #f00;
}

.voip-feat-deactivated-switch {
	padding-top: 10px;
}

.voip-feat-results {
	text-align: center;
}

.unconfirmed-number {
	background: orange;
	color: #fff;
	border-radius: 10px;
	padding: 2px 6px;
	font-size: 11px;
}

.voip-reverse-charged {
	background: #008ccb;
	color: #fff;
	border-radius: 8px;
	font-size: 10px;
	line-height: 17px;
	height: 17px;
	width: 17px;
	text-align: center;
	float: left;
	margin-right: 4px;
}

/* VOIP directory logs tool tip */
.voip-fax-tbl-col-src a,
.voip-history-tbl-col-line a,
.voip-history-tbl-col-src a,
.voip-history-tbl-col-dst a,
.voip-voicemail-tbl-col-src a,
.voip-missed-tbl-col-line a,
.voip-missed-tbl-col-src a {
	position: relative;	
	display: inline-block;
}

.voip-missed-overlimit,
.voip-missed-overlimit .voip-missed-tbl-col-sys a, 
.voip-missed-overlimit .voip-missed-tbl-col-line a, 
.voip-missed-overlimit .voip-missed-tbl-col-src a,
.voip-history-overlimit,
.voip-history-overlimit .voip-history-tbl-col-sys a, 
.voip-history-overlimit .voip-history-tbl-col-line a, 
.voip-history-overlimit .voip-history-tbl-col-src a,
.voip-history-overlimit .voip-history-tbl-col-dst a {
    color: red;
}

.voip-missed-overlimit-icon,
.voip-history-overlimit-icon {
    display: inline-block;
	vertical-align: middle;
	text-align: center;
	background: red;
    color: #fff;
	border-radius: 50%;
    font-weight: bold;
   	width: 14px;
    height: 14px;
    line-height: 14px;
	font-size: 10px;
	margin: 1px 0 1px 4px;
}

.voip-missed-tbl-col-rec {
	width: 45px;
	text-align: center;
}

.voip-history-tbl-col-link a {
	cursor: pointer;
}

.voip-directory-tooltip {
	position: absolute;	
	bottom: 100%;
	width: 184px;
	left: 50%;
	margin-left: -92px;
	padding-bottom: 6px;
	font-weight: normal;
}

.voip-history-tbl-col-link .voip-directory-tooltip {
	width: 120px;
	margin-left: -60px;
}

.voip-directory-tooltip-inner {
	position: relative;
	border: 1px solid #008ccb;
	padding: 4px;
	background: #fff;
	box-sizing: border-box;
	width: 100%;	
}

.voip-directory-tooltip-inner:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
    border: 6px solid #008ccb;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    margin-left: -6px;
}

.voip-directory-tooltip-btn {
	padding: 2px 4px;
}

.voip-directory-tooltip-btn:hover {
	opacity: .8;
}

.voip-history-tools {
	position: relative;
	margin-left: -25px;
}

.voip-history-tools-btn {
	position: relative;
	z-index: 1;
	float: left;
	margin: -3px -5px -6px;
	padding: 2px 8px 4px 20px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 0 0 3px 3px;
	background: url(/images/icn-calls-download.png) no-repeat 4px 4px;
	background-size: 13px;
	margin-right: 4px;
}

.voip-history-graphs-btn {
	position: relative;
	z-index: 1;
	float: left;
	margin: -3px -5px -6px;
	padding: 2px 0 4px 20px;
	cursor: pointer;
	border: 1px solid transparent !important;
	border-radius: 0 0 3px 3px;
	background: url(/images/icn-calls-graphs.png) no-repeat 4px 4px;
	background-size: 13px;	
}

.voip-history-total-all .voip-history-tools-btn,
.voip-history-total-all .voip-history-graphs-btn {
	font-size: 11px;	
}

.voip-history-total-all .voip-history-tools {
	margin-top: 0;
	margin-left: -6px;
}

.voip-history-total-all .voip-history-tools-btn,
.voip-history-total-all .voip-history-graphs-btn {
	text-indent: -9999px;
	background-position: center;
	padding: 2px 0 5px 23px;
	margin: -3px 0 -6px;
}

.voip-history-total-all .voip-history-tools-btn {
	margin-right: 8px;
}

.voip-history-total-all .voip-history-tools ul {
	left: 0;
}

.voip-history-tools ul {
	position: absolute;
	bottom: 100%;
	left: -5px;
	margin: 0 0 2px;
	padding: 5px 8px;
	list-style-type: none;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #c1c1c1;
	border-radius: 3px 3px 3px 0;
	display: none;
	text-align: left;
}

.voip-history-tools li {
	padding: 3px 0;
}

.voip-history-tools a {
	font-weight: bold;
}

.voip-history-tools li div {
	cursor: pointer;
}

.voip-history-tools li a:hover,
.voip-history-tools li div:hover {
	opacity: .8;
}

.voip-history-tools.open .voip-history-tools-btn {
	background-color: #fff;
	border-color: #c1c1c1;
	border-top: 1px solid #fff;
}

.voip-history-tools.open ul {
	display: block;
}

.voip-history-links {
	display: none;
	border-top: 1px solid #e6e6e6;
	margin: 20px 10px 0;
	padding: 10px 0 0;
	list-style-type: none;
	overflow: hidden;
	font-size: 11px;
}

.voip-history-links li {
	width: 33.333%;
	float: left;
	text-align: center;
}

.voip-history-links div {
	display: inline;
}

.voip-form-systemarea {
	padding-top: 7px;
}

.voip-form-systemarea strong {
	font-weight: 600;
}

/* VOIP user edit */
.voip-graph {
	padding: 0;
}

.voip-graph select {
	margin-bottom: 10px;
	max-width: 215px;
	line-height: 17px;
    height: 33px;
}

.voip-graph img {
	display: block;	
	max-width: 100%;
	height: auto;
}

.voip-graph img + img {
	margin-top: 15px;
}

/* VOIP device edit */
.voip-tab-links {
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
}

.voip-tab-links li {
	margin-right: 1px;
	float: left;
	list-style: none;
}

.voip-tab-links li.change-log {
	float: right;
	margin-right: 0;	
}

.voip-tab-links a {
	border: 0;
	line-height: 16px;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #2d2d2d;
	font-weight: bold;
	padding: 10px;
}

.voip-tab-links a:hover {
	background: #f8f8f8;
}

.voip-tab-links .active a, 
.voip-tab-links .active a:hover {
	background: #eee;
}

.voip-tab-links .disabled a {
	color: #ccc;
}

.voip-tab-links--dropdown {
	height: 36px;
	position: relative;
	overflow: visible;
}

.voip-tab-links--dropdown .voip-tab-links-btn {
	display: none;
	float: right;
	line-height: 27px;
	padding: 0 10px;
	margin: 4px 0 4px 0;
	border: 1px solid transparent;
	position: relative;
	cursor: pointer;
}

.voip-tab-links--dropdown.open .voip-tab-links-btn {
	border-color: #e6e6e6;
	border-bottom-color: #fff;
}

.voip-tab-links--dropdown .voip-tab-links-title {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 37px;
	margin: 0;  
	display: none;
}

.voip-tab {
	display: none;
	padding: 25px 25px 55px;
}

.voip-tab-form {
	padding-bottom: 41px;
}

.voip-tab-shortcuts {
	padding-bottom: 32px;
}

.voip-tab-recent-calls {
	padding-left: 0;
	padding-right: 0;
}

.voip-tab-admin {
	/*padding: 20px 0 25px;*/
	padding: 25px;
}

.voip-tab-admin--porting {
	padding: 20px 0 25px;
}

.voip-tab.active {
	display: block;
}

.voip-tabs-float .voip-btn {
	float: left;
	margin-right: 5px;	
}

.voip-tabs-float .voip-btn-delete,
.voip-tabs-float .voip-btn-download,
.voip-tabs-float .voip-btn-add-extensions {
	margin: 0 0 0 5px;
	float: right;
}

.voip-tabs-float.remove-border-top {
	border-top: 0;
	padding-top: 5px;
}

.voip-columns {
	overflow: hidden;	
}

.voip-cols-content {
	float: left;
	width: 68%;
}

.voip-cols-sidebar {
	float: right;
	position: relative;
	max-width: 310px;
	width: 30%;
	box-sizing: border-box;
}

.device-image {
	position: relative;
}

.device-image-inner {
	padding: 0 10px;
}

.device-image img {
	display: block;	
	margin: 0 auto;
	max-width: 100%;
}

.device-image-placeholder {
	max-width: 250px;
	margin: 0 auto;
	position: relative;
}

.device-image-placeholder::before {
	content: '';
	display: block;
	height: 0;
	padding-bottom: 100%;
}

.device-image-placeholder > img {
	margin: 0;
	width: 100%;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.device-image-background {
	position: absolute;
	z-index: 1;
	background-position: center;
	background-size: cover;
	background-color: #818181;
}

.device-image-background img {
	width: 100%;
	height: 100%;
}

.device-image-background-2135 {
	top: 18.2%;
	left: 60%;
	width: 22%;
	height: 16%;
}

.device-image-background-2170 {
	top: 21.4%;
	left: 54.6%;
	width: 33.2%;
	height: 18.4%;
}

.device-image-background-2130 {
	/*top: 18.8%;
    left: 59.5%;
    width: 23%;
	height: 16.8%;*/
	
	top: 19.2%;
	left: 60%;
	width: 22%;
	height: 16.3%;
}

.device-image-updates {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #008ccb;
	color: #fff;
	padding: 4px 8px;
	transform: translate(-50%, -50%);
	border-radius: 500px;
	white-space: nowrap;
}

.device-image-updates span {
	display: block;
	padding: 4px 24px 4px 4px;
	position: relative;
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.device-image-updates span::after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%; right: 0;
	margin-top: -8px;
	background: url(/images/icn-device-updates.png) no-repeat right center;
	animation: spin 4s infinite linear;
}

.voip-feat-updates {
	width: 16px;
	height: 16px;
	float: left;
	background: url(/images/icn-device-updates-grey.png) no-repeat center center;
	background-size: 100%;
}

.device-connected {
	border: 1px solid #d4d4d4;
	margin-bottom: 14px;
}

.device-connected-title {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding: 10px;
	color: #2d2d2d;
}

.device-connected .device-image-inner {
	border-top: 1px solid #d4d4d4;
}

.device-connected .device-card {
	border: 0;
	border-top: 1px solid #d4d4d4;
	margin-bottom: 0;
}

.app-store-logo,
.app-store-logo:hover {
	border: 0;
}

.app-store-logo img {
	transition: opacity .25s;
}

.app-store-logo:hover img {
	opacity: 0.8;
}

.voip-device-hub {
	padding: 14px 0 14px 95px;
	/*text-align: center;*/
}

.voip-device-hub img {
	max-width: 100%;
	vertical-align: bottom;
}

.voip-device-hub a,
.voip-device-hub a:hover {
	border: 0;
	display: inline-block;
	max-width: 200px;
}

.voip-device-hub div {
	padding-top: 20px;
}

.voip-form-wide .voip-device-hub {
	padding-left: 125px;
}
			
.voip-device-background {
	position: relative;
	border-radius: 2px;
	box-sizing: border-box;
	border: 2px solid #cdcdcd;
	background: #fff;
	padding: 1px;
}

.voip-device-background-btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
	text-align: center;
}
							
.voip-device-background-btn-inner,
.voip-device-bg-add-placeholder div {
	position: absolute;
	top: 50%; left: 50%;
	box-sizing: border-box;
	width: 154px;
	height: 32px;
	padding: 8px 15px;
	margin: -16px 0 0 -77px;
	border-radius: 500px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: center;
	text-shadow: -1px 0 0 #000, 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000;
	opacity: 0;
	transition: opacity .25s;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}

.voip-device-bg-add-placeholder div {
	width: 65px;
	height: 25px;
	padding: 5px 10px;
	margin: -11px 0 0 -32px;
}

.voip-device-background-btn:hover .voip-device-background-btn-inner,
.voip-device-bg-add-placeholder:hover div {
	opacity: 1;
}

.voip-device-bg-container {
	overflow: hidden;
	position: relative;
}

.voip-device-bg-left {
	width: 63%;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.voip-device-bg-left-inner {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.voip-device-bg-options {
	overflow: hidden;
}

.voip-device-bg-options-inner {
	margin: 0 0 -10px 0;
	float: left;
	width: 100%;
}

.voip-device-bg-option,
.voip-device-bg-add {
	width: 25%;	
	float: left;
	box-sizing: border-box;
	padding: 0 10px 10px 0;
}

.voip-device-bg-option label {
	position: relative;
}

.voip-device-bg-option-remove {
	width: 11px;
	height: 14px;
	position: absolute;
	top: 6px;
	right: 7px;
	opacity: 0;
	transition: opacity 0.25s, background 0.25s;
	z-index: 1;
	background: url(/images/icn-background-remove.png) no-repeat;
	background-size: 11px 14px;
}

.voip-device-bg-option-remove:hover {
	background-image: url(/images/icn-background-remove-hover.png);
}

.voip-device-bg-option label:hover .voip-device-bg-option-remove {
	opacity: 1;
}

.voip-device-bg-option.removed .voip-device-bg-option-remove {
	display: none;
}

.voip-device-background img,
.voip-device-bg-option img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

.voip-device-bg-option.removed img {
	opacity: 0.5;
	filter: grayscale(100%);
}

.voip-device-bg-option [type="radio"] {
	position: absolute;
	left: -9999px;
}

.voip-device-bg-option [type="radio"] + label,
.voip-device-bg-option [type="radio"] + label,
.voip-device-bg-add-inner {
	display: block;
	cursor: pointer;
	border: 2px solid #cdcdcd;
	border-radius: 2px;
	transition: border 0.25s;
	padding: 1px;
	background: #fff;
}

.voip-device-background-placeholder,
.voip-device-bg-preview-placeholder,
.voip-device-bg-add-placeholder,
.voip-device-bg-option-placeholder {
	width: 100%; 
	padding-bottom: 75%;
	position: relative;
}

.voip-device-background-placeholder,
.voip-device-bg-preview-placeholder,
.voip-device-bg-option-placeholder {
	background: url(/images/spinner.gif) no-repeat center;
    background-size: 25px;
}

.voip-device-background-placeholder {
	opacity: 1;
	transition: opacity .25s;
}

.voip-device-background:hover .voip-device-background-placeholder {
	opacity: .8;
}
 
.voip-device-bg-option.removed .voip-device-bg-option-placeholder {
	background: #fff;	
}

.voip-device-background-wide .voip-device-background-placeholder,
.voip-device-bg-wide .voip-device-bg-preview-placeholder,
.voip-device-bg-wide .voip-device-bg-add-placeholder,
.voip-device-bg-wide .voip-device-bg-option-placeholder {
	padding-bottom: 56.667%;
}

.voip-device-bg-preview-placeholder,
.voip-device-bg-option-placeholder,
.voip-device-background-placeholder {
	position: relative;
}

.voip-device-bg-softkeys,
.voip-device-background-softkeys {
	background: black;
	position: absolute;
	right: 0; bottom: 0; left: 0;
	height: 0;
	padding-bottom: 10%;
	opacity: 0.6;
}

.voip-device-bg-wide .voip-device-bg-softkeys,
.voip-device-background-wide .voip-device-background-softkeys {
	padding-bottom: 6.7%;
}

.voip-device-bg-add-placeholder:before {
	content: '+';
	position: absolute;
	top: 50%;
	left: 50%;
	color: #008ccb;
	font-size: 50px;
	transform: translate(-50%, -50%);
}

.voip-device-bg-option [type="radio"]:not(:checked) + label:hover,
.voip-device-bg-add-inner:hover {
	border-color: #b3b3b3;
}

.voip-device-bg-option [type="radio"]:checked + label {
	border-color: #008ccb;
}

.voip-device-bg-option [type="radio"]:disabled + label {
	opacity: .5;
	cursor: auto;
}

.voip-device-bg-right {
	width: 37%;
	float: right;
}

.voip-device-bg-preview {
	position: relative;		
	border: 2px solid #cdcdcd;
	border-radius: 2px;
	padding: 1px;
	background: #fff;
}

.voip-device-bg-preview img {
	display: block;
	width: 100%;
	position: absolute;
    top: 0;
    left: 0;
}

.voip-device-bg-edit,
.voip-device-bg-remove {
	height: 20px;
	width: 20px;
	position: absolute;
	top: 10px;
	transition: background 0.25s;
	cursor: pointer;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
}

.voip-device-bg-edit {
	right: 38px;
	background-image: url(/images/icn-background-edit.png);
	background-size: 14px;
}

.voip-device-bg-edit:hover {
	background-image: url(/images/icn-background-edit-hover.png);
}

.voip-device-bg-remove {
	right: 10px;
	background-image: url(/images/icn-background-remove.png);
	background-size: 11px 14px;
}

.voip-device-bg-remove:hover {
	background-image: url(/images/icn-background-remove-hover.png);
}

.voip-device-bg-default {
	position: absolute; 
	top: 50%; left: 50%; 
	width: 86px;
	height: 22px;
	line-height: 12px;
	white-space: nowrap;
	margin: -11px 0 0 -43px;
	text-align: center; 
	text-shadow: -1px 0 0 #000, 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000;
	background: rgba(0, 0, 0, .5);
	border-radius: 500px;
	color: #fff;
	font-size: 11px;
	padding: 5px 6px;
	box-sizing: border-box;
}

.voip-device-user {
	padding: 2px;
}

.voip-input-addon {
	display: table;
	width: 70px;
}

.voip-input-addon.voip-input-invalid input[type="text"] {
	color: #a94442;
	background-color: #f2dede;
	border-color: #c27b7a;
}

.voip-input-addon input[type="text"],
.voip-input-addon span {
	display: table-cell;
	border: 1px solid #cdcdcd;
}

.voip-input-addon input[type="text"] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.voip-input-addon span {
	width: 1%;
	padding: 5px;
	background: #eee;
	border-left: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	line-height: 1;
	white-space: nowrap;
	vertical-align: middle;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.voip-dept-extension {
	padding-bottom: 15px;
}

.voip-form-device-row {
	padding-bottom: 14px;
}

.voip-form-device-row .voip-form-input {
	padding-bottom: 0;	
}

.voip-form-device-row .voip-form-input + .voip-form-input,
.voip-form-device-row .voip-add-device-hub + .voip-form-input,
.voip-form-device-row .voip-add-device-hub .voip-form-input {
	padding-top: 7px;
}

.voip-device-account,
.voip-dept-user,
.voip-upload,
.voip-moh-item,
.voip-date-exclusion-item {
	background: #eee;
	margin-bottom: 1px;
	padding: 5px 25px 5px 5px;	
	position: relative;
	transition: background .25s;
}

.voip-device-account {
	padding-right: 80px;
}

.voip-moh-item,
.voip-date-exclusion-item {
	padding-right: 45px;
	font-size: 13px;
    font-family: 'Lato', sans-serif;
	padding: 5px 45px 5px 7px;
}

.voip-date-exclusion-item {
	line-height: 22px;
	padding-right: 34px;
}

.voip-date-exclusion-item input {
	width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    padding: 6px;
    color: #333;
    height: 30px;
}

.voip-upload {
	padding-right: 13px;
}

.voip-upload-cont {												
	padding-bottom: 20px;
}

.voip-moh {
	max-width: 500px;
}

.voip-date-exclusion {
	max-width: 200px;
}

.voip-moh #voip-tts-error {
	margin: 0 0 20px;
	padding: 12px;
	display: none;
}

.voip-device-account-cont ul,
.voip-upload-cont ul,
.voip-moh ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	/* https://stackoverflow.com/questions/5791886/jquery-draggable-shows-helper-in-wrong-place-after-page-scrolled */
	overflow: auto;
}

.js .voip-moh ul {
	overflow: visible;
}

.voip-moh p {
	margin: 0 0 20px;
}

.voip-moh-add,
.voip-date-exclusion-add {
	margin-top: 20px;
}

.voip-moh .voip-btn-add,
.voip-date-exclusion-add .voip-btn-add,
.voip-switch-groups-add .voip-btn-add {
	padding-left: 30px;
	background-image: url(/images/icn-btn-plus-black.png);
	background-position: 11px center;
	background-repeat: no-repeat;	
	display: inline-block;
	font-size: 11px;
	width: auto;
	line-height: 28px;
	height: 28px;
}

.voip-upload-inner {
	display: table;
	width: 100%;
}

.voip-upload-inner div {
	display: table-cell;
	padding: 0 4px;
}

.voip-device-account-create,
.voip-dept-user-create {
	cursor: pointer;
}

.voip-device-account-create:hover,
.voip-dept-user-create:hover {
	background: #e6e6e6;
}

.voip-dept-user-header,
.voip-device-account-header {
	background: #008ccb;
	margin-bottom: 1px;
	color: #fff;
	padding: 5px 25px 5px 5px;
}

.voip-device-account-header {
	padding-right: 45px;
}

.voip-dept-user-header {
	display: none;	
}

.voip-dept-user-header .voip-dept-user-label {
	padding: 0;
}

.voip-device-account-placeholder,
.voip-dept-user-label {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	padding: 3px 0;
}

.voip-device-account-placeholder {
	padding: 7px 5px;
	line-height: 16px;
}

.voip-device-account-select {
	width: 65%;
	float: left;
}

.voip-device-account-edit {
	width: 30px;
	/* height: 20px; */
	height: 30px;
	position: absolute;
	top: 50%; right: 45px;
	/* margin-top: -9px; */
	margin-top: -15px;
	/* line-height: 20px; */
	line-height: 30px;
	text-align: center;
	background: #008ccb;
	border-radius: 2px;
}

.voip-device-account-edit:hover {
	background: #007eb6;
}

.voip-device-account-edit,
.voip-device-account-edit:hover {
	border: 0;
	color: #fff;
}

.voip-device-account-placeholder {
	width: 100%;
	float: left;
}

.voip-device-account-remove .voip-device-account-placeholder,
.voip-device-account-create .voip-device-account-select,
.voip-device-account-create .voip-device-account-input,
.voip-device-account-create .voip-device-account-edit {
	display: none;
}

.voip-device-account-select select,
.voip-dept-user-select select {
	font-size: 12px;
}

.voip-device-account-input {
	float: left;
	width: 35%;
	padding-left: 5px;
	box-sizing: border-box;
}

.voip-device-account-input input {
	width: 100%;
	box-sizing: border-box;
	font-size: 12px;
	padding: 6px;
	color: #333;
	height: 30px;
}

.voip-device-account-input input::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}

.voip-device-account-input input:-ms-input-placeholder {
	color: #999;
	opacity: 1;
}

.voip-device-account-input input::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.voip-device-account-input input:-moz-placeholder {
	color: #999;
	opacity: 1;
}

.voip-device-account-button,
.voip-device-key-delete,
.voip-dept-user-button,
.voip-moh-item-remove-button,
.voip-date-exclusion-item-remove-button,
.voip-switch-group-remove-button,
.voip-switch-group-member-remove-button {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 17px;
	font-size: 14px;
}

.voip-date-exclusion-item-remove-button {
	right: 7px;
}

.voip-dept-user-button {
	right: 3px;
}

.voip-device-key-delete {
	cursor: pointer;
}

.voip-device-account-button {
	right: 16px;
}

.voip-switch-group-member-remove-button {
	right: 5px;
}

.voip-device-account-remove .voip-device-account-button:hover,
.voip-dept-user-remove .voip-dept-user-button:hover,
.voip-moh-item-remove-button:hover,
.voip-switch-group-remove-button:hover,
.voip-date-exclusion-item-remove-button:hover,
.voip-switch-group-member-remove-button:hover {
	opacity: .8;
}

.voip-device-account-create .voip-device-account-button:after,
.voip-dept-user-create .voip-dept-user-button:after {
	content: "\002B";
	cursor: pointer;
}

.voip-device-account-remove .voip-device-account-button:after,
.voip-dept-user-remove .voip-dept-user-button:after,
.voip-moh-item-remove-button:after,
.voip-switch-group-remove-button:after,
.voip-date-exclusion-item-remove-button:after,
.voip-switch-group-member-remove-button:after {
	content: "\00d7";
	cursor: pointer;
}

.voip-device-account-extra,
.voip-device-account-create .voip-device-account-placeholder,
.voip-dept-user-create .voip-dept-user-label {
	opacity: .5;
}

.ui-sortable-helper.voip-device-account-extra {
	opacity: 1;
}

.voip-device-account-message {
	font-size: 11px;
	color: #818181;
	padding: 10px 0 2px;
	line-height: 11px;
}

.voip-device-keys {
	/*overflow: hidden;*/
	max-width: 990px;
}

.voip-device-keys-content {
	float: left;
	width: 100%;
	margin-right: -290px;	
}

.voip-device-keys-content-inner {
	margin-right: 290px;
	/*overflow: auto;*/
}

.voip-device-key-board {
	margin: 12px 0;
}

.voip-device-key-board[data-number="0"] {
	margin-top: 0;
}

.voip-device-key-board h3 {
	margin: 0;
}

.voip-device-key-page {
	padding: 12px 0;
	/*overflow: auto;*/
}

.voip-device-key-page-header {
	height: 25px;
	padding: 0px 6px;
	font-weight: bold;
	box-sizing: border-box;
	margin: 0px;
	display: block;
}

.voip-device-keys p {
	margin: 0;
	padding: 0;
}

.voip-device-keys ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.voip-device-key-page-labels,
.voip-device-key,
.voip-device-key-line {
	background: #eee;
	padding: 6px 45px 6px 6px;
	/*margin-bottom: 1px;*/
	position: relative;
}

.voip-device-key-line {
	line-height: 30px;
}

.voip-device-key-line .voip-tooltip,
.voip-device-key-overflow .voip-tooltip {
	bottom: 100%;
	left: 10px;
	margin: 0 0 3px;
}

.voip-device-key-line.ui-state-disabled {
	pointer-events: auto;
}

.voip-device-key-line:hover .voip-tooltip,
.voip-device-key-overflow:hover .voip-tooltip {
	display: block;
}

.voip-device-key-page-end {
	margin-bottom: 15px;	
}

.voip-device-key-page-start {
	margin-top: 40px;
}	

.voip-device-key-page-start:before {
	content: "Page " attr(data-page);
	height: 25px;
	padding: 4px 6px;
	background: #008ccb;
	position: absolute;
	left: 0; bottom: 100%; right: 0;
	color: #fff;
	box-sizing: border-box;
	margin: 0 0 1px;
	display: block;
}

.voip-device-key:last-child {
	margin: 0;	
}

.voip-device-key-inner {
	margin-right: -10px;
	/*padding: 0 70px 0 20px;*/
	padding: 0 70px 0 0;
}

.voip-device-key-handle,
.voip-moh-item-handle {
	position: absolute;	
	width: 5px;
	top: 9px;
	bottom: 8px;
	/*right: 4px;*/
	right: 0;
	padding: 0 4px;
	cursor:move;
	cursor:-webkit-grab;
	cursor:-moz-grab;
	cursor:grab;
	border-color: #cdcdcd;
	overflow: hidden;
}

.voip-device-key-handle:hover,
.voip-moh-item-handle:hover {
	border-color: #b3b3b3;	
}

/* Use offset border -2px as chrome renders double dots on top and bottom */
.voip-device-key-handle::before,
.voip-device-key-handle::after,
.voip-moh-item-handle::before,
.voip-moh-item-handle::after {
	content: '';
	position: absolute;
	top: -2px; bottom: -2px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: inherit;
}

.voip-device-key-handle::before,
.voip-moh-item-handle::before {
	/*left: 0;*/
	left: 4px;
}

.voip-device-key-handle::after,
.voip-moh-item-handle::after {
	/*right: 0;*/
	right: 4px;
}

.voip-device-key-overflow .voip-device-key-inner {
	opacity: .5; 
}

.voip-moh .ui-sortable-helper,
.voip-device-account-cont .ui-sortable-helper,
.voip-upload-cont .ui-sortable-helper {
	background: #e6e6e6;
}

.voip-device-key-user,
.voip-device-key-number,
.voip-device-key-label,
.voip-device-key-indicator {
	float: left;
	padding-right: 10px;
	box-sizing: border-box;
}

.voip-device-key-user {
	width: 50%;	
}

.voip-device-key-user select,
.voip-device-key-indicator select {
	font-size: 12px;
}

.voip-device-key-number,
.voip-device-key-label {
	width: 25%;	
}

.voip-device-key-indicator {
	float: right;
	width: 70px;
	margin: 0 -70px 0 0;
}

.voip-device-key-index {
	float: left; 
	width: 20px;
	font-size: 11px;
}

.voip-device-key .voip-device-key-index span {
	line-height: 30px;
}

.voip-device-key .voip-device-key-number span,
.voip-device-key .voip-device-key-label span {
	line-height: 30px;
}

.voip-device-key-number span,
.voip-device-key-label span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.voip-device-key-number input,
.voip-device-key-label input {
	width: 100%;
	box-sizing: border-box;
	font-size: 12px;
	color: #333;
	height: 30px;
}

.voip-device-key-number input.voip-input-invalid {
	border-color: #FF0000;
}

.voip-device-keys .select2-container,
.voip-device-account .select2-container,
.voip-dept-user .select2-container {
	vertical-align: top;	
}

.voip-device-keys .select2-container--default .select2-selection--single,
.voip-device-account .select2-container--default .select2-selection--single,
.voip-dept-user .select2-container--default .select2-selection--single {
	border: 1px solid #cdcdcd;
	border-radius: 2px;	
	height: 30px;	
	color: #000;
}

.voip-device-keys .select2-container--default .select2-selection--single .select2-selection__rendered,
.voip-device-account .select2-container--default .select2-selection--single .select2-selection__rendered,
.voip-dept-user .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 29px;
	color: #333;
}

body .select2-container--default .select2-results__option .optgroup {
	font-weight: 600;
	color: #333;
	padding-bottom: 2px;
}

.select2-container--default .select2-results__group.hide,
.select2-container--default .select2-results__option.hide {
	display: none;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 212px;
}

.select2-container--default .select2-dropdown-voip-module-icons .select2-results > .select2-results__options {
	max-height: 220px;
}

.voip-device-keys-buttons {
	float: right;
	width: 270px;
	padding-top: 37px;
}

.voip-device-keys-buttons .voip-btn {
	display: block;	
	margin-bottom: 10px;
	width: 100%;
	text-transform: none;
	font-size: 14px;
}

.voip-device-key-title {
	padding-bottom: 2px;
	font-size: 11px;
	display: block;
	color: #9b9b9b;
}

.voip-device-key-page-labels .voip-device-key-title {
	padding-bottom: 0;
}

.voip-device-keys-disabled {
	 padding: 20px 0;
	 text-align: center;
}

.voip-device-keys-disabled div {
	cursor: pointer;
	display: inline-block;
	color: #818181;
}

.js .voip-device-key.closed {
	cursor: pointer;
	padding-top: 5px; 
	padding-bottom: 5px;
	/* height: 15px; */
	height: 32px;
}

.js .voip-device-key.closed:hover {
	background: #E6E6E6;
}

.js .voip-device-key.closed .voip-device-key-inner {
	display: none;
}

.js .voip-device-key.closed .voip-device-key-index span {
	line-height: normal;
}

.js .voip-device-key.closed .voip-device-key-delete,
.js .voip-device-key.closed .voip-device-key-handle {
	display: none;	
}

.js .voip-device-key.closed .voip-device-key-title {
	display: none;
}

.shortcuts-swappable {}

.shortcuts-swappable li, 
.shortcuts-swappable-label {
	margin-bottom: 1px;
	background: #eee;
	position: relative;
}

.shortcuts-swappable-value {
	/* margin: 0 0 0 23px; */
	margin: 0 0 0 42px;
}

.shortcuts-swappable-index,
.shortcuts-swappable-btns {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 19px;
	width: 14px;
	font-size: 11px;
	text-align: center;
	padding: 5px 4px 5px 4px;
	border-right: 1px solid #fff;
	white-space: nowrap;
}


.shortcuts-swappable-index:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.shortcuts-swappable-btns {
	left: 0;
	padding-left: 2px;
	padding-right: 2px;
}

.shortcuts-swappable-btns-inner {
	height: 28px;
	top: 50%;
	position: absolute;
	margin-top: -14px;
}

.shortcuts-swappable-btns span {
	display: block;
	cursor: pointer;
	line-height: 14px;
	width: 14px;
	border-radius: 50%;
	transition: background .25s;
}

.shortcuts-swappable-btns span:hover {
	background: #e0e0e0;
}

.shortcuts-swappable-holder,
.shortcuts-swappable-item {
	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-o-transition: background .25s;
	-ms-transition: background .25s;
	transition: background .25s;
}

.shortcuts-swappable-hover {
	background: #f7f7f7;
}

.shortcuts-swappable-hover .voip-device-key {
	background: #f7f7f7;
}

.shortcuts-swappable-holder .shortcuts-swappable-dragging {
	background: #e8e8e8;
}

.voip-device-module {
	margin-bottom: -1px;
	display: block;
}

.voip-device-module-icon {
	width: 15px;
	height: 15px;
	border-radius: 2px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 90%;
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

.voip-device-module-icon--custom {
	background-image: url(/images/icn-shortcut-custom.png);
	background-size: 60%;
	background-color: #808080;
}

.voip-device-module-icon--user-extensions,
.voip-device-module-icon--users {
	background-image: url(/images/voip_designer/voip_cfg_extn_v2.jpg);
	background-color: #511ac1;
}

.voip-device-module-icon--departments {
	background-image: url(/images/voip_designer/voip_cfg_dept.jpg);
	background-color: #60289A;	
}

.voip-device-module-icon--ring-groups {
	background-image: url(/images/voip_designer/voip_cfg_group_v3.jpg);
	background-color: #830dfd;	
}

.voip-device-module-icon--queues {
	background-image: url(/images/voip_designer/voip_cfg_queue_v3.jpg);
	background-color: #7f37C9;	
}

.voip-device-module-icon--prompt-ivrs {
	background-image: url(/images/voip_designer/voip_cfg_prompt_v3.jpg);
	background-color: #1D6673;	
}

.voip-device-module-icon--timed-rules {
	background-image: url(/images/voip_designer/voip_cfg_time_v4.jpg);
	background-color: #59b569;	
}

.voip-device-module-icon--voicemails {
	background-image: url(/images/voip_designer/voip_cfg_voicemail_v2.jpg);
	background-color: #BB27BD;	
}

.voip-device-module-icon--announcements {
	background-image: url(/images/voip_designer/voip_cfg_message_v3.jpg);
	background-color: #149E9C;	
}

.voip-device-module-icon--user-diverts,
.voip-device-module-icon--ext-user-diverts,
.voip-device-module-icon--external-diverts {
	background-image: url(/images/voip_designer/voip_cfg_forward_v2.jpg);
	background-color: #E76E16;	
}

.voip-feature-logs .voip-history-float {
	bottom: 52px;
}

.voip-feature-logs .voip-history-total .voip-history-tbl-col-span span {
	cursor: auto;
}

.device-card {
	overflow: hidden;
	padding: 8px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	border: 1px solid #d4d4d4;
	margin-bottom: 14px;
}

.device-card input[type="text"] {
	width: 100%;
	box-sizing: border-box;
}

.device-card,
.device-card:hover {
	color: #2d2d2d;
}

.device-card-image {
	float: right;	
	padding: 4px;
	margin-left: 8px;
	width: 62px;
	border: 1px solid #d4d4d4;
}

.device-card-image img {
	max-width: 100%;
	height: auto;	
	display: block;
}

.device-card-content {
	overflow: hidden;	
}

.device-card ul {
	padding: 0;
	/*padding-bottom: 6px;*/
	margin: 0;
	list-style-type: none;
}

.device-card li {
	padding: 6px 0;
	overflow: hidden;
	font-size: 12px;
}

.voip-cols-sidebar-large li {
	font-size: 14px;
}

.device-card li strong {
	width: 72px;
	padding-right: 8px;
	float: left;
}

.device-card .admin strong {
	padding-top: 8px;
	padding-bottom: 8px;
}

.device-card .admin div {
	display: none;
}

.device-card li span {
	overflow: hidden; 
	display: block;
}

.device-card .monospace span {
	font-family: 'Inconsolata', monospace;
	/* line-height: 13px; */
	line-height: 16px;
}

.device-card .macaddress div span,
.device-card .vlan div span {
	display: inline;
	margin-right: 5px;
}

.device-card .webhook div {
	float: left;
	max-width: 100%;
}

.device-card .webhook div span {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.device-card-list .device-card-header {
	padding-bottom: 6px;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 8px;
}

.device-card-list .device-card-header-pad {
	padding-top: 6px;
	margin-top: 6px;
}

.device-card-list .device-card-header-admin {
	margin-top: 12px;
}

.device-card-title {
	font-family: 'Lato', sans-serif;
	font-weight: bold; 
	font-size: 15px;
	padding: 2px 0;
}

.device-card-subtitle {
	font-size: 11px;
	color: #818181; 
	line-height: 11px; 
	padding: 4px 0;
}

.device-card-link {
	float: right;
	font-size: 12px;
	margin: 4px 0;
}

.device-card .link-button {
	font-family: 'Lato', sans-serif;
}

.macaddress .link-button {
	margin-right: 5px;
}

.webhook .link-button {
	float: right;
	margin-left: 5px;
}

.webhook .link-button-add {
	float: none;
	margin: 0;
}

.device-quality {
	padding: 1px;
	border: 1px solid #333;							
}

.device-quality__inner {
	height: 12px;
	position: relative;
	background: linear-gradient(to right, #ff3333 0%, #ffff33 50%, #339933 100%);
}
							
/*.device-quality__arrow {
	width: 2px;
	position: absolute;
	top: 1px; bottom: 2px; left: 0;	
	margin-left: -1px;
	background: black;
}
								
.device-quality__arrow::after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	bottom: 2px; left: 50%;
	margin: 0 0 -3px -3px;
	border-style: solid;
	border-width: 5.2px 3px 0 3px;
	border-color: black transparent transparent transparent;
}*/

.device-quality__arrow {
	width: 2px;
	position: absolute;
	top: 0px; bottom: 0px; left: 0;	
	margin-left: -1px;
	background: 0;
	border: 2px solid black;
}

.device-quality--1 .device-quality__arrow {
	left: 0%;
	margin-left: 5px;
}

.device-quality--2 .device-quality__arrow {
	left: 25%;	
}

.device-quality--3 .device-quality__arrow {
	left: 50%;	
}

.device-quality--4 .device-quality__arrow {
	left: 75%;	
}

.device-quality--5 .device-quality__arrow {
	left: 100%;	
	margin-left: -7px;
}

/* VOIP Register Number */
.voip-number {
	max-width: 465px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
}

.voip-overlay .voip-number {
	margin-top: -5px;
}

.voip-number .intelicall-error,
.voip-form .intelicall-error,
.voip-form .intelicall-message,
.voip-cancellation-form .intelicall-error,
.voip-directory .intelicall-error,
.voip-directory .intelicall-message,
.voip-tab-package.intelicall-error,
.voip-tab-recording .intelicall-error {
	padding: 12px 14px;
	margin: 0 0 20px;
}

.voip-overlay .intelicall-error {
	padding: 7px 10px;
    margin: 0 0 7px;
}

.voip-overlay .voip-number .intelicall-error {
	margin: 0 14px 7px;
}

.voip-register-number .voip-number .intelicall-error,
.voip-register-number .voip-number .intelicall-message {
	margin: 0 0 7px;
}

.voip-number-system {
	padding-bottom: 10px	
}

.voip-number-system select {
	width: 100%;
}

.voip-number select {
	border-color: #9b9b9b;	
}

.voip-number .select2-container .select2-selection--single,
.voip-number .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 37px;	
}

.voip-number .select2-container .select2-selection--single {
	border-color: #9b9b9b;
	border-radius: 2px;
}

.voip-number .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 37px;
	color: #333;
}

.voip-number select {
	height: 37px;
}

.voip-number select,
.voip-number input[type="text"],
.voip-number textarea {
	font-family: 'Lato', sans-serif;
	color: #333;
}

.voip-number-type {
	overflow: hidden;
	padding-bottom: 10px;	
}

.voip-number-type-inner {
	margin-right: -25px;
}

.voip-number-type .styled-radio {
	float: left;
	margin-right: 25px;	
}

.voip-number-lookup-cont {
	overflow: hidden;
	padding-bottom: 14px;
}

.voip-number-lookup-note {
	display: block;
	font-size: 11px;
	padding-top: 7px;
	color: #818181;
	line-height: 12px;
}

.mobile .voip-number-lookup-note {
	display: none;
}

.voip-blocksize {
	overflow: hidden;
	padding-top: 10px;	
	margin-bottom: -7px;
}

.voip-blocksize-label {
	float: left;
	line-height: 34px;
}

.voip-blocksize .voip-slider-cont {
	margin-right: 20px;
	padding: 12px 8px 12px 14px;
	overflow: hidden;
}

.voip-blocksize .voip-slider-value {
	width: 20px;
	margin-left: -20px;
	text-align: right;
	padding-top: 11px;
	padding-bottom: 11px;
}

.voip-number-btns {
	overflow: hidden;	
}

.voip-number-btns .voip-btn {
	float: left;
	margin-right: 5px;
}

.voip-number-message {
	margin: 5px 0 18px;
}

.voip-overlay .voip-payment-msg-cont,
.voip-overlay .voip-upgrade-msg-cont,
.voip-register-number .voip-payment-msg-cont,
.voip-register-number .voip-upgrade-msg-cont {
	padding-top: 10px;
	padding-bottom: 2px;	
}

.voip-payment-msg,
.voip-upgrade-msg,
.voip-warning-msg  {
	border: 1px solid #bce8f1; 
	padding: 10px 12px; 
	border-radius: 2px; 
	color: #31708f; 
	background-color: #d9edf7; 
}

.voip-upgrade-msg,
.voip-warning-msg {
	color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;	
}

div + .voip-upgrade-msg-detail,
span + .voip-upgrade-msg-detail,
small + .voip-upgrade-msg-detail {
	padding-top: 10px;
}

.voip-warning-msg {
	margin: 0 0 20px;
}

.voip-payment-msg-label {
	float: left;	
	padding-right: 5px;
}

.voip-payment-msg-note {
	padding-top: 8px;
	display: block;
}

.voip-payment-msg-breakdown {
	padding-top: 4px;
	display: inline-block;
}

.voip-payment-msg-value {
	overflow: hidden;
	display: block;	
}

.voip-payment-msg div + div {
	padding-top: 3px;
}

.voip-number-porting {
	color: #2d2d2d;
}

.voip-number-porting--cancelled {
	border-color: #ff0000;
}

.voip-number-porting__head {
	font-weight: bold;
}

.voip-number-porting__body p {
	margin: 5px 0;
	text-align: justify;
}

.voip-number-porting__stats {
	text-align: justify;
	line-height: 1em;
	margin-right: -10px;
}

.voip-number-porting__stats::before,
.voip-number-porting__stats::after {
	content: '';
	width: 100%;
}

.voip-number-porting__stats::before {
	display: block;
	margin-bottom: -1em;
}

.voip-number-porting__stats::after {
	display: inline-block;
}

.voip-number-porting__stats div {
	display: inline-block;
	padding: 5px 10px 0 0;
	position: relative;
	top: 1em;
}

.voip-number-porting__stats strong {
	font-weight: 600;
	padding: 0 5px 0 0;
}

/* VOIP Call Logs */
.voip-history-header,
.voip-missed-header {
	padding-bottom: 10px;
}

.voip-fax-header,
.voip-voicemail-header {
	float: left;
}

.panel-header-filter .voip-history-header {
	padding-bottom: 0;	
	float: left;
}

.voip-fax-left,
.voip-history-left,
.voip-voicemail-left,
.voip-missed-left {
	float: left;
}

.voip-fax-left-section,
.voip-history-left-section,
.voip-voicemail-left-section,
.voip-missed-left-section {
	width: 235px;
	padding: 0 10px 10px 0;
	box-sizing: border-box;
	float: left;
}

.voip-fax-left-section-4,
.voip-history-left-section-4,
.voip-voicemail-left-section-4,
.voip-missed-left-section-4 {
	width: 335px;
}

.voip-history-left-section-5 {
	width: auto;
}

.voip-history-left-section-5 .styled-checkbox {
	padding: 10px 0;	
}

.voip-fax-left .voip-fax-filter,
.voip-history-left .voip-history-filter,
.voip-voicemail-left .voip-voicemail-filter,
.voip-missed-left .voip-missed-filter {
	float: left;
}

.voip-filter-expand {
	width: 18px;
	height: 20px;
	background: url(/images/icn-filter.png) no-repeat center;
	cursor: pointer;
	display: none;
	vertical-align: middle;
	margin: 2px 5px;
}

.voip-fax-actions,
.voip-voicemail-actions {
	float: right;
	margin: 0 -10px 0 0;
}

.voip-fax-actions .voip-btn,
.voip-voicemail-actions .voip-btn {
	float: left;
	margin: 5px 10px 15px 0;
	border: 1px solid #9b9b9b;
	height: 26px;
	text-transform: none;
}

.voip-fax-actions .checkbox-selector,
.voip-voicemail-actions .checkbox-selector {
	margin: 0 10px 0 0;
	float: left;
}

.voip-voicemail-actions-v2 {
	margin: 0;
}

.voip-voicemail-actions-v2 .voip-voicemail-actions-inner {
	margin: 0 -10px 0 0;
}

.voip-voicemail-actions-v2 .voip-btn {
	width: 40px;
	height: 36px;
	margin: 0 10px 5px 0;
	position: relative;
}

.voip-voicemail-actions-v2 .voip-btn {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 36px;
	z-index: 1;
}

.voip-voicemail-actions-v2 .voip-btn-voicemail-read {
	background-image: url(/images/icn-voicemail-read-2.png);
}

.voip-voicemail-actions-v2 .voip-btn-voicemail-unread {
	background-image: url(/images/icn-voicemail-unread-2.png);
}

.voip-voicemail-actions-v2 .voip-btn-voicemail-restore {
	background-image: url(/images/icn-voicemail-restore-2.png);
}

.voip-voicemail-actions-v2 .voip-btn-voicemail-delete {
	background-image: url(/images/icn-voicemail-delete-2.png);
}
.voip-voicemail-actions-v2 .voip-btn span {
	white-space: nowrap;
	border: 1px solid #fff;
	background: #2a2a2a;
	box-sizing: border-box;
	margin: 4px 0 0;
	padding: 6px;
	position: absolute;
	top: 100%;
	left: 50%;
	display: none;
	transform: translateX(-50%);
	color: #fff;
	font-size: 12px;
}

.voip-voicemail-actions-v2 .voip-btn:hover span {
	display: block;
}

.voip-voicemail-actions-v2 .voip-btn span:before,
.voip-voicemail-actions-v2 .voip-btn span:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	left: 50%;
	border: 8px solid transparent;
	border-top: 0;
	margin: -8px 0 0 -8px;
}

.voip-voicemail-actions-v2 .voip-btn span:before {
	border-bottom-color: #fff;
}

.voip-voicemail-actions-v2 .voip-btn span:after {
	border-bottom-color: #2a2a2a;
	margin-top: -7px;
}

.voip-voicemail-actions-v2 .checkbox-selector {
	display: none;
}

.voip-fax-search,
.voip-history-search,
.voip-voicemail-search,
.voip-missed-search {
	box-sizing: border-box;
	padding: 0 15px 15px 0;
	float: left;
	display: none;
}

.voip-tab-recent-calls .voip-history-search {
	display: block;
}

.voip-fax-search > input,
.voip-history-search > input,
.voip-voicemail-search > input,
.voip-missed-search > input {
	float: right;
	margin-left: 5px;
	width: 36px;
	height: 36px;
	background: #008ccb url(/images/icn-magnify.png) no-repeat center;
	border-radius: 3px;
}

.voip-fax-search > input:hover,
.voip-history-search > input:hover,
.voip-voicemail-search > input:hover,
.voip-missed-search > input:hover {
	background-color: #007eb6;
}

.voip-fax-search-input,
.voip-history-search-input,
.voip-voicemail-search-input,
.voip-missed-search-input {
	overflow: hidden;
}

.voip-fax-search-input input,
.voip-history-search-input input,
.voip-voicemail-search-input input,
.voip-missed-search-input input {
	width: 100%;
	box-sizing: border-box;
	border-color: #9b9b9b;
	height: 36px;
}

.voip-fax-hidden,
.voip-history-hidden,
.voip-voicemail-hidden,
.voip-missed-hidden {
	display: none;
}

.voip-fax-dropdowns .voip-select,
.voip-fax-dropdowns .voip-select-lock,
.voip-history-dropdowns .voip-select,
.voip-history-dropdowns .voip-select-lock,
.voip-voicemail-dropdowns .voip-select,
.voip-voicemail-dropdowns .voip-select-lock,
.voip-missed-dropdowns .voip-select,
.voip-missed-dropdowns .voip-select-lock {
	float: left; 
	height: 36px;
	width: 100%;
	font-size: 13px;
}

.voip-fax-content-cont,
.voip-voicemail-content-cont {
	padding-top: 10px;
	clear: both;
}

.voip-history-footer {
	padding: 0 0 35px;
}

.voip-fax-footer .voip-pagination,
.voip-history-footer .voip-pagination,
.voip-voicemail-footer .voip-pagination,
.voip-missed-footer .voip-pagination,
.voip-recording-footer .voip-pagination,
.voip-directory-footer .voip-pagination {
	float: right;	
}

.voip-fax-footer .voip-pagination,
.voip-voicemail-footer .voip-pagination,
.voip-missed-footer .voip-pagination,
.voip-recording-footer .voip-pagination,
.voip-directory-footer .voip-pagination {
	padding-top: 30px;
}

.voip-pagination a {
	color: #2d2d2d;
	text-decoration: none;
}

.voip-pagination a:hover {
	border-color: #2d2d2d;
}

.voip-pagination .sel {
	font-weight: bold;
	border-bottom: 1px solid #2d2d2d;
}

.voip-pagination-nums {
	display: inline-block;
	padding: 0 8px;
}

.voip-history-type {
	overflow: hidden;	
	float: left;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
	padding: 7px;
	box-sizing: border-box;
	width: 100%;
	text-align: justify;
	font-size: 12px;
	line-height: 1em;
}

.panel-header-filter .voip-history-type {
	color: #fff;	
}

.voip-history-type .styled-checkbox {
	display: inline-block;
	line-height: 20px;
	padding: 0;
	position: relative;
	top: 1em;
}

.voip-history-type:before {
	content: '';
	display: block;
	width: 100%;
	margin-bottom: -1em;
}

.voip-history-type:after {
	content: '';
	width: 100%;	
	display: inline-block;
}

.voip-history-type-internal,
.voip-history-type-inbound,
.voip-history-type-outbound {
	position: relative;
	padding-left: 14px;
}

.voip-history-type-internal:before,
.voip-history-type-inbound:before,
.voip-history-type-outbound:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 50%;
}

.voip-history-type-internal:before {
	width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #3daee1;
	margin-top: -4px;
}

.voip-history-type-inbound:before,
.voip-history-type-outbound:before {
	width: 0;
    height: 0;
	border: 0;
	border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
	margin-top: -5px;
	left: 2px;
}

.voip-history-type-inbound:before {
	border-right: 5px solid #02a935;
}

.voip-history-type-outbound:before {
	border-left: 5px solid #ff0000;
}

.voip-history-type .styled-checkbox [type="checkbox"]:not(:checked) + label:before, 
.voip-history-type .styled-checkbox [type="checkbox"]:checked + label:before {
	width: auto;
	right: 0px;
	height: 19px;
	border-color: #cfcfcf;
	border-radius: 2px;
}

.voip-history-type .styled-checkbox [type="checkbox"]:not(:checked) + label:after, 
.voip-history-type .styled-checkbox [type="checkbox"]:checked + label:after {
	top: 4px;
	left: 4px;
}

.voip-history-type .styled-checkbox > span {
	cursor: pointer;
	border-bottom: 1px solid transparent;
	margin-left: 3px;

	-webkit-transition: border .25s;
	-moz-transition: border .25s;
	-o-transition: border .25s;
	-ms-transition: border .25s;
	transition: border .25s;
}

.voip-history-type .styled-checkbox > span:hover {
	border-bottom: 1px solid #333;
}

.voip-multiselect-cont {
	position: relative;
	width: 100%;
	/* z-index: 4; */
	float: left;
	margin-right: 10px;
}

.voip-multiselect-cont .ui-dropdownchecklist-dropcontainer-wrapper {
	z-index: 4 !important;
}

.voip-dash__filter .voip-multiselect-cont {
	z-index: 4;
}

.voip-multiselect-cont .ui-dropdownchecklist-item {
	font-size: 13px;
}

.voip-multiselect-cont .ui-dropdownchecklist-dropcontainer {
	max-height: 190px;
}

.voip-multiselect {
	width: 100%;
	height: 36px;
	visibility: hidden;
}

.ui-dropdownchecklist-btns-cont .ui-dropdownchecklist-btns {
	width: auto !important;
}

.ui-dropdownchecklist-btns {
	padding-bottom: 47px;
	border: 1px solid #9b9b9b;
	border-top: 0;
	border-radius: 0 0 2px 2px;
	right: 0;
	background: #fff;
}

.ui-dropdownchecklist-btns .ui-dropdownchecklist-dropcontainer {
	border: 0;
	border-radius: 0;
	height: 100% !important;
}

.ui-dropdownchecklist-dropcontainer-btns {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;
	right: 0;
	padding: 8px 10px;
	border-top: 1px solid #cfcfcf;
	background: #fff;
}

.ui-dropdownchecklist-dropcontainer-search {
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	right: 0;
	padding: 3px;
	background: #fff;
	box-sizing: content-box;
	border-bottom: 1px solid #cfcfcf;
}

.ui-dropdownchecklist-dropcontainer-search input {
	width: 100%;
	box-sizing: border-box;
}

.ui-dropdownchecklist-search.ui-dropdownchecklist-btns {
	padding-top: 36px;
}

.crm-multiselect-cont {
	width: 550px;
	max-width: 100%;
}

.voip-dash .ui-dropdownchecklist-btns,
.voip-dash .ui-dropdownchecklist-btns *,
.crm-multiselect-cont .ui-dropdownchecklist-btns,
.crm-multiselect-cont .ui-dropdownchecklist-btns * {
	box-sizing: content-box;
}

.crm-multiselect-cont .ui-widget {
	font-family: 'Open Sans', sans-serif;
}

.crm-multiselect-cont .ui-widget button {
	font-size: 12px;
}

.crm-multiselect-cont .ui-widget-content .ui-state-default,
.crm-multiselect-cont .ui-widget-header {
	border: none;
}

.crm-multiselect-cont .ui-widget-content .ui-state-default:not(.ui-state-hover),
.crm-multiselect-cont .ui-widget-header {
	background: none;
}

.crm-multiselect-cont .ui-dropdownchecklist-text {
	display: block;
	padding: 8px 10px;
}

.crm-multiselect-cont .ui-dropdownchecklist-item input[type="checkbox"] {
	margin: 7px 10px 6px 10px;
	height: 14px;
	width: 14px;
}

.crm-multiselect-cont .ui-dropdownchecklist-group, 
.crm-multiselect-cont .ui-dropdownchecklist-item,
.crm-multiselect-cont .ui-dropdownchecklist-selector .ui-dropdownchecklist-text {
	padding: 0;
}

.crm-multiselect-cont .ui-dropdownchecklist-dropcontainer {
	overflow-x: hidden;
}

.voip-multiselect-cont .ui-dropdownchecklist-dropcontainer {
	max-height: 300px;
}

.voip-fax-dropdowns .daterangeinput,
.voip-history-dropdowns .daterangeinput,
.voip-voicemail-dropdowns .daterangeinput,
.voip-missed-dropdowns .daterangeinput,
.voip-dash__filters .daterangeinput {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	background: #fff;
	border: 1px solid #9b9b9b;
	color: #2d2d2d;
	padding: 8px 10px; 
	width: 100%;
	border-radius: 2px;
	cursor: pointer;
	line-height: 18px;
}

.daterangeinput .caret {
	float: right;
	margin-top: 8px;
}

.ui-dropdownchecklist-selector::before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid \9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	float: right;
	margin-top: 8px;
}

.ui-dropdownchecklist-selector span {
	line-height: 18px;
}

.voip-history-btn {
	background: #008ccb;
	border-radius: 2px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	height: 36px;
	width: 40px;
}

.voip-history-btn:hover {
	background: #007eb6;
}

.voip-fax-table .voip-fax-row-full:nth-child(odd),
.voip-voicemail-table .voip-voicemail-row-full:nth-child(odd),
.voip-missed-table .voip-missed-row-full:nth-child(odd),
.voip-feat-table .voip-feat-row-full:nth-child(odd),
.voip-directory-table .voip-directory-row-full:nth-child(odd),
.voip-logs-table .voip-logs-row-full:nth-child(odd),
.voip-recording-table .voip-recording-row-full:nth-child(odd),
.voip-dash__table .voip-dash__row-full:nth-child(odd),
.voip-porting-table .voip-porting-row-full:nth-child(odd),
.voip-admin-table .voip-admin-row-full:nth-child(odd),
.voip-upload-table .voip-upload-row-full:nth-child(odd),
.voip-fax-table .voip-fax-row-full:hover,
.voip-voicemail-table .voip-voicemail-row-full:hover,
.voip-missed-table .voip-missed-row-full:hover,
.voip-feat-table .voip-feat-row-full:hover,
.voip-directory-table .voip-directory-row-full:hover,
.voip-logs-table .voip-logs-row-full:hover,
.voip-recording-table .voip-recording-row-full:hover,
.voip-dash__table .voip-dash__row-full:hover,
.voip-porting-table .voip-porting-row-full:hover,
.voip-admin-table .voip-admin-row-full:hover,
.crm-table .crm-row-full:nth-child(odd),
.crm-table .crm-row-full:hover {
	background: 0;
}

.crm-row-full td,
.voip-fax-row-full td,
.voip-voicemail-row-full td,
.voip-missed-row-full td,
.voip-feat-row-full td,
.voip-directory-row-full td,
.voip-changes-row-full td,
.voip-logs-row-full td,
.voip-recording-row-full td,
.voip-dash__row-full td,
.voip-porting-row-full td,
.voip-admin-row-full td {
	border: 0;	
}

.voip-voicemail-row-full td,
.voip-missed-row-full td {
	border-bottom: 1px solid #e6e6e6;
}

.voip-fax-row-full td > div,
.voip-history-row-full td > div,
.voip-voicemail-row-full td > div,
.voip-missed-row-full td > div {
	padding: 15px 0;
}

.crm-row-full td > div {
	padding: 11px 0;
}

.voip-feat-row-full td > div,
.voip-directory-row-full td > div,
.voip-changes-row-full td > div,
.voip-logs-row-full td > div,
.voip-recording-row-full td > div,
.voip-dash__row-full td > div,
.voip-porting-row-full td > div,
.voip-admin-row-full td > div {
	padding-top: 10px;	
}

.voip-dash__row-full td > div {
	padding-bottom: 10px;
}

.voip-dash__table--numbers td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.voip-dash__table--queues th,
.voip-dash__table--queues td,
.voip-dash__table--departments-old th,
.voip-dash__table--departments-old td {
	width: 10%;
}

.voip-dash__table--numbers th,
.voip-dash__table--numbers td {
	width: 12%;
}

.voip-dash__table--users th,
.voip-dash__table--users td,
.voip-dash__table--departments th,
.voip-dash__table--departments td {
	width: 9%;
}

.voip-dash__table--queues .voip-dash__col-6,
.voip-dash__table--departments-old .voip-dash__col-6 {
	width: 17%;
}

.voip-dash__table--queues .voip-dash__col-7,
.voip-dash__table--departments-old .voip-dash__col-7 {
	width: 14%;
}

.voip-dash__table--numbers .voip-dash__col-7 {
	width: 14%;
}

.voip-dash__table--users .voip-dash__col-4,
.voip-dash__table--users .voip-dash__col-6,
.voip-dash__table--departments .voip-dash__col-4,
.voip-dash__table--departments .voip-dash__col-6 {
	width: 16%;
}

.voip-dash__table--users .voip-dash__col-7,
.voip-dash__table--users .voip-dash__col-8,
.voip-dash__table--departments .voip-dash__col-7,
.voip-dash__table--departments .voip-dash__col-8 {
	width: 13%;
}

.voip-dash__table--regions th,
.voip-dash__table--regions td {
	width: 18%;
}

.voip-dash__table--queues .voip-dash__col-1,
.voip-dash__table--departments-old .voip-dash__col-1,
.voip-dash__table--users .voip-dash__col-1,
.voip-dash__table--departments .voip-dash__col-1,
.voip-dash__table--numbers .voip-dash__col-1,								
.voip-dash__table--regions .voip-dash__col-1 {
	width: auto;
}

.voip-tab-logs > p {
	margin: 0 0 20px;
	max-width: 1160px;
}	

.voip-logs-table-cont {
	margin: 0 -25px;
}

/* switches */
.voip-switches,
.voip-switches *,
.voip-switches-control,
.voip-switches-control * {
	box-sizing: border-box;
}

.voip-switches,
.voip-switches__inner,
.voip-switches-control,
.voip-switches-control__inner {
	overflow: hidden;
}

.voip-switches,
.voip-switches-control {
	border-top: 1px solid #d4d4d4;
	overflow: hidden;
	height: 42px;
	display: none;
	font-family: 'Open Sans', sans-serif;
	padding: 5px 21px;
}

.js .voip-switches,
.voip-switches-control {
	display: block;
}

.voip-dash .voip-switches,
.voip-dash .voip-switches-control {
	border: 1px solid #d4d4d4;
	padding: 5px 16px;
	clear: both;
}

.voip-switches + .voip-switches-control {
	margin-top: 15px
}

.voip-switches.open,
.voip-switches.check,
.voip-switches-control {
	height: auto;
}

.voip-switches__inner,
.voip-switches-control__inner {
	margin: 0 -16px;
}

.voip-switches__buttons {
	float: right;
	margin: 0 12px;
}

.voip-switches .voip-btn {		
	width: 42px;
	height: 24px;
	padding: 0;
	margin: 3px 4px;
	font-size: 11px;
	background: #339933;
	float: left;
	display: none;
}

.voip-switches .voip-btn:hover {
	background: #2d892d;
}

.voip-switches.apply .voip-btn {
	display: block;
}

.voip-switches.upload .voip-btn {
    background: #fff url(/images/spinner.gif) no-repeat center;
    background-size: 20px;
    text-indent: 100%
}

.voip-switches__expand {
	float: right;
	width: 36px;
	height: 30px;
	padding: 13px 12px;
	margin: 0 -8px 0 4px;
	position: relative;
	display: none;
}

.voip-switches__expand.active {
	user-select: none;
	cursor: pointer;
	display: block;
}

.voip_switches.check .voip-switches__expand {
	display: none;
}

.voip-switches__expand::before,
.voip-switches__expand::after,
.voip-switches.open .voip-switches__expand::before,
.voip-switches.open .voip-switches__expand::after {
	content: '';
	position: absolute;
	top: 13px; bottom: 13px; left: 12px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

.voip-switches__expand::before,
.voip-switches__expand::after {
	bottom: auto;
	border-bottom: 0;
	border-top: 6px solid #333;
}

.voip-switches__expand::after {
	top: 11px;
	border-top-color: #fff;
}

.voip-switches.open .voip-switches__expand::before,
.voip-switches.open .voip-switches__expand::after {
	top: auto;
	border-top: 0;
	border-bottom: 6px solid #333;
}

.voip-switches.open .voip-switches__expand::after {
	bottom: 11px;
	border-bottom-color: #fff;
}

.voip-switches-control a {
	float: left;
	margin: 7px 16px;
	display: block;
}

.voip-switches__switch {
	float: left;
	height: 16px;
	margin: 7px 16px;		
	max-width: 150px;
}

.voip-switches__label {
	overflow: hidden;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis; 
	display: block;
}

.voip-switches .voip-switch {
	float: left;
	width: 32px;
	margin: 0;
}

.voip-switches .voip-switch input + label {
	height: 16px;
	width: 32px;
}

.voip-switches .voip-switch input + label:after {
	width: 14px;
}

.voip-switches .voip-switch input:checked + label:after {
	margin-left: 16px;
}

.voip-draft-switch {
	float: left;
	line-height: 22px;
	padding: 7px 0;
	font-size: 0;
	margin-right: 20px;
	color: #fff;
}

.voip-draft-switch .voip-switch {
	display: inline-block;
	vertical-align: middle
}

.voip-draft-switch input + label:before {
	background-color: #8ce196;
}

.voip-draft-switch input:checked + label:before {
	background-color: #ffff7f;
}

.voip-draft-switch-live-label {
	padding-right: 10px;
	padding-left: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

.voip-draft-switch-draft-label {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

/* VOIP dashboard status */
.voip-dashboard-status {
	border: 1px solid #d4d4d4;
	overflow: hidden;
	margin-top: 15px;
	padding: 5px 16px;
}

.voip-dashboard-status-link,
.voip-dashboard-status-link:hover {
	color: #333;
	border: 0;
}

.voip-dashboard-status-link {
	float: left;
	line-height: 16px;
	margin-right: 30px;
	padding: 7px 0 7px 25px;
	transition: all 0.25s;
}

.voip-dashboard-status-link:hover {
	opacity: 0.8;
}

.voip-dashboard-status-link-device {
	background: url(/images/voip-icn-features-device-bw.png) no-repeat left center;
	padding-left: 30px;
}

.voip-dashboard-status-link-num {
	background: url(/images/voip-icn-features-num-bw.png) no-repeat left center;
	padding-left: 30px;
	background-position: 1px center;
}

.voip-dashboard-status-link-calls {
	background: url(/images/voip-icn-missed-bw.png) no-repeat left center;
	padding-left: 30px;
	background-size: 18px;
}

/* VOIP Directory */
.voip-directory-form {
	max-width: 600px;
	box-sizing: border-box;
}

.voip-directory-form-title {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px;
}

.voip-directory-form .voip-form {
    max-width: none;
}

.voip-directory-form .voip-form-input-label,
.voip-directory-form .voip-form-text-label,
.voip-directory-form .voip-form-text-spacer {
    float: left;
    width: 75px;
}

.voip-directory-form .voip-form-input {
    float: left;
    width: 48%;
}

.voip-directory-form .voip-form-input:nth-child(even) {
    float: right;
}

.voip-directory-form .voip-form-button {
    clear: left;
    padding: 0 0 0 75px;
}

.voip-directory-upload {
    margin: 0;
    padding: 15px;
    border: 1px solid #ccc;
    background: #f9f9f9;
	max-width: 600px; 
	box-sizing: border-box;
}

.voip-directory-contacts {
	width: 100px;
	float: right;
	text-align: right;
	margin: -40px 0 -20px;
}

.voip-directory-contacts-nosystem {
	margin: -24px 0 -36px;
}

.voip-directory-spacer {
	height: 10px;
}

.voip-directory-contacts-label {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 19px;
}

.voip-directory-contacts-value {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    color: #474747;
}

.voip-directory-message {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 12px;
    padding: 8px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #fff;
}

.voip-directory-message.success,
.voip-directory .intelicall-message {
    color: #3c763d;
    border-color: #d6e9c6;
    background-color: #dff0d8;
}

.voip-directory-message.error {
    color: #fff;
    border-color: transparent;
    background-color: #cd1b30;
}

.voip-directory-message div {
    font-weight: bold;
    padding-bottom: 4px;
}

.voip-directory-message span {
    display: block;
    padding-top: 2px;
}

.voip-directory-buttons-wrap {
	overflow: hidden;
	padding-right: 60px;
	position: relative;
}

.voip-directory-btn-download,
.voip-directory-file-upload-choice {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    text-align: left;
    color: #008ccb;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f9f9f9;
	-webkit-transition: color .25s, background-color .25s;
       -moz-transition: color .25s, background-color .25s;
        -ms-transition: color .25s, background-color .25s;
         -o-transition: color .25s, background-color .25s;
            transition: color .25s, background-color .25s;
}

.voip-directory-btn-download {
    float: left;
    height: 38px;
    padding: 0;
    cursor: pointer;
	text-align: center;
	
	box-sizing: border-box;
}

.voip-directory-btn-download,
.voip-directory-file-upload {
	width: 49%;
}

.voip-directory-btn-download div {
    background-image: url(/images/icn-directory-download.png);
}

.voip-directory-btn-download:hover {
    background-color: #fff;
	border-color: #ccc;
}

.voip-directory-file-upload {
    position: relative;
    float: right;
    overflow: hidden;
}

.voip-directory-file-upload-choice {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
	text-align: center;
}

.voip-directory-file-upload:hover .voip-directory-file-upload-choice {
    background-color: #fff;
}

.voip-directory-file-upload-inner,
.voip-directory-file-upload-choice {
    line-height: 38px;
    height: 38px;
}

.voip-directory-file-upload-inner {
    float: left;
    overflow: hidden;
    cursor: pointer;
    border: 0;
}

.voip-directory-file-upload-inner > input[type='file'] {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
}

.voip-directory-file-upload .spinner {
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    margin: -12px 5px 0 0;
    background: url(/images/spinner.gif) no-repeat;
    background-size: 25px;
}

.voip-directory-file-upload.disabled .voip-directory-file-upload-choice {
    opacity: .6;
}

.voip-directory-file-upload.disabled:hover .voip-directory-file-upload-choice {
    background-color: #f9f9f9;
}

.voip-directory-btn-download div,
.voip-directory-file-upload-choice div {
    line-height: 38px;
    height: 100%;
    margin: 0;
    padding: 0 0 0 35px;
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat;
}

.voip-directory-file-upload-choice div {
    background-image: url(/images/icn-directory-upload.png);
}

.voip-switch-cont {
    width: 50px;
    text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}

.voip-switch-label {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 2px;
}

.voip-switch {
    width: 40px;
    margin: 1px auto;
}

.voip-switch * {
    box-sizing: border-box;
}

.voip-switch input{
    position: absolute;
    visibility: hidden;
    margin-left: -9999px;
}

.voip-switch input + label {
    position: relative;
    display: block;
    width: 40px;
    height: 20px;
    padding: 2px;
    cursor: pointer;
    user-select: none;
    border-radius: 20px;
    outline: none;
    background-color: #ccc;
}

.voip-switch input + label:before,
.voip-switch input + label:after {
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    display: block;
    content: '';
}

.voip-switch input + label:before {
    right: 1px;
    transition: background .4s;
    border-radius: 20px;
    background-color: #f1f1f1;
}

.voip-switch input + label:after {
    width: 18px;
    transition: margin .4s;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
}

.voip-switch input:checked + label:before {
    background-color: #8ce196;
}

.voip-switch input:checked + label:after {
    margin-left: 20px;
}

.voip-directory-doc {
    padding: 20px 0 0;
}

.voip-directory-doc-title {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 10px;
}

.voip-directory-doc p {
    margin: 0;
}

.voip-directory-doc ul {
    float: left;
    width: 25%;
    margin: 15px 0 0;
    padding: 0;
    list-style-type: none;
}

.voip-directory-doc li {
    font-size: 11px;
    line-height: 13px;
    padding: 4px 0;
}

.voip-directory-doc li strong {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    display: block;
}

.voip-directory-doc .middle,
.voip-directory-doc .middle li {
    width: 50%;
}

.voip-directory-doc .middle {
    float: right;
}

.voip-directory-doc .middle li {
    float: left;
}

.voip-directory-apply {
	padding: 15px 0 0;
	display: none;
}

.js .intelicall-error-container {
	position: relative;
}

.js .intelicall-error-position {
	position: absolute;
	left: 0;
	top: -50px;
	right: 0;
	z-index: 1;
	pointer-events: none;
}

.js .voip-directory .intelicall-error,
.js .voip-directory .intelicall-message {
	max-width: 600px;
	text-align: center;
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
	pointer-events: all;
}

.voip-call-recording,
.voip-calls-package {
	padding-bottom: 15px;
}

.voip-call-package-active,
.voip-call-storage-active {
	padding-bottom: 5px;
}

.voip-call-recording {
	overflow: hidden;
	max-width: 1100px;
}

.voip-admin-cancel,
.voip-admin-delete {
	padding-top: 30px;
}

.voip-ratechecker {
	max-width: 1100px;
}

.voip-system-control-page {
	padding: 15px 0;
}

.voip-call-recording h3,
.voip-download-history h3,
.voip-calls-package h3,
.voip-inclusive-minutes h3,
.voip-ratechecker h3,
.voip-callbreakdown h3,
.voip-admin-numbers h3,
.voip-admin-phones h3,
.voip-admin-connectivity h3,
.voip-admin-system h3,
.voip-admin-package h3, 
.voip-admin-storage h3,
.voip-admin-payment h3,
.voip-admin-cancel h3,
.voip-admin-delete h3,
.voip-admin-configure h3,
.voip-admin-configure-summary h3,
.voip-additional-settings h3,
.voip-reseller-settings h3,
.voip-recording-authorised h3,
.voip-system-control-page h3 { 
	font-family: 'Lato', sans-serif; 
	font-weight: bold; 
	font-size: 15px; 
	padding-bottom: 16px; 
	margin: 0; 
}

.voip-admin-numbers h3,
.voip-admin-phones h3,
.voip-admin-connectivity--table h3,
.voip-admin-system h3,
.voip-admin-package h3,
.voip-admin-storage h3,
.voip-admin-payment h3,
.voip-admin-cancel h3,
.voip-admin-delete h3,
.voip-admin-configure h3,
.voip-admin-configure-summary h3  {
	padding-bottom: 10px;
}

.voip-admin-numbers form h3,
.voip-admin-phones form h3,
.voip-admin-configure form h3 {
	padding-bottom: 16px;
}

.voip-system-control-page p {
	margin: 0;
	padding-bottom: 15px;
}

.voip-system-control-page-list {
	padding-bottom: 15px;
}

.voip-additional-settings + .voip-additional-settings,
.voip-reseller-settings + .voip-reseller-settings {
	padding-top: 20px;
}

.voip-admin-nosystem {
	text-decoration: line-through;
}

.voip-calls-package p,
.voip-ratechecker p,
.voip-admin-cancel p,
.voip-admin-delete p,
.voip-callbreakdown p,
.voip-recording-authorised p {
	margin: 12px 0;
}

.voip-calls-package h3 + p,
.voip-ratechecker h3 + p,
.voip-admin-cancel h3 + p,
.voip-admin-delete h3 + p,
.voip-callbreakdown h3 + p,
.voip-recording-authorised h3 + p {
    margin-top: 0;
}

.voip-ratechecker .error {
	display: none;
}

.voip-callbreakdown,
.voip-recording-authorised {
	padding-bottom: 30px;
}

.voip-callbreakdown .voip-form-input {
	padding: 6px 0 0;
}

.voip-calls-package .radio-container > .voip-form-note,
.voip-call-recording-section .radio-container > .voip-form-note {
	max-width: 310px;
}

/* .voip-call-recording-section .radio-container > .voip-call-recording-note {
	max-width: none;
} */

.voip-calls-package-cont {
	overflow: hidden;
}

.voip-calls-package-cont__inner {
	margin-right: -20px;
}

.voip-calls-package,
.voip-inclusive-minutes {
	padding: 0 20px 20px 0;
	box-sizing: border-box;
}

.voip-calls-package {
	width: 40%;	
	float: left;
}

.voip-inclusive-minutes {
	width: 60%;
	max-width: 800px;
	float: right;
}

.voip-inclusive-minutes table {
	border-collapse: collapse;
	width: 100%;
}

.voip-inclusive-minutes tbody tr:nth-child(odd) {
	background: #fcfcfc;
}

.voip-inclusive-minutes th,
.voip-inclusive-minutes td {
	border: 1px solid #e6e6e6;
	padding: 5px 7px;
	text-align: center;
}

.voip-inclusive-minutes th {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}

.voip-inclusive-minutes td span,
.voip-inclusive-minutes td span a {
	color: #818181;
	font-size: 11px;
}

.voip-inclusive-minutes td span a:hover {
	color: #007eb6;
}

.voip-inclusive-minutes th:first-child,
.voip-inclusive-minutes td:first-child {
	text-align: left;
}

.voip-inclusive-minutes th:last-child span, 
.voip-inclusive-minutes td:last-child span {
	text-decoration: line-through;
	display: block;
}

.voip-inclusive-minutes .not-applicable,
.voip-inclusive-minutes .not-applicable span,
.voip-inclusive-minutes .not-applicable span a {
	color: #bbb;
}

.voip-ratechecker__input {
	padding-top: 6px;
	max-width: 350px;
}

.voip-ratechecker__input div {
	overflow: hidden;
}

.voip-ratechecker__input input[type="text"] {
	width: 100%;
	box-sizing: border-box;
}

.voip-ratechecker__input input[type="text"].validate-border {
	border-color: #FF0000;
}

.voip-ratechecker__input button {
	float: right;
	width: 110px;
	padding: 0;
	height: 30px;
	margin: 0 0 0 10px;
}

.voip-ratechecker__table-cont,
.voip-reverse-charge__table-cont {
	padding: 10px 0 0;
	display: none;
}

.voip-ratechecker__table th,
.voip-reverse-charge__table th {
	text-align: left;
	white-space: nowrap;
}							

.voip-ratechecker__table td:nth-child(2) {
	max-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*.voip-ratechecker__table th:nth-child(n + 4),
.voip-ratechecker__table td:nth-child(n + 4) {
	text-align: center;
}*/

.voip-ratechecker__table th:nth-child(n + 5),
.voip-ratechecker__table td:nth-child(n + 5),
.voip-reverse-charge__table th:nth-child(n + 3),
.voip-reverse-charge__table td:nth-child(n + 3) {
	width: 1px;
	text-align: center;
}

.voip-ratechecker__table td:first-child,
.voip-reverse-charge__table td:first-child {
	white-space: nowrap;
}

.voip-ratechecker__table .tick:before,
.voip-ratechecker__table .cross:before,
.voip-reverse-charge__table .tick:before,
.voip-reverse-charge__table .cross:before {
	font-weight: bold;
}

.voip-ratechecker__table .tick:before,
.voip-reverse-charge__table .tick:before {
	content: '\2714';
	color: green;
}

.voip-ratechecker__table .cross:before,
.voip-reverse-charge__table .cross:before {
	content: '\2718';
	/* color: #ff0000; */
	color: #aaa;
}

.voip-call-recording-inner {
	margin-right: -20px;
}

.voip-call-recording-section {
	float: left; 
	padding-right: 20px;
	box-sizing: border-box;
}

.voip-call-recording-section-1,
.voip-call-recording-section-2 {
	width: 50%;
}

/*.voip-call-recording-section-3 {
	width: 40%;
}*/

.voip-call-recording-input {
	padding-bottom: 14px;
	overflow: hidden;
}

.voip-call-recording-label,
.voip-call-recording-spacer {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 6px;
}

.voip-call-recording-spacer {
	display: none;
}

.voip-recording-stats {
	padding: 0 0 14px;
}

.voip-recording-stats strong {
	font-size: 20px;
}		

/* Voip widget */
.voip-widget-cont {
	overflow: hidden;
	max-width: 1160px;
	padding-top: 10px;
}

.voip-widget-cont-inner {
	margin-right: -12px;
	overflow: hidden;
}

.voip-widget-link,
.voip-widget-link:hover {	
	display: block;
	border: 0;
	color: #2d2d2d;
}

.voip-widget {
	width: 20%;
	box-sizing: border-box;
	float: left;
	padding: 0 12px 12px 0;
}

.voip-widget-inner,
.voip-feat-nav-link {
	font-family: 'Lato', sans-serif;
	background: #eee;
	border-radius: 3px;
	color: #2d2d2d;
	text-align: center;
	padding: 25px 10px;
}

.voip-feat-nav-link,
.voip-feat-nav-link:hover {
	border: 0;
	color: #2d2d2d;
}

.voip-feat-nav-link:hover {
	background:	#e0e0e0;
}

.voip-widget-small .voip-widget-inner {
	padding-bottom: 20px;
}

.voip-widget-header {
	padding-bottom: 25px;
	min-height: 33px;
}

.voip-widget-small .voip-widget-header {
	min-height: 0;
	padding-bottom: 15px;
}

.voip-widget-title {
	font-size: 16px;
	font-weight: bold;
}

.voip-widget-subtitle {
	padding-top: 2px;
	font-size: 12px;
	color: #868686;	
}

.voip-widget-content {
	overflow: hidden;	
	font-weight: bold;
	min-height: 62px;
}

.voip-widget-small .voip-widget-content {
	min-height: 0;
}

.voip-widget-section {
	float: left;
	width: 50%;	
	padding: 5px 5px 0;
	box-sizing: border-box;
}

.voip-widget-label {
	font-size: 12px;
	padding-bottom: 15px;
}

.voip-widget-value {
	font-size: 26px;	
}

.voip-widget-total {
	padding: 0 5px;
	font-size: 36px;
}

.voip-feat-header-right, 
.voip-feat-dropdowns {
	display: table-cell;
	vertical-align: top;
}

.voip-feat-dropdowns {
	padding-right: 10px;
	padding-bottom: 15px;
}

.voip-feat-header-right {
	width: 100%;
}

.voip-feat-buttons {
	float: left;
	padding-bottom: 15px;
}

.voip-feat-buttons-inner {
	margin: 0 -10px 0 0;
}

.voip-feat-nav {
	float: right;
	padding-bottom: 15px;
}

.voip-feat-nav-inner {
	margin: 0 -10px 0 0;
}

.voip-feat-nav-item {
	float: left;
	box-sizing: border-box;	
	padding: 0 10px 0 0;
}

.voip-feat-nav-link {
	display: block;
	font-size: 12px;
	padding: 6px 10px;	
}

.voip-feat-nav-link.sel {
	background: #ccc;
}

.voip-feat-nav-item-icon,
.voip-feat-nav-item-noicon {
	padding: 5px 0 5px 30px;
	display: inline-block;
	line-height: 14px;
	background-position: left center;
	background-repeat: no-repeat;
}

.voip-feat-nav-item-icon-num {
	background-image: url(/images/voip-icn-features-num-bw.png); 
	padding-left: 26px;
}

.voip-feat-nav-item-icon-extn {
	background-image: url(/images/voip-icn-features-extn-bw.png);
	padding-left: 26px;
}

.voip-feat-nav-item-icon-device {
	background-image: url(/images/voip-icn-features-device-bw.png);
}

.voip-feat-nav-item-icon-dept {
	background-image: url(/images/voip-icn-features-dept-bw.png);
}

.voip-feat-nav-item-noicon {
	padding-left: 0;
}

.device-icon {
	height: 24px;
	display: block;
	margin: -4px 8px -4px 0;
	float: left;
}

.divert-icon {
	width: 24px;
	height: 24px;
	border-radius: 2px;
	background-image: url(/images/voip_designer/voip_cfg_forward_v2.jpg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #E76E16;
}

.device-placeholder {
	/*color: #a0a0a0;*/
}

.device-quality-box {
	width: 14px;
	height: 14px;
	padding: 1px;
	border: 1px solid #333;
	float: left;
	margin: -1px 0 -1px 0;
}

.device-quality-box::after {
	content: '';
	height: 100%;
	width: 100%;
	display: block;
}

.device-quality-box--0::after {
	background: #ff3333;
}

.device-quality-box--1::after {
	background: #ff8433;
}

.device-quality-box--2::after {
	background: #ffd633;
}

.device-quality-box--3::after {
	background: #d6eb33;
}

.device-quality-box--4::after {
	background: #85c233;
}

.device-quality-box--5::after {
	background: #339933;
}

.device-quality-bars,
.device-quality-bars::before,
.device-quality-bars::after {
	float: left;
	padding: 0 1px;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
}

.device-quality-bars::before,
.device-quality-bars::after {
	content: '';
	height: 100%;
	margin: 0 1px;
}

.device-quality-bars {
	height: 16px;
	margin-right: 8px;
}

.device-quality-bars::after {
	border-right: 0;
	padding: 0;
}

.device-quality-bars + span {
	/*color: red;*/
	float: left;
	margin-right: 8px;
}

.offline {
	color: red;
	font-weight: 600;
}

.device-quality-bars--1 {
	color: #ff3333;
}

.device-quality-bars--2 {
	color: #ff3333;
}

.device-quality-bars--3 {
	color: #f93;
}

.device-quality-bars--4 {
	color: #339933;
}

.device-quality-bars--5 {
	color: #339933;
}

.device-quality-bars--1,
.device-quality-bars--2,
.device-quality-bars--3,
.device-quality-bars--4,
.device-quality-bars--5,
.device-quality-bars--2::before,
.device-quality-bars--3::before,
.device-quality-bars--4::before,
.device-quality-bars--4::after,
.device-quality-bars--5::before,
.device-quality-bars--5::after {
	border-left-color: currentColor;
}

.device-quality-bars--5,
.device-quality-bars--3::before,
.device-quality-bars--4::before,
.device-quality-bars--5::before,
.device-quality-bars--5::after {
	border-right-color: currentColor;
}

.device-status,
.device-recording { 
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ccc;
	margin: 4px;
}

.device-status--available {
	background: #02a935;
}

.device-status--busy {
	background: #ffa500;
}

.device-status--offline,
.device-recording--enabled {
	background: #ff0000;
}

.device-recording--transcription-enabled {
	background: #008ccb;
}

.device-recording--transcription-disabled {
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/* Voip form */
.voip-form {
	max-width: 500px;	
}

.voip-form-wide {
	max-width: 530px;
}

.voip-form-graph {
	max-width: 750px;
}

.voip-form p {
	margin: 0 0 25px;
}

.voip-number-left {
	float: left;
	width: 48%;
}

.voip-number-right {
	float: right;
	width: 48%;
}

.voip-form .voip-number-right p {
	margin-bottom: 15px;
}

.voip-tabs-number .voip-form {
	overflow: hidden;
	max-width: 1200px;
}

.voip-form-input,
.voip-form-slider {
	padding-bottom: 15px;
}

.voip-form-input {
	overflow: hidden;
}

.voip-form-input h3 {
	font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 5px;
    margin: 0;
}

.voip-form-input-pad {
	padding-top: 20px;
}

.voip-form-input-nopad,
.voip-callbreakdown .voip-form-input-nopad {
	padding-top: 0;
}

.voip-form-input-compact {
	padding-bottom: 7px;
}

.voip-form-input-compact .styled-radio {
	padding-bottom: 3px;
}

.voip-form-input-small {
	max-width: 310px;
}

.voip-form-input-medium {
	max-width: 415px;
}

.voip-form-wide .voip-form-input-small {
	max-width: 340px;
}

.voip-form-wide .voip-form-input-medium {
	max-width: 445px;
}

.voip-port-form .voip-form-input-small {
	max-width: 360px;
}

.voip-port-form .voip-form-input-medium {
	max-width: 465px;
}

.voip-form-input-spacer,
.voip-form-text-spacer,
.voip-form-input-label,
.voip-form-text-label,
.voip-form-input-label-note {
	float: left;
	width: 95px;
}

.voip-form-wide .voip-form-input-spacer, 
.voip-form-wide .voip-form-text-spacer, 
.voip-form-wide .voip-form-input-label, 
.voip-form-wide .voip-form-text-label, 
.voip-form-wide .voip-form-input-label-note {
	width: 125px;
}

.voip-additional-settings .voip-form-input-label,
.voip-additional-settings .voip-form-input-label-note {
	width: 170px;
}

.voip-port-form .voip-form-input-label, 
.voip-port-form .voip-form-text-label, 
.voip-port-form .voip-form-input-label-note {
	width: 110px;
}

.voip-form-text-label-top {
	padding-top: 5px;
}

.voip-form-input-label {
	/*line-height: 30px; #sam */
	padding-top: 7px;
}

.voip-form-input-inline .voip-form-input-label {
	padding-top: 3px;
}

.voip-form-input-readonly {
	height: 30px;
	line-height: 30px;
}

.voip-form-input-postcode input {
	text-transform: uppercase;
}

.voip-form-input-value,
.voip-form-text-value {
	overflow: hidden;
}

.voip-form-input-value .inline-radio-container{
	padding-top:1px;
}

.voip-form-input-value input[type="text"],
.voip-form-input-value input[type="number"],
.voip-form-input-value textarea,
.voip-form-input-value select {
	box-sizing: border-box;	
	width: 100%;
	font-size: 12px;
	color: #333;
} 

.voip-form-input-value select {
	margin: 0;
}

.voip-form-input-value input[type="text"],
.voip-form-input-value input[type="number"],
.voip-form-input-value textarea {
	padding: 6px;
}

.voip-form-input-value input[type="number"] {
	width: 60px;
}

.voip-form-input-value input[type="text"]:disabled {
	background-color: #f7f7f7;
	border-color: #dcdcdc;
	cursor: not-allowed;	
}

.voip-form-input-value textarea {
	height: 70px;
	display: block;
}

.voip-form-input-value .select2-container--default .select2-selection--single {
	border: 1px solid #cdcdcd;
	border-radius: 2px;	
	height: 30px;	
	color: #000;
}

.voip-form-input-value .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 29px;
	color: #333;
}

.voip-form-text-value .voip-systemlist-trial {
	padding-bottom: 5px;
	display: block;
}

.voip-form-text-value .voip-systemlist-trial + .styled-checkbox {
	padding: 10px 0 0;
}

.voip-form-text-value .styled-checkbox {
	padding: 1px 0;
}

.voip-form-button {
	padding: 5px 0 0 95px;	
}

.voip-form-wide .voip-form-button {
	padding: 5px 0 0 125px;
}

.voip-form-indent {
	padding: 0 0 15px 95px;
}

.voip-form-indent-top {
	padding: 15px 0 0 95px;
}

.voip-form-wide .voip-form-indent {
	padding: 0 0 15px 125px;
}

.voip-form-wide .voip-form-indent-top {
	padding: 15px 0 0 125px;
}

.voip-form-indent .voip-payment-msg,
.voip-form-indent .voip-upgrade-msg {
	margin-top: 2px;
	font-family: 'Lato', sans-serif;
    font-size: 13px;
}

.voip-admin .voip-form-indent .voip-upgrade-msg {
	margin-top: 0;
}

.voip-form-note {
	font-size: 11px;
	color: #818181;
	padding-top: 5px;
	/*padding-bottom: 8px;*/
	padding-bottom: 1px;
	padding-left: 0px;
}

.voip-call-recording-note {
	/*padding: 0 0 14px;*/
	padding: 0;
}

.voip-form-note p {
	padding-bottom: 7px;
	margin: 0px;
}

.voip-form-note p:last-child {
	padding-bottom: 0px;
}

.voip-form-note-line {
	padding-top: 8px;
	padding-bottom: 3px;
}

.voip-form-note-line + .voip-form-note-line {
	padding-top: 0;
}

.voip-form-note-system {
	display: block;
	padding: 0;
}

.voip-form-inline-error {
	color: red;
}

.voip-form-input-extnboard {
	position: relative;
	padding-right: 30px;
	overflow: visible;
}

.voip-form-input-extnboard .voip-form-icon {
	position: absolute;
	top: 0; right: 0;
	width: 17px;
	height: 30px;
}

.voip-form-input-extnboard .voip-form-icon img {
	height: 30px;
	transition: transform .2s;
}

.voip-form-input-extnboard .voip-form-icon img:hover {
	transform: scale(3);
	border: 1px solid #e6e6e6;
	padding: 5px 8px;
	box-sizing: border-box;
	background: #fff;
	z-index: 100;
    position: relative;
}

.voip-input-forward {
	max-width: 140px;
}

.voip-input-maxcallers {
	max-width: 70px;
}

.voip-input-invalid,
.voip-form-input-value .voip-input-invalid,
.voip-overlay .voip-input-invalid,
.voip-modal .voip-input-invalid,
.voip-form-input-value input.voip-input-invalid,
.voip-overlay input.voip-input-invalid,
.voip-modal input.voip-input-invalid,
.select2-hidden-accessible.voip-input-invalid ~ .select2 .select2-selection--single,
.voip-moh .voip-input-invalid {
    /*color: #a94442;
    background-color: #f2dede;
    border-color: #c27b7a;*/
	border-color: #FF0000;
}

.intelicall-content .voip-number .voip-input-invalid,
.intelicall-content .voip-number .select2-hidden-accessible.voip-input-invalid ~ .select2 .select2-selection--single {
	/*border-color: #c27b7a;*/
	border-color: #FF0000;
}

.select2-hidden-accessible.voip-input-invalid ~ .select2 .select2-selection--single .select2-selection__rendered,
.select2-hidden-accessible.voip-input-invalid ~ .select2 .select2-selection--single .select2-selection__placeholder {
	/*color: #a94442;*/
}

.voip-form-prod-selectbox-cont {
	padding-bottom: 12px;	
	z-index: 10;
	position: relative;
}

.voip-form-prod-selectbox {
	width: 100%;
	margin-left: -95px;
	float: left;
}

.voip-form-prod-selectbox-inner {
	margin-left: 95px;
}

.voip-form-prod-selectbox-label {
	height: 54px;
	line-height: normal;
	float: left;
	width: 95px;
	position: relative;
}

.voip-form-prod-selectbox-label:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
	margin-right: -0.25em;	
}

.voip-form-prod-selectbox-label > div {
	display: inline-block;	
	vertical-align: middle;
}

.voip-form-prod-selectbox-label > div a {
	display: block;
}

.voip-form-prod-selectbox .prod-sb-wrap,
.voip-form-prod-selectbox .prod-sb-display,
.voip-form-prod-selectbox .prod-selectbox li,
.voip-form-slider .ui-slider,
.intelicall-content .voip-number select,
.intelicall-content .voip-number .select2-container .select2-selection--single,
.intelicall-content .voip-number .ui-slider {
	border-color: #cdcdcd;
}

.voip-form-input-label-note {
	line-height: 12px;
	height: 30px;
	float: left;
}

.voip-form-input-label-note:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
}

.voip-form-input-label-note > div {
	display: inline-block;	
	vertical-align: middle;
}

.voip-form-input-label-note > div small {
	display: block;
}

.voip-refer-friend .voip-form,
.voip-transfer-system .voip-form,
.voip-porting-sign .voip-form {
	max-width: 400px;
}

.voip-transfer-system .voip-cancel-feature-porting {
	padding-bottom: 25px;
}

.voip-porting-sign .voip-form {
	padding-top: 20px;
}

.voip-refer-friend .voip-form-button,
.voip-transfer-system .voip-form-button,
.voip-porting-sign .voip-form-button {
	margin-right: -5px;
}

.voip-refer-friend .voip-btn,
.voip-transfer-system .voip-btn,
.voip-porting-sign .voip-btn {
	width: 150px;
	box-sizing: border-box;
	margin-right: 5px;
	text-align: center;
	float: left;
}

.voip-porting-embed {
	max-width: 900px;
	border: 1px solid  #d4d4d4;
}

.voip-porting-embed-inner {
	width: 100%;
	padding-bottom: 141%;
	position: relative;
}

.voip-porting-embed-inner iframe {
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.voip-referrals {
	padding: 45px 0 0;
	max-width: 750px;
}

.voip-referrals-header {
	padding-bottom: 5px;
}

.voip-referrals-header h3,
.voip-referrals-header div {
	font-weight: bold;
	line-height: 27px;
}

.voip-referrals-header h3 {
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	padding: 0;
	margin: 0;
}

.voip-referrals-header div {
	float: right; 
	font-size: 20px;
}

.voip-referrals-item {
	margin-top: 10px;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	-ms-transition: background-color .25s;
	transition: background-color .25s;
	border: 1px solid #d4d4d4;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.voip-referrals-item-header {
	padding: 8px;
	background: #eee;
}

.voip-referrals-item-header:hover {
	background: #e6e6e6;
	cursor: pointer;
}

.voip-referrals-item-row-title {
	overflow: hidden;
}

.voip-referrals-item-title,
.voip-referrals-item-stat,
.voip-referrals-item-price {
	line-height: 20px;
}

.voip-referrals-item-title,
.voip-referrals-item-price {
	font-weight: bold;
	color: #333;
	font-size: 14px;
}

.voip-referrals-item-stats,
.voip-referrals-item-row-price {
	float: right;
}

.voip-referrals-item-stat,
.voip-referrals-item-price {
	padding: 0 15px 0 0;
	line-height: 19px;
	display: inline-block;
}

.voip-referrals-item-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.voip-referrals-item-stats {
	padding-left: 15px;
}

.voip-referrals-item-price {
	padding-right: 0;
}

.voip-referrals-item-content {
	padding: 3px 0;
	border-top: 1px solid #d4d4d4;
}

.closed .voip-referrals-item-content {
	display: none;
}

.voip-referrals-item-row,
.voip-referrals-item-empty {
	padding: 3px 7px;
}

.voip-referrals-item-empty,
.voip-referrals-empty {
	text-align: center;
}

.voip-form-slider-value {
	overflow: visible;
	width: 100%;
	margin-left: -95px;
	float: left;	
}

.voip-form-slider-value-inner {
	margin-left: 95px;	
}

.voip-qty-slider .voip-slider-cont {
	margin-right: 30px;	
	padding: 9px 0;
}

.voip-qty-slider .voip-slider-value {
	width: 15px;
	margin-left: -30px;
	text-align: right;
	padding: 7px 0 7px 15px;
}

.voip-ringtime-slider .voip-slider-cont {
	margin-right: 130px;	
	padding: 9px 0;
}

.voip-ringtime-slider .voip-slider-value {
	width: 115px;
	margin-left: -130px;
	padding: 7px 0 7px 15px;
	font-size: 11px;
}

/* Voip subscriptions */
.voip-subscriptions-info {
	max-width: 1100px;
	padding-bottom: 12px;
}

.voip-subscriptions-info h3,
.voip-subscriptions-pricing h3,
.voip-feature-cancellation h3 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 8px;
	margin: 0;	
}

.voip-subscriptions-info p {
	margin: 12px 0;
}

.voip-subscriptions-info p:first-child,
.voip-subscriptions-info h3 + p,
.voip-subscriptions-pricing h3 + p {
	margin-top: 0;
}

.voip-subscriptions-info ul {
	padding-left: 16px;
	margin: 0 0 12px;
}

.voip-feature-cancellation__section {
	padding: 0 0 12px;
}						
								
.voip-feature-cancellation p {
	margin: 0 0 12px;
}

.voip-accessory {
	max-width: 350px;
	margin: 0 0 12px;
	border-bottom: 1px solid #d4d4d4;
}

.voip-accessory__header {
	font-weight: 600;
	padding: 0 0 3px;
}

.voip-accessory__item + .voip-accessory__header {
	padding-top: 16px;
	border-top: 1px solid #d4d4d4;
}

.voip-accessory__item {
	padding: 6px 0;
	overflow: hidden;
	border-top: 1px solid #d4d4d4;
}

.voip-accessory__button {
	float: right;
	width: 50px;
	text-align: right;
}

.voip-accessory__title {
	overflow: hidden;
}

.voip-accessory__title span {
	display: block;
}

/* Voip cancellation */
.voip-cancellation-form p,
.voip-add-system-form p {
	margin: 12px 0;
}

.voip-cancellation-form form {
	padding-top: 8px;	
}

.voip-cancellation-form .styled-checkbox {
	padding-bottom: 10px;	
}

.voip-cancellation-form .styled-checkbox [type="checkbox"] + label {
	padding-left: 25px;	
}

.voip-cancellation-form p:first-child,
.voip-add-system-form p:first-child {
    margin-top: 0;
}

.voip-cancellation-form-header,
.voip-add-system-form-header {
	margin-bottom: 24px;
}

.voip-cancellation-form-buttons {
	padding: 12px 0 0;
}

.voip-cancellation-form .voip-btn {
	margin-right: 5px;
	float: left;
}

.voip-cancellation-form .voip-inclusive-minutes {
	float: none;
	padding: 0 0 12px;
}

.voip-cancel-feature-launch,
.voip-cancel-feature-porting,
.voip-cancel-feature-transfer,
.voip-cancel-feature-contract {
	/*color: #aaa;*/
	color: red;
	padding-bottom: 14px;
}

.voip-cancel-feature-contract {
	padding-bottom: 4px;
}

.voip-cancel-feature-disabled ul {
	margin: 3px 0 10px;
	padding: 0 0 0 18px;
}
							
.voip-cancel-feature-disabled li {
	padding: 3px 0;
}

/* Voip cancel feature */
.voip-cancel-feature {
	max-width: 1100px;
}

.voip-cancel-feature p {
	margin: 10px 0;	
}

.voip-cancel-feature p:first-child {
	margin-top: 0;
}

.voip-cancel-feature ul {
	list-style-type: none;
	margin: 15px 0 7px;
	padding: 0;
}

.voip-cancel-feature ul strong {
    float: left;
    width: 120px;  
}

.voip-cancel-feature ul li {
	padding: 2px 0;	
	overflow: hidden;
}

.voip-cancel-feature-disabled {
	padding-bottom: 18px;
	/*color: #aaa;*/
}

.voip-cancellation-form .voip-cancel-feature-disabled {
	padding-bottom: 0;
}

.voip-forfeit-feature-disabled {
	padding: 10px 0 2px;
	/*color: #aaa;*/
}

.voip-cancel-feature .styled-radio span {
	display: block;	
	color: #aaa;
}

.voip-cancel-feature > div {
	padding: 5px 0 0;
}

.voip-cancel-range .voip-cancel-feature-buttons {
	 padding: 16px 0 0;
}

.voip-admin-subscription {
	padding: 30px 0 0;
	max-width: 1100px;
}

.voip-admin-subscription-header,
.voip-locked-extensions-header {
	font-family: 'Lato', sans-serif; 
	font-weight: bold;
	font-size: 15px; 
	color: #2d2d2d;
}

.voip-admin-subscription-body {
	padding-bottom: 18px;
	padding-top: 10px;
}

/* Quote ponumber */
.quote-ponumber {
	overflow: hidden;
	padding-bottom: 5px;
	max-width: 300px;
}

.quote-ponumber label {
	float: left;
	line-height: 30px;
}

.quote-ponumber div {
	overflow: hidden;		
}

.quote-ponumber input {	
	width: 100%;
	box-sizing: border-box;
}

.voip-navtrail {
	padding-right: 20px;
	position: relative;
	display: inline-block;
}

.voip-navtrail:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid white;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 5px;
}

.panel-header-container {
	position: relative;
	padding-right: 30px;
}

.panel-header-container .panel-header-new-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

.panel-header-back,
.panel-header-back:hover {
	border: 0;
}

.panel-header-back {
	position: absolute; 
	display: block;
	height: 20px;
	width: 20px;
	right: 0;
	top: 50%;
	margin: -10px 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/images/icn-header-back.png) center no-repeat;
	transition: opacity .3s ease;
	opacity: 0.8;
}

.panel-header-back:hover {
	opacity: 1;	
}

.voip-system-welcome-preview {
	max-width: 640px;
}

/* Login activate */
.login-activate-message {
	text-align: center;
	padding-bottom: 25px;	
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}

.login-activate-message-company {
	color: #000;
	font-size: 16px;
	padding-top: 4px;
}

.login-activate-message .login-button {
	margin-top: 20px;	
}

.login-activate-switch {
	padding: 0 0 15px;
}

.login-activate-switch-header {
	font-weight: 600;
	color: #000;
	padding-bottom: 4px;
}

.login-activate-switch ul,
.login-activate-switch li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* Voip Advanced Search */
.voip-adv-search-open-btn,
.voip-adv-search-close-btn {
	float: left;
	cursor: pointer;
}

.voip-adv-search-open-btn {
	line-height: 36px;
	padding-bottom: 10px;
	float: right;
}

.voip-adv-search-close-btn {
	margin-left: 15px; 
	line-height: 36px;
}

.voip-adv-search {
	clear: both;
	max-width: 940px;
	margin-right: -15px;
}

.voip-adv-search.open {
	display: block;	
}

.voip-adv-search-heading {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.voip-adv-search-section,
.voip-adv-search-buttons {
	float: left;
	box-sizing: border-box;
	padding: 0 10px 10px 0;
}

.voip-adv-search-section {
	width: 235px;
}

.voip-adv-search-section.voip-adv-search-section-wide {
	width: 100%;
}

.voip-adv-search-buttons {
	width: 100%;
}

.voip-adv-search-buttons input {
	float: left;
}

.voip-adv-search-label,
.voip-adv-search-spacer {
	width: auto;
	display: block;
	padding-bottom: 2px;
}

.voip-adv-search-input select,
.voip-adv-search-input input[type="text"] {
	height: 36px;
	border-color: #9b9b9b;
	width: 100%;
}

.voip-adv-search-input input[type="text"] {
	box-sizing: border-box;	
}

.voip-adv-search-slider {
	float: right;
	width: 100%;
	height: 36px;
}

.voip-adv-search-slider-inner {
	padding: 5px 4px 0;
}

.voip-duration-slider-value,
.voip-cost-slider-value {
	padding: 7px 0 1px;
	line-height: 12px;
}

.voip-adv-search .voip-btn {
	height: 36px;
	line-height: 38px;
	padding: 0 10px;
}

/* Invisible select */
.invisible-select {
	display: inline-block;
	height: 24px;
	margin: -3px 0;
	text-align: left;
	font-size: 12px;
}

.invisible-select-btn,
.invisible-select select {
	border: 1px solid #e6e6cc;
	border-radius: 2px;
}

.invisible-select-btn:hover,
.invisible-select select {
	border-color: #cdcdcd;
}

.invisible-select-btn {
	line-height: 18px;
	padding: 2px 11px 2px 3px;
	cursor: pointer;
	position: relative;
	-webkit-transition: border-color .25s;
	-moz-transition: border-color .25s;
	-o-transition: border-color .25s;
	-ms-transition: border-color .25s;
	transition: border-color .25s;
}

.invisible-select-btn:after {
	content: '';
	border-top: 3px dashed #333;
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
	position: absolute;
	top: 50%;
	right: 3px;
	margin-top: -1px;
}

.invisible-select select {
	height: 24px;
	font-size: inherit;
	padding: 2px;	
	display: none;
}

/* Account message */
.content_main_margin {
	position: relative;
}

.alert-msg-cont {
	/* position: absolute;*/
	/* right: -30px;*/
	/* left: 0; */

	/*position: relative;
	top: 0;
	left: -38px;
	right: 0;
	z-index: 501;

    width: calc(100% + 68px);*/

	/* Changed 19/06/2025 as was causing a scroll bar and was sut off */
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 501;
}

.alert-msg {
	margin: 0 auto;
/*	width: 95%;*/
	width: 100%;
/*	max-width: 900px;*/
	max-width: none;
}

.alert-msg-inner {
	position: relative;
/*	padding: 10px 20px;*/
	padding: 12px 30px;
/*	border-radius: 0 0 10px 10px;*/
/*
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .7);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .7);
*/
	display: flex;
	align-items: center;
}

.alert-msg-remove {
    position: absolute;
    right: 10px;
    top: 10px;
	background-image: url(/images/delete_v3.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10px;
    cursor: pointer;
}

.alert-msg-danger .alert-msg-inner {
	background: #b61c2e;
}

.alert-msg-warning .alert-msg-inner {
	background: #FFC;
}
.alert-msg-warning .alert-msg-inner::before {
	content: ''; 
	position: relative;
	height: 20px;
	width: 20px;
	background: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.52289 0.853044L0.22874 15.2179C0.0789182 15.4773 2.77288e-05 15.7716 7.30837e-09 16.0711C-2.77142e-05 16.3707 0.0788082 16.665 0.228582 16.9244C0.378355 17.1839 0.593789 17.3993 0.853223 17.5491C1.11266 17.6989 1.40695 17.7777 1.70652 17.7777H18.2935C18.593 17.7777 18.8873 17.6989 19.1468 17.5491C19.4062 17.3993 19.6216 17.1839 19.7714 16.9244C19.9212 16.665 20 16.3707 20 16.0711C20 15.7716 19.9211 15.4773 19.7713 15.2179L11.478 0.853044C11.3282 0.593685 11.1129 0.378312 10.8535 0.228572C10.5941 0.0788315 10.2999 0 10.0004 0C9.70096 0 9.40675 0.0788315 9.14738 0.228572C8.88802 0.378312 8.67264 0.593685 8.52289 0.853044Z" fill="%23EB9D00"/><path d="M10.1086 5.2832H9.89222C9.35955 5.2832 8.92773 5.71502 8.92773 6.24769V10.8577C8.92773 11.3904 9.35955 11.8222 9.89222 11.8222H10.1086C10.6412 11.8222 11.0731 11.3904 11.0731 10.8577V6.24769C11.0731 5.71502 10.6412 5.2832 10.1086 5.2832Z" fill="%23FFF7ED"/><path d="M10.0004 15.4793C10.5928 15.4793 11.0731 14.9991 11.0731 14.4066C11.0731 13.8142 10.5928 13.334 10.0004 13.334C9.40798 13.334 8.92773 13.8142 8.92773 14.4066C8.92773 14.9991 9.40798 15.4793 10.0004 15.4793Z" fill="%23FFF7ED"/></svg>') no-repeat center / contain;
	margin-right: 12px;
}
.alert-msg-warning .alert-msg-inner .alert-msg-text {
    flex: 1;
}

.alert-msg-text,
.alert-msg-text-button {
	padding: 4px 0;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
}

.alert-msg-danger .alert-msg-text {
	color: #fff;
}

.alert-msg-warning .alert-msg-text {
	color: #333;
}

.alert-msg-text div,
.alert-msg-text-button div {
	max-width: 580px;
}

.alert-msg-text-button {
	padding-right: 138px;
}

.alert-msg-button {
	right: 30px;
	display: block;
	background: #77ad46;
	border-radius: 2px;
	width: 120px;
	height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	line-height: 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 0;
}

.alert-msg-button:hover {
	background: #6a9a3e;
	border: 0;
	color: #fff;
}

.alert-msg-danger .alert-msg-button {
	background: #961928;
}

.alert-msg-danger .alert-msg-button:hover {
	background: #86111f;
}

.alert-msg-short,
.alert-msg-short-red {
	height: 8px;
	overflow: hidden;
	color: transparent;
}

/* .alert-msg-short-red,
.alert-msg-short-red .alert-msg-inner {
	background: #b61c2e;
} */

.new-request .alert-msg-cont {
	margin-bottom: 10px;
}

.content_container .alert-msg-inner {
	padding: 8px 10px;
}

.request-authorise-studio-message {
	max-width: 1160px;	
	box-sizing: border-box;
	margin: 28px 0 -10px;
	padding: 12px 14px;
	font-size: 12px;
	background-color: #FFC;
	border: 1px solid #FF9;
}

.request-authorise-studio-message p {
	margin: 0 0 12px;
}

.request-authorise-studio-message input[type="submit"] {
    background: #77ad46;
    border-radius: 2px;
    width: 150px;
    height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #fff;
	margin-bottom: 2px;
}

.request-authorise-studio-message input[type="submit"]:hover {
    background: #6a9a3e;
}

/* subscription table */
.voip-subscriptions-pricing {
	padding: 0 0 12px;
	max-width: 500px;
}

.voip-subscriptions-pricing h3,
.voip-subscriptions-pricing-link {
	padding-bottom: 12px;
}

.voip-subscriptions-pricing-msg {
	padding-top: 20px;
}

.voip-subscriptions-pricing-msg--small {
	font-size: 11px;
}

.dagger {
	font-size: 10px;
    position: relative;
    top: -2px;
}

.voip-subs-table {
	width: 100%;
	border-collapse: collapse;
	color: #2d2d2d;
	font-size: 12px;
}

.voip-subs-table th,
.voip-subs-table td {
	padding: 6px 12px;
}

.voip-subs-table th {
	padding-top: 0;
}

.voip-subs-table th,
.voip-subs-table tbody td {
	border-bottom: 1px solid #e6e6e6;
}

.voip-subs-table tbody tr:nth-child(odd) {
	background: #fcfcfc;
}

.voip-subs-table th {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #e6e6e6;
	text-align: left;
	vertical-align: middle;
}	

.voip-subs-tbl-shrink {
	width: 1px;
}

.voip-subs-tbl-nowrap {
	white-space: nowrap;
}

.voip-subs-tbl-vtop {
	vertical-align: top;
}

.voip-subs-tbl-border {
	border-right: 1px solid #e6e6e6;
	text-align: right;
}

.voip-subs-tbl-border-left {
	border-left: 1px solid #e6e6e6;
}

.voip-subs-table .voip-subs-tbl-multi {
	padding-left: 0;
	padding-right: 0;
}

.voip-subs-table .voip-subs-tbl-vat {
	padding-top: 0;
	padding-bottom: 3px;
}

.voip-subs-table .voip-subs-tbl-total {
	padding-bottom: 0;
}

.voip-subs-quote-reference {
	font-size: 10px;
	color: #818181;
}

.voip-upgrade h2,
.direct-debit h2,
.billing-card h2 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #dadada;
	padding-bottom: 5px;
	margin: 0 0 20px;
}

.voip-upgrade p {
	margin: 0 0 20px;
	max-width: 1100px;
}

.voip-upgrade-section {
	padding-bottom: 20px;
}

.voip-upgrade-content {
	max-width: 530px;
}

.voip-upgrade-header,
.direct-debit-header,
.billing-card-header {
	background: url(/images/accept_v2.png) no-repeat left 4px;
	padding: 5px 10px 10px 35px;
	border-bottom: 1px solid #dadada;
	margin: 0 0 20px;
}

.voip-upgrade-header h2,
.direct-debit-header h2,
.billing-card-header h2 {
	border: 0;
	padding: 0;
	margin: 0;
}

.voip-activate .intelicall-message,
.voip-upgrade .intelicall-message {
	padding: 0 14px;
}

.voip-activate .intelicall-message p,
.voip-upgrade .intelicall-message p {
	margin: 12px 0;
}

.direct-debit-section,
.billing-card-section {
	padding-bottom: 30px;
}

.direct-debit-section .voip-form,
.billing-card-section .voip-form {
	max-width: 950px;
}

.direct-debit-col,
.billing-card-col { 
	width: 48%; 
}

.direct-debit-col--left,
.billing-card-col--left {
	float: left; 
}

.direct-debit-col--right,
.billing-card-col--right {
	float: right;
}

#dd_account_sort,
#account_sort {
	width: 56px;
}

#dd_account_number,
#account_number {
	width: 84px;
}

.direct-debit-section h3,
.billing-card-section h3 {
	margin: 20px 0 10px;
}

.direct-debit-section p,
.billing-card-section p {
	margin: 0 0 10px;
}

.direct-debit-section .account-error p,
.billing-card-section .account-error p,
.direct-debit-section .account-message p,
.billing-card-section .account-message p {
	margin: 12px 0;
}

.direct-debit-section .styled-checkbox [type="checkbox"] + label {
	padding-left: 25px;		
}

.direct-debit-section ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px;
}

.direct-debit-section li {
	padding: 2px 0;
	display: table;
}

.direct-debit-section li strong,
.direct-debit-section li span {
	display: table-cell;
}

.direct-debit-section li strong {
	width: 60px;
}

.direct-debit-guarantee {
	display: table;
}

.direct-debit-guarantee-inner,
.direct-debit-guarantee img {
	display: table-cell;
	vertical-align: top;
}

.direct-debit-modal-header {
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 15px;
}

.direct-debit-modal ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.direct-debit-modal li, 
.direct-debit-modal li span {
	overflow: hidden;
}

.direct-debit-modal li {
	padding: 3px 0;
}

.direct-debit-modal li strong {
	float: left;
	width: 120px;
}

.direct-debit-modal li span {
	display: block;
}

.billing-card #card-number,
.billing-card #cvv,
.billing-card #expiration-date{
	box-sizing: border-box;
	width: 100%;
	/*padding: 6px;*/
	padding: 0;
	color: #333;
	font-size: 13px;
	line-height: 18px;
	border: 1px solid #cdcdcd;
	height: 30px;
	background: #fff;
	border-radius: 2px;
}

.billing-card #card-number.validate-border,
.billing-card #cvv.validate-border,
.billing-card #expiration-date.validate-border {
	border: 1px solid #FF0000;
}

.billing-card #card-number,
.payment-setup-container .billing-card #card-number {
	width: 174px;
}

.billing-card #expiration-date,
.payment-setup-container .billing-card #expiration-date {
	width: 64px;
	float: left;
}

.billing-card #cvv,
.payment-setup-container .billing-card #cvv {
	width: 45px;
}

/* Manage Extensions */
.voip-manage-extns {
	padding-bottom: 30px;
}

.voip-manage-extns p {
	margin: 0 0 25px; 
	max-width: 1160px;
}

.voip-manage-extns-inner {
	margin: 0 -10px 0  0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.voip-manage-extns-col {
	float: left;
	width: 20%;
	padding: 0 10px 25px 0;
	box-sizing: border-box;
}

.swappable-body {
	overflow: hidden;
}

.extns-swappable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.extns-swappable li {
	margin-bottom: 4px;
	line-height: 25px;
}

.extns-swappable-index {
	float: left;
	padding: 1px 7px 1px 0;
	width: 28px;
	text-align: right;
	font-weight: 600;
}

.extns-swappable-value {
	margin-left: 35px;
	border-bottom: 1px solid #d4d4d4;
}

.extns-swappable-active .extns-swappable-value {
	border-color: #d4d4d4;
}

.extns-swappable-admin {
	background: #f7f3fd;
}

.extns-swappable-admin .extns-swappable-value {
	border-bottom-color: #563d7c;
}

.extns-swappable-admin .extns-swappable-holder::before {
	content: 'Locked';
	padding: 0 6px;
    color: #9a9a9a;
	position: absolute;
}

.extns-swappable-holder {
	height: 25px;
}

.extns-swappable-disabled .extns-swappable-holder {
	padding: 0 6px;
	color: #9a9a9a;
}

.extns-swappable-item,
.extns-swappable-item-disabled {
	background: #f1f1f1;
	padding: 0 17px 0 6px;
	height: 25px;
	position: relative;
}

.extns-swappable-item-disabled {
	padding-right: 6px;
	opacity: 0.6;
}

.extns-swappable-holder,
.extns-swappable-item {
	-webkit-transition: background .25s;
	-moz-transition: background .25s;
	-o-transition: background .25s;
	-ms-transition: background .25s;
	transition: background .25s;
}

.extns-swappable-type {
	float: right;
	font-size: 10px;
	padding-left: 10px;
}

.extns-swappable-type-dept { color: #60289A; }
.extns-swappable-type-extn,
.extns-swappable-type-user { color: #511AC1; }
.extns-swappable-type-group { color: #830DFD; }
.extns-swappable-type-queue { color: #7F37C9; }
.extns-swappable-type-ivr { color: #1D6673; }
.extns-swappable-type-message { color: #149E9C; }
.extns-swappable-type-time { color: #347AD0; }
.extns-swappable-type-answer { color: #BB27BD; }
.extns-swappable-type-forward { color: #E76E16; }

.extns-swappable-name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 600;
}

.extns-swappable-placeholder {
	height: 26px;
}

.extns-swappable-dragging {
	background: #e8e8e8;
}

.extns-swappable-hover {
	background: #f7f7f7;
}

.extns-swappable-disabled .extns-swappable-hover {
	background: #fff;
}

.extns-swappable-handle {
	width: 5px;
	position: absolute;
	top: 6px; right: 0; bottom: 5px;
	padding: 0 6px;
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
	overflow: hidden;
}

/* Use offset border -2px as chrome renders double dots on top and bottom */
.extns-swappable-handle::before,
.extns-swappable-handle::after {
	content: '';
	position: absolute;
	top: -2px; bottom: -2px;
	border-left: 2px dotted #cdcdcd;
}

.extns-swappable-handle::before {
	left: 6px;
}

.extns-swappable-handle::after {
	right: 6px;
}

.login-transfer,
.login-invitation {
	text-align: center;
	padding-bottom: 4px;
}

.login-transfer-system {
	color: #000;
	font-size: 16px;
	padding-top: 4px;
}

.login-transfer-message {
	padding: 15px 0 3px;
}

.login-invitation-message {
	padding: 0 0 3px;
}

a.login-button,
a.login-button:hover {
	border: 0;
	color: #fff;
	line-height: 36px;
}

.login-transfer-form,
.login-invitation-form {
	padding: 25px 0 5px; 
	margin-top: 25px;
	border-top: 1px solid #e6e6e6; 
	text-align: left;
}

.login-transfer-input + .login-transfer-input,
.login-invitation-input + .login-invitation-input {
	padding: 15px 0 0;
}

.login-transfer-input-label,
.login-invitation-input-label {
	padding: 0 0 8px;
}

.login-transfer-input-readonly,
.login-invitation-input-readonly {
	color: #000;
	font-size: 16px;
}

.login-transfer-input-field input,
.login-invitation-input-field input {
	width: 100%;
	height: 36px;
	font-size: 16px;
	box-sizing: border-box;
}

.login-transfer-input-field .validate-border,
.login-invitation-input-field .validate-border {
	border: 1px solid #cb0021;
}

.login-transfer-secondary,
.login-invitation-secondary {
	font-size: 11px;
	padding: 7px 0 0;
}

.styled-radio + .login-transfer-secondary {
	padding-left: 2px;
}

.login-transfer-secondary a,
.login-invitation-secondary a {
	color: #008ccb;
	border: 0;
}

.login-transfer-secondary a:hover,
.login-invitation-secondary a:hover {
	color: #007eb6;
}

.login-transfer-secondary input,
.login-invitation-secondary input {
	color: #008ccb;
	border: 0; 
	background: 0; 
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	line-height: 15px;
}

.login-transfer-form .message {
	padding: 0 8px;
	text-align: left;
}

.login-transfer-form .message p {
	margin: 8px 0;
}

/* Graphs */
.line-graph,
.bar-graph,
.pie-graph {
	padding: 15px 0;
}

.line-graph .tickLabel,
.bar-graph .tickLabel,
.pie-graph .tickLabel {
	white-space: nowrap;
}

.voip-systemlist-item-dashboard .bar-graph {
	padding-bottom: 0;
	max-width: 1000px;
	margin: 0 auto;
}

.graph-50 {
	width: 49%;
}

.graph-50--left {
	float: left; 
}

.graph-50--right {
	float: right; 
}

.donut-graph,
.stats-block {
	position: relative;
	opacity: 0;
}

.donut-graph:first-child,
.stats-block:first-child {
	margin-left: 0;
}

.donut-graph__spacer,
.stats-block__spacer {
	width: 100%;
	height: 0;
	padding: 0 0 100%;
}

.donut-graph__inner,
.stats-block__inner {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.donut-graph__canvas,
.stats-block__border,
.line-graph__canvas,
.bar-graph__canvas,
.pie-graph__canvas {
	width: 100%;
	height: 100%;
}

.stats-block__border {
	border-radius: 50%;
	box-sizing: border-box;
}

.donut-graph__label,
.stats-block__label {
	position: absolute;
	width: 85%;
	left: 50%; 
	top: 50%; 
	transform: translate(-50%,-50%); 
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
	color: #2d2d2d;
	font-weight: bold;
}

.donut-graph__label span,
.stats-block__label span {
	display: block;
	font-size: 30px;
	line-height: 1em;
	padding: 4px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.line-graph__header,
.bar-graph__header,
.pie-graph__header {
	display: table;
	width: auto;
	padding-bottom: 15px;
}

.line-graph__title,
.line-graph__legend,
.bar-graph__title,
.bar-graph__legend,
.pie-graph__title,
.pie-graph__legend {
	display: table-cell;
	vertical-align: middle;
}

.line-graph__title,
.bar-graph__title,
.pie-graph__title {
	font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 18px;
	width: 100%;
}

.line-graph__legend,
.bar-graph__legend {
	padding-left: 10px;
}

.line-graph__container,
.bar-graph__container,
.pie-graph__container {
	width: 100%;	
	height: 0;
	padding-bottom: 20%;
	position: relative;
}

.graph-50 .line-graph__container,
.graph-50 .bar-graph__container,
.graph-50 .pie-graph__container {
	padding-bottom: 40%;
}

.line-graph__canvas,
.bar-graph__canvas {
	position: absolute;
	top: 0; left: 0;
}

.line-graph__section,
.bar-graph__section,
.pie-graph__section {
	display: table;
	padding-bottom: 15px;
}

.line-graph__filter,
.bar-graph__filter,
.pie-graph__filter {
	width: 100%;
	display: table-cell;
    vertical-align: middle;
}

.line-graph__filter select,
.bar-graph__filter select,
.pie-graph__filter select,
.line-graph__filter div,
.bar-graph__filter div,
.pie-graph__filter div {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
}

.line-graph__filter select,
.bar-graph__filter select,
.pie-graph__filter select {
	width: 150px;
	height: 36px;
	padding: 5px;
	background: #fff;
	border: 1px solid #9b9b9b;
	border-radius: 2px;
}

.line-graph__filter div,
.bar-graph__filter div,
.pie-graph__filter div {
	line-height: 36px;
	padding-left: 15px;
}

.line-graph__section .line-graph__legend,
.bar-graph__section .bar-graph__legend,
.pie-graph__section .pie-graph__legend {
	padding: 8px 0;
}

.line-graph__footer,
.bar-graph__footer,
.pie-graph__footer {
	text-align: center;
	padding-top: 10px;
}

.pie-graph__body {
	width: 65%;
	height: 100%;
	float: left;
	padding: 12px;
}

.pie-graph__legend {
	width: 35%;
	height: 100%;
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}

.pie-graph__spacer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/* Dashboard */
.voip-dash {
	font-family: 'Lato', sans-serif;
}

.voip-dash * {
	box-sizing: border-box;
}

.voip-dash__top,
.voip-dash__bottom {
	padding: 40px;
}

.crm-dash .voip-dash__top,
.crm-dash .voip-dash__bottom {
	padding: 28px;
}

.voip-dash__top {
	background: #fff;
}

.voip-dash__top-inner,
.voip-dash__bottom-inner {
	margin: 0 -15px -15px 0;
}

.voip-dash__top .notification-container {
	margin-bottom: 15px;
}

.voip-dash__top .notification {
	border: 1px solid #d4d4d4;
}

.notification-container--paymethod a,
.voip-dash__top .notification-container--paymethod a {
	border-color: red;
}

.voip-dash__filter,
.voip-dash__notification,
.voip-dash__section,
.voip-dash .voip-referral-code {
	padding: 0 15px 15px 0;
}

.voip-dash__filter {
	width: 235px;	
	float: left;
}

.voip-dash__notification {
	overflow: hidden;
}

.voip-dash__notification a {
	padding: 5px 10px 5px 32px;
	background: #cd1b30 url(/images/bullet_error_24.png) no-repeat 5px center;
	border: 1px solid #ff9;
	display: block;
	color: #333;		
}

.voip-dash__notification strong {
	line-height: 24px;
	font-size: 13px;
	display: block;
	padding-top: 2px;
	overflow: hidden;
	height: 26px;
}

.voip-dash__notification span {
	white-space: nowrap;
}

.voip-feat-invalid-error,
.voip-systemlist-invalid-error,
.voip-dashboard-invalid-error,
.voip-dash__notification a {
	background-color: #cd1b30;
	border: 0;
	color: #fff;
}

.voip-dash-tabs__buttons {
	display: none;	
}

.voip-dash__section {
	float: left;
	width: 50%;
}

/* .crm-dash .voip-dash__section:nth-child(2) {
	padding-right: 0;
} */

.voip-dash__section--small,
.voip-dash__section--links {
	width: 33.333%;
}

.voip-dash__section--wide {
	width: 100%;
}

.voip-dash__section--links {
	float: right;
}

.voip-dash__section--links ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 -4px;
}

.voip-dash__section--links li {
	padding: 0 0 4px;
}

.voip-dash-link {
	background-color: #eeeeee;
	border-radius: 2px;
	display: block;
	font-size: 18px;
	padding-left: 64px;
	background-repeat: no-repeat;
	position: relative;
	line-height: 38px;
	padding: 10px 10px 10px 64px;
	background-position: 10px center;
	overflow: hidden;
}

.voip-dash-link,
.voip-dash-link:hover {
	border: 1px solid #d4d4d4;
	color: #333333;
}

.voip-dash-link:hover {
	background-color: #e6e6e6;
}

.voip-dash-link:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(/images/icn-dashboard-link-gloss.png) no-repeat left center;
	background-size: contain;
}

.voip-dash-link--calls {
	background-image: url(/images/icn-dashboard-link-calls.png);
}

.voip-dash-link--system {
	background-image: url(/images/icn-dashboard-link-system.png);
}

.voip-dash-link--reports {
	background-image: url(/images/icn-dashboard-link-reports.png);
}

.voip-dash-link--voicemail {
	background-image: url(/images/icn-dashboard-link-voicemail.png);
}

.voip-dash-link--account {
	background-image: url(/images/icn-dashboard-link-account.png);
}

.voip-dash-link--support {
	background-image: url(/images/icn-dashboard-link-support.png);
}

.voip-dash__top .voip-dash-widget {
	border: 1px solid #d4d4d4;
}

.voip-dash__bottom .voip-dash-widget {
	background: #fff;
}

.voip-dash-widget__head {
	padding: 25px 30px;
}

.voip-dash__section--small .voip-dash-widget__head {
	padding: 20px 16px;
}

.voip-dash-widget__title {
	overflow: hidden;
	font-size: 18px;
	color: #008ccb;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 37px;
	line-height: 24px;
}

.voip-dash-widget__title--users {
	background-image: url(/images/icn-dashboard-header-users.png);
}

.voip-dash-widget__title--calls {
	background-image: url(/images/icn-dashboard-header-calls.png);
}

.voip-dash-widget__title--overview {
	background-image: url(/images/icn-dashboard-header-overview.png);
}

.voip-dash-widget__title--outbound {
	background-image: url(/images/icn-dashboard-header-outbound.png);
}

.voip-dash-widget__title--inbound {
	background-image: url(/images/icn-dashboard-header-inbound.png);
}

.voip-dash-widget__title--call-activity {
	background-image: url(/images/icn-dashboard-header-call-activity.png);
}

.voip-dash-widget__title--numbers-activity {
	background-image: url(/images/icn-dashboard-header-numbers-activity.png);
}

.voip-dash-widget__title--departments-activity {
	background-image: url(/images/icn-dashboard-header-departments-activity.png);
}

.voip-dash-widget__title--hourly-activity {
	background-image: url(/images/icn-dashboard-header-hourly-activity.png);
}

.voip-dash-graphs .voip-dash-widget__title--hourly-activity {
	float: left;
}

.voip-dash-widget__title--daily-activity {
	background-image: url(/images/icn-dashboard-header-daily-activity.png);
}

.voip-dash-widget__title--breakdown-year {
	background-image: url(/images/icn-dashboard-header-breakdown-year.png);
}

.voip-dash-widget__title--breakdown-month {
	background-image: url(/images/icn-dashboard-header-breakdown-month.png);
}

.voip-dash-widget__title--quote {
	background-image: url(/images/icn-dashboard-header-quote.png);
}

.voip-dash-widget .voip-dash-widget__title--sentiment,
.voip-dash-widget .voip-dash-widget__title--question {
	padding: 0;
}

.voip-dash-widget__title--sentiment {
	float: left;
}

.voip-dash__section-ai:nth-child(2n + 1) {
	clear: left;
}

.voip-dash__section-ai .voip-dash-widget__graph .pie-graph__container {
	padding-bottom: 35%;
}

.voip-dash-widget__buttons {
	float: right;
}

.voip-dash-widget__buttons ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.voip-dash-widget__buttons li {
	float: left;
	padding: 2px 1px;
	color: #767676;
}

.voip-dash-widget__buttons--all li:nth-child(3) {
	padding-left: 14px;
	padding-right: 0;
	color: #008ccb;
}

.voip-dash-widget__btn {
	font-size: 11px;
	background: #fff;
	border: 1px solid #f3f3f3;
	line-height: 18px;
	text-align: center;
	padding: 0 9px;
	border-radius: 20px;
	cursor: pointer;
	display: block;
}

.voip-dash-widget__btn,
.voip-dash-widget__btn:hover {
	color: inherit;
	border-color: #f3f3f3;
}

.voip-dash-widget__btn:hover {
	background: #f3f3f3;
	border-color: #d9d9d9;
}

.voip-dash-widget__btn--sel,
.voip-dash-widget__btn--sel:hover {
	color: #fff;
	border-color: #767676;
	background-color: #767676;
}

.voip-dash-widget__btn span {
	padding-left: 14px;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
}

.voip-dash-widget__btn--internal span {
	background-image: url(/images/icn-dashboard-filter-internal.png);	
}

.voip-dash-widget__btn--internal.voip-dash-widget__btn--sel span {
	background-image: url(/images/icn-dashboard-filter-internal-sel.png);	
}

.voip-dash-widget__btn--inbound span {
	background-image: url(/images/icn-dashboard-filter-inbound.png);	
}

.voip-dash-widget__btn--inbound.voip-dash-widget__btn--sel span {
	background-image: url(/images/icn-dashboard-filter-inbound-sel.png);	
}

.voip-dash-widget__btn--outbound span {
	background-image: url(/images/icn-dashboard-filter-outbound.png);	
}

.voip-dash-widget__btn--outbound.voip-dash-widget__btn--sel span {
	background-image: url(/images/icn-dashboard-filter-outbound-sel.png);	
}

.voip-dash-widget__btn--all span {
	background-image: url(/images/icn-dashboard-filter-all.png);	
}

.voip-dash-widget__filters {
	float: right;
	margin: -4px 0;
}

.voip-dash-widget__filters select {
	float: left;
	line-height: 16px;
    height: 32px;
}

.voip-dash-widget__filters select + select {
	margin-left: 5px;
}

.voip-dash-widget__body {
	padding: 0 30px 25px;
}

.voip-dash__section--small .voip-dash-widget__body {
	padding: 0;
}

.voip-dash-widget__table,
.voip-dash-widget__graph {
	display: none;
}

.voip-dash-widget--open {
	display: block;
}

.voip-dash-widget__table table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.voip-dash-widget__table th {
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	padding: 0 10px 6px;
	height: 20px;
}

.voip-dash-widget__table th,
.voip-dash-widget__table td em,
.voip-dash-widget__table td strong {
	color: #767676;
}

.voip-dash-widget__table th,
.voip-dash-widget__table td em {
	text-transform: uppercase;
}

.voip-dash-widget__table td {
	border-top: 1px solid #f3f3f3;
	padding: 9px 10px;
	font-size: 14px;
	height: 49px;
}

.voip-dash-widget__table td em,
.voip-dash-widget__table td strong {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	padding-top: 1px;
}

.voip-dash-widget__table td em {
	color: #ff0000;
}

.voip-dash-widget__table td div {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

.voip-dash-widget__table td div em,
.voip-dash-widget__table td div span,
.voip-dash-widget__table td div strong {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.voip-dash-widget__table .full-row {
	text-align: center;
}

.voip-dash-widget__table .full-row td {
	vertical-align: top;
	height: 294px;
}

.voip-dash-widget__table-head {
	border-bottom: 1px solid #f3f3f3;
	position: relative;
	z-index: 1;
}

.voip-dash-widget__table-body {
	overflow: hidden;
	height: 294px;
	margin-top: -1px;
	position: relative;
}

.voip-dash-widget__table-body .voip-dash-widget__table-cover {
	display: none;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	cursor: pointer;
}

.voip-dash-widget__table-body.disabled .voip-dash-widget__table-cover {
	display: block;
}

.voip-dash-widget__table-scroll {
	position: relative;
	height: 100%;
}

.mobile .voip-dash-widget__table-scroll {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#tooltip {
	position: absolute;
	display: none;
	border: 1px solid #fdd;
	padding: 2px;
	background-color: #fee;
	opacity: 0.80;
	max-width: 150px;
	pointer-events: none;
}

/* Prevent scrolling on iOS */
.mobile .voip-dash-widget__table-body.disabled .voip-dash-widget__table-scroll {
	overflow: hidden;
}

.voip-dash-widget__table th:first-child,
.voip-dash-widget__table td:first-child {
	padding-left: 16px;
}

.voip-dash-widget__table th:last-child,
.voip-dash-widget__table td:last-child {
	padding-right: 16px;
}

.voip-dash-widget__table-users th:nth-child(2),
.voip-dash-widget__table-users td:nth-child(2) {
	width: 21%;
}

.voip-dash-widget__table-users th:nth-child(3),
.voip-dash-widget__table-users td:nth-child(3) {
	width: 27%;
}

.voip-dash-widget__table-users th:nth-child(4),
.voip-dash-widget__table-users td:nth-child(4) {
	/*width: 20%;*/
	width: 26%;
}

.voip-dash-widget__table-recent th:nth-child(2),
.voip-dash-widget__table-recent td:nth-child(2) {
	width: 30%;
}

.voip-dash-widget__table-recent th:nth-child(3),
.voip-dash-widget__table-recent td:nth-child(3) {
	width: 22%;
}

.voip-dash-spacer {
	position: relative;
	margin: 12px 0;
}

.voip-dash-spacer__spacer {
	height: 0;
	padding-bottom: 50%;
}

.voip-dash-spacer__inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.voip-dash-spacer__table {
	display: table;
	width: 100%;
	height: 100%;
}

.voip-dash-spacer__table-cell {
	display: table-cell;
	vertical-align: middle;
}

.voip-dash__donuts {
	text-align: center;
	font-size: 0;
	max-width: 615px;
	margin: 0 auto;
}

.voip-dash__donut {
	display: inline-block;
	width: 25%;
	padding: 1.6%;
}

.voip-dash__overview {	
	padding: 0 15px 15px 0;
}

.voip-dash__overview .voip-config__donuts {
	padding: 20px 0 0 0;
}

.voip-dash-widget__graph .bar-graph,
.voip-dash-widget__graph .pie-graph,
.voip-dash-widget__graph .line-graph {
	padding: 0;
}

.voip-dash-widget__graph .bar-graph__container,
.voip-dash-widget__graph .pie-graph__container,
.voip-dash-widget__graph .line-graph__container {
	padding-bottom: 50%;
}

.voip-dash__section--wide .voip-dash-widget__graph .bar-graph__container,
.voip-dash__section--wide .voip-dash-widget__graph .pie-graph__container,
.voip-dash__section--wide .voip-dash-widget__graph .line-graph__container {
	padding-bottom: 20%;
}

.voip-dash-widget__graph .bar-graph__footer,
.voip-dash-widget__graph .pie-graph__footer,
.voip-dash-widget__graph .line-graph__footer,
.voip-systemlist-item-dashboard .bar-graph__footer {
	padding-top: 10px;
	height: 24px;
}

.voip-dash-widget__graph .bar-graph__legend,
.voip-dash-widget__graph .pie-graph__legend,
.voip-dash-widget__graph .line-graph__legend,
.voip-systemlist-item-dashboard .bar-graph__legend {
	padding: 0;
	display: inline-block;
}

.voip-dash-widget__graph .bar-graph__legend table,
.voip-dash-widget__graph .pie-graph__legend table,
.voip-dash-widget__graph .line-graph__legend table,
.voip-systemlist-item-dashboard .bar-graph__legend table {
	border-collapse: collapse;
}

.voip-dash-widget__graph .legendLabel,
.voip-systemlist-item-dashboard .legendLabel {
	color: #767676;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 10px 0 3px;
}

.voip-dash-widget__graph .pie-graph .legendLabel {
	text-transform: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

.voip-dash-widget__graph .legendColorBox,
.voip-systemlist-item-dashboard .legendColorBox {
	padding: 0 0 0 10px;
}

.voip-dash-widget__graph .legendColorBox > div,
.voip-systemlist-item-dashboard .legendColorBox > div {
	border: 0 !important;
	padding: 0 !important;
}

.voip-dash-widget__graph .legendColorBox div,
.voip-systemlist-item-dashboard .legendColorBox div {
	border-radius: 50%;
	border-width: 7px !important;
	width: 14px !important;
}

.voip-dash-widget__graph .flot-text {
	font-size: 11px !important;
}

.voip-dash .voip-referral-code {
	margin: 0;
}

.voip-dash .voip-referal-code-info {
	background: #f7f7f7;
}

.voip-dash--scheduled {
	font-family: 'Open Sans', sans-serif;
}

.voip-dash__schedule-content {
	max-width: 700px;
	width: 58%;
	float: left;
}

.voip-dash__schedule-sidebar {
	float: right; 
	border: 1px solid #d4d4d4; 
	padding: 5px 15px; 
	width: 39%; 
	box-sizing: border-box;
	max-width: 390px;
}

.voip-dash__schedule-sidebar p {
	margin: 10px 0;
}

.voip-dash__schedule-content .intelicall-message {
	margin: 0 0 10px;
}

.voip-dash-voicemail-note {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #d4d4d4;
	display: inline-block;								
}

.menu-sub {
	padding-top: 20px;
}

#navigation ul .menu-sub li, 
#navigation ul .menu-sub li.sel, 
#navigation ul .menu-sub li:hover {
    height: 42px;
    line-height: 42px;
}

#navigation ul .menu-sub li a {
	padding-top: 12px;
	padding-bottom: 12px;
}

.nav-account-overdue {
	background: url(/images/exclamation_v2.png) no-repeat right center;
	background-size: 18px;
	padding-right: 30px;
	margin-right: 10px;
}

/* Status */
.voip-status {
	max-width: 1100px;

	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;

	-webkit-column-width: 260px;
	-moz-column-width: 260px;
	column-width: 260px;

	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}

.voip-status__filter,
.voip-directory__filter {
	width: 235px;
	padding: 0 15px 15px 0;
	box-sizing: border-box;
	float: left;
}

.voip-status__filter select,
.voip-directory__filter select {
	font-size: 13px;
}

.voip-status-dept,
.voip-status-user {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.voip-status-dept {
	/* Force Firefox & Edge to behave like Chrome */
	display: inline-block;
	width: 100%;
	padding: 5px 0;
}

.voip-status-dept__header {
	font-size: 18px;
	padding-bottom: 3px;
}

.voip-status-dept__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.voip-status-dept__name span {
	font-size: 12px;
	vertical-align: middle;
}

.voip-status-dept__count {
	float: right;
	padding-left: 10px;
}

.voip-status-user {
	display: table;
	width: 100%;
	padding: 5px 0;
}

.voip-status-user__side,
.voip-status-user__body,
.voip-status-user__content, 
.voip-status-user__extn {
	display: table-cell;
	vertical-align: middle;
}

.voip-status-user__side {
	padding-right: 10px;
}

.voip-status-user__body,
.voip-status-user__content {
	width: 100%;
}

.voip-status-user__extn {
	padding-left: 10px;
}

.voip-status-user__extn a,
.voip-status-user__extn a:hover {
	color: #2d2d2d;
	border: 0;
}

.voip-status-user__indicator {
	width: 8px;
	height: 8px;
	background: #ccc;
	border-radius: 50%;
}

.voip-status-user__indicator.available {
	background: #02a935;
}

.voip-status-user__indicator.busy {
	background: #ffa500;
}

.voip-status-user__indicator.offline {
	background: #ff0000;
}

.voip-status-user__name {
	color: #2d2d2d;
	font-size: 13px;
}

.voip-status-user__value {
	font-size: 11px;
	color: #989898;
	text-transform: capitalize;
	position: relative;
}

.voip-status-user__value.internal,
.voip-status-user__value.inbound,
.voip-status-user__value.outbound {
	padding-left: 10px;
}

.voip-status-user__value.internal::before,
.voip-status-user__value.inbound::before,
.voip-status-user__value.outbound::before {
	content: '';
	position: absolute;
	left: 0; top: 50%;
}

.voip-status-user__value.internal::before {
	width: 6px; height: 6px;
	background: #3daee1;
	border-radius: 50%;
	margin: -3px 0 0 0;
}

.voip-status-user__value.inbound::before,
.voip-status-user__value.outbound::before {
	width: 0; height: 0;
	border: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin: -4px 0 0 2px;
}

.voip-status-user__value.inbound::before {
	border-right: 4px solid #02a935;
}

.voip-status-user__value.outbound::before {
	border-left: 4px solid #ff0000;
}

/* Number porting */
.request-port-form {
	padding-bottom: 8px;
}

.request-port-form-summary {
	padding: 13px 0 7px;
}

.request-port-form-summary .request-title {
	padding: 0;
}

.request-port-form-summary .request-title {
	padding: 0;
}

.request-port-form-summary .request-description {
	height: auto;
	padding: 15px 0 0;
}

.request-port-form-summary .request-description:after {
	display: none;
}

.request-port-form-summary .request-files {
	padding: 15px 0 0;
}

#porting_form,
.voip-admin--porting {
	max-width: 1160px;	
}

.new-request #porting_form {
	display: none;
}

.request-white-section #porting_form {
	/*margin: -12px 0;*/
	/*padding: 0 0 22px;*/
}

.voip-port-block__head {
	padding: 10px 0;
	border-bottom: 2px solid #e2e2e2;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 14px;
}

.voip-port-block--expand .voip-port-block__head {
	cursor: pointer;
	background: url(/images/icn-expand-more.png) no-repeat center right;
}

.voip-port-block--open .voip-port-block__head {
	background-image: url(/images/icn-expand-less.png);
}

.voip-port-form {
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	margin-bottom: 14px;
}

.request-port-form .voip-port-form {
	margin-top: 14px;
}

.voip-port-form__head,
.voip-port-number__head {
	display: table;
	width: 100%;
	padding: 7px 10px;
	box-sizing: border-box;
}

.voip-port-form__head {
	background: #eee;
}

.voip-port-form--expand .voip-port-form__head:hover {
	background: #e6e6e6;
}

.voip-port-number__head {
	cursor: pointer;
	background: #f9f9f9;
	position: relative;
	background-image: url(/images/icn-porting-invalid.png);
	background-repeat: no-repeat;
	/*background-position: right 9px center;
	padding-right: 32px;*/
	background-position: right 13px center;
	padding-right: 42px;
}

.voip-port-number__head:hover {
	background-color: #f2f2f2;
}

.voip-port-number__head .styled-checkbox {
	position: absolute; 
	top: 50%; 
	right: 10px; 
	margin-top: -8px;
	width: 16px; 
	padding: 0;
	font-size: 0.1px;
}

.voip-port-form__details,
.voip-port-form__status {
	display: table-cell;
}

.voip-port-form__details {
	width: 100%;
}

.voip-port-form__status {
	vertical-align: middle;
	padding-left: 10px;
	white-space: nowrap;
}

.voip-port-form--accepted .voip-port-form__status {
	color: #02a935;
}

.voip-port-form--rejected .voip-port-form__status {
	color: #ff0000;
}

.voip-port-form__title,
.voip-port-number__title {
	color: #333;
	font-size: 14px;
}

.voip-port-number__title {
	font-weight: 600;
}

.voip-port-number__subtitle {
	font-size: 12px;
}

.voip-port-form__body {
	border-top: 1px solid #d4d4d4;
	padding: 10px 10px 0;
}

.voip-port-form--disabled .voip-port-form__body {
	display: none;
}

.voip-port-form__message {
	margin: 0 0 10px;
	padding: 10px 12px;
}

.voip-port-form__cols {
	margin: 0 -10px 0 0;
	overflow: hidden;
}

.voip-port-form__col {
	float: left;
	padding: 0 10px 0 0;
	box-sizing: border-box;
	width: 50%;
}

.voip-port-form--client .voip-port-form__col {
	width: 100%;
}

.voip-port-help-cont {
	overflow: hidden;
}

.voip-port-section {
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
}

.voip-port-form--client .voip-port-section,
.voip-port-form--client .voip-port-help {
	width: 50%;
	margin-bottom: 10px;
	float: left;
	box-sizing: border-box;
}

.voip-port-help {
	display: none;
}

.voip-port-form--client .voip-port-help {
	padding-left: 15px;
	display: block;
}

.voip-port-form--client .voip-port-section--closed ~ .voip-port-help {
	display: none;
}

.voip-port-section__head {		
	padding: 10px 125px 10px 10px;
	line-height: 18px;
	font-size: 13px;
	font-weight: 600;
	position: relative;
}

.voip-port-section--complete .voip-port-section__head {
	padding-right: 40px;
}

.voip-port-section__head:after {
	content: 'Incomplete';
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 50%; right: 0;
	margin-top: -10px;
	padding-right: 40px;
	background: url(/images/icn-porting-invalid.png) no-repeat right 13px center;
	color: #ff0000;
}

.voip-port-section--complete .voip-port-section__head:after {
	content: '';
	background: url(/images/icn-porting-valid.png) no-repeat right 10px center;
}

.voip-port-section__body {
	padding: 0 10px 10px;
}

.voip-port-section--closed .voip-port-section__body {
	display: none;
}

.voip-port-section--numbers .voip-port-section__body {
	padding: 0;
}

.voip-port-form--expand .voip-port-form__head,
.voip-port-section--expand .voip-port-section__head,
.voip-port-section--toggle.voip-port-section--complete .voip-port-section__head {
	cursor: pointer;
}

.voip-port-section--expand .voip-port-section__head:hover,
.voip-port-section--toggle.voip-port-section--complete .voip-port-section__head:hover {
	background-color: #f5faff;
}

.voip-port-section .voip-btn-link {
	width: 94px;
	text-align: center;
	height: 33px;
	line-height: 33px;
}

.voip-port-section__sign {
	margin: 0 0 -10px;
}

.voip-port-section__sign .voip-btn-link {
	margin: 0 10px 10px 0;
	width: auto;
	min-width: 94px;
}

.voip-port-section .voip-form-input {
	padding: 7px 0;
}

.voip-port-section .voip-form-input-compact {
	padding: 3px 0;
}

.voip-port-section .voip-form-input-value input:disabled,
.voip-port-section .voip-form-input-value textarea:disabled,
.voip-port-section .voip-form-input-value select:disabled {
	background-color: #f9f9f9;
	opacity: 1;
}

.voip-port-section__summary {
	cursor: pointer;
	background: #f9f9f9;
	border-top: 1px solid #e6e6e6;
	padding: 7px 10px;
	font-weight: 600;
	font-size: 14px;
}

.voip-port-section__summary:hover {
	background-color: #f2f2f2;
}

.voip-port-section__summary ~ .voip-port-section__body {
	border-top: 1px solid #e6e6e6;
	padding-top: 10px;
}

.voip-port-address {
	padding: 4px 0;
}

.voip-form-input--porting-date .styled-checkbox {
	padding: 14px 0 0;
}

.voip-port-form-indicator,
.voip-port-form-indicator ~ .voip-form-note {
	padding-right: 20px;
}

.new-request-section-project .voip-port-form-indicator {
	max-width: 520px;
}

.voip-form-input--features .voip-port-form-indicator {
	max-width: 230px;
}

.voip-port-form-indicator--empty {
	background: url('/images/icn-porting-empty.png') no-repeat right center;
}

.voip-port-form-indicator--validate input,
.voip-port-form-indicator--validate select {
	border-color: #FF0000;
}

.voip-port-section--authorisation .voip-form-input-label,
.voip-port-section--authorisation .voip-form-text-label,
.voip-port-section--authorisation .voip-form-input-label {
	line-height: 33px;
	padding-top: 0;
}

.voip-port-section__buttons {
	overflow: hidden;
	padding-bottom: 10px;
	position: relative;
}

.voip-port-section--numbers .voip-port-section__buttons {
	padding: 10px;
	border-top: 1px solid #e6e6e6;
}

.voip-port-section__buttons .voip-form-note {
	padding: 0; 
	margin: 0; 
	overflow: hidden;
	text-align: right;
	line-height: 30px;
	padding-left: 10px;
}

.voip-port-section__buttons .voip-btn-add {
	float: left;
}

.voip-port-section__buttons--disabled .voip-btn-add {
	display: none;
}

.voip-port-number {
	border-top: 1px solid #e6e6e6;
	/*margin: 0 0 10px;*/
}

.voip-port-number--complete .voip-port-number__head {
	background-image: url(/images/icn-porting-number-valid.png);
	background-repeat: no-repeat;
	/*background-position: right 10px center;
	padding-right: 32px;*/
	background-position: right 13px center;
	padding-right: 42px;
}

.voip-port-number--admin .voip-port-number__head {
	cursor: auto;
}

.voip-port-number--admin.voip-port-number--complete .voip-port-number__head {
	cursor: pointer;
}

.voip-port-number--admin .voip-port-number__head:hover {
	background: #eee;
}

.voip-port-number__body {
	padding: 5px 10px;
	border-top: 1px solid #e6e6e6;
	/*display: none;*/
}

.voip-port-number--closed .voip-port-number__body {
	display: none;
}

.voip-port-number__preview {
	padding: 14px 0 0;
}

.voip-form-input-question {
	padding-bottom: 7px;
}

.voip-form-input--redcare {
	padding-bottom: 0;
}

.voip-form-input--message {
	/*width: 50%;
	padding-right: 5px;*/
	width: 100%;
	box-sizing: border-box;
}

.voip-form-input--features .voip-form-input {
	padding: 0 0 14px;
}

.voip-form-input--features .voip-form-input:last-child {
	padding-bottom: 0;
}

.voip-form-input--features select {
	/*max-width: 210px;*/
}

.voip-form-input--features .error,
.voip-form-input--features .warning {
	margin: 7px 0 0;
	padding: 10px 12px;
	font-size: 12px;
}

.voip-form-input--features .warning {
	/*color: #333;*/
	color: #ef0e0e;
	border: 1px solid #d4d4d4;
    background: #f3f3f3;
}

.voip-form-input--features .error {
	color: #fff;
    border: 1px solid #ff4e4e;
    background: #ff4e4e;
}

.voip-port-number__buttons {
	padding: 7px 0 7px 110px;
}

.voip-port-form__buttons {
	margin-bottom: 10px;
}

.voip-port-form__buttons .voip-form-note {
	padding: 4px 0 14px;
}

.voip-port-form__buttons .voip-btn-delete {
	 float: right;
}

.voip-port-btn {
	position: relative;
	float: left;
}

.voip-port-btn button:disabled ~ .voip-port-btn-cover {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.voip-port-save {
	padding: 0 0 14px;
}

.voip-port-number--admin,
.voip-port-number--admin .voip-port-number__body {
	border-color: #bcdba3;
}

.voip-port-number--admin .voip-port-number__head,
.voip-port-number--admin .voip-port-number__head:hover {
    background: #dff0d8;
}

.voip-port-number--admin .voip-port-number__title,
.voip-port-number--admin .voip-port-number__subtitle {
	color: #3c763d;
}

.voip-port-number--rejected,
.voip-port-number--rejected .voip-port-number__body {
	border-color: #dda7b0;
}

.voip-port-number--rejected .voip-port-number__head,
.voip-port-number--rejected .voip-port-number__head:hover {
    background: #f2dede;
}

.voip-port-number--rejected .voip-port-number__title,
.voip-port-number--rejected .voip-port-number__subtitle {
	color: #a94442;
}

.voip-admin > .error,
.voip-admin > .message,
.voip-admin > .success {
	margin-top: 0;
}

.voip-admin > .message {
	border-radius: 0;
}

.voip-admin__header {
	padding: 0 0 20px;
}

.voip-admin__header--porting {
	padding: 0 0 10px;
}

.voip-admin__header h2 {
	overflow: hidden;
	margin: 0;
}

.voip-admin__header a {
	float: right;
	margin: 4px 0 4px 10px;
}

.voip-admin__message {
	padding: 0 0 14px;
	color: #818181;
}

.voip-admin .voip-port-save {
	padding-bottom: 0;
}

.voip-admin__buttons .voip-btn-secondary {
	float: right;
}

.voip-admin__open {
	padding: 25px 0 0;
}

.voip-admin__open h3 {
	margin: 0;
	padding-bottom: 6px;
}

.voip-admin__open div {
	padding: 2px 0;
}

.voip-admin-numbers + .voip-admin-numbers,
.voip-admin-connectivity + .voip-admin-connectivity,
.voip-admin-phones + .voip-admin-phones,
.voip-admin-configure + .voip-admin-configure {
	padding-top: 40px;
}

.voip-admin-system + .voip-admin-system,
.voip-admin-payment + .voip-admin-payment {
	padding-top: 20px;
}

.voip-admin-numbers th,
.voip-admin-numbers td {
	/* width: 33.333%; */
	/* width: 25%; */
	width: 20%;
}

.voip-admin-table .voip-admin-id {
	width: 1px;
	padding-right: 0;
}

.voip-admin-numbers .voip-admin-id span {
	width: 40px;
	display: block;
}

.voip-admin--upload {
	max-width: 500px;
}

.voip-admin--upload .voip-upgrade-msg {
	margin-bottom: 25px;
}

.voip-admin-create-switch {
	cursor: pointer;
}

.voip-admin-create .voip-admin-system:last-child {
	padding-top: 0;
}

.device-return-section + .device-return-section {
	padding-top: 20px;
}

.voip-upload-table-cont {
	padding: 0 0 30px;
}

.voip-upload-table-cont h3,
.voip-upload-form h3 {
	margin: 0 0 15px;
}

.voip-upload-table {
	border-top: 1px solid #e6e6e6;
	margin-bottom: 20px;
}

.voip-upload-table th,
.voip-upload-table td {
	padding: 8px;
}

.voip-upload-form .error {
	margin-top: 0;
}

.voip-upload-label input {
	width: 100%;
	box-sizing: border-box;
}

.voip-upload-label .voip-input-invalid {
	border-color: #FF0000;
}

.voip-upload-form .file-upload {
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #cdcdcd;
	border-radius: 2px;
}

.voip-upload-enable,
.voip-upload-play,
.voip-upload-remove {
	width: 1px;
}

.voip-upload-id {
	width: 30px;
}

.voip-upload-enable button,
.voip-upload-remove button {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	border: 0;
	background: 0;
	cursor: pointer;
	padding: 0;
	transition: all .2s;
}

.voip-upload-enable button {
	padding: 0 3px;
}

.voip-upload-enable button:hover {
	opacity: 0.8;
}

.voip-upload-enable button img {
	vertical-align: middle;
}

.voip-upload-remove button {
	border-bottom: 1px solid transparent;
}

.voip-upload-remove button:hover {
	border-bottom: 1px solid #2d2d2d;
}

.voip-porting-cancelled td:first-child {
	background: url(/images/icn_feat_cancelled.png) no-repeat 3px center;
}

.voip-porting-col-reference,
.voip-porting-col-client,
.voip-porting-col-status,
.voip-porting-col-date,
.voip-porting-col-days {
	width: 12%;
}

.voip-porting-col-numbers div {
	overflow: hidden;
	line-height: 16px;
	height: 16px;
}

.voip-porting-col-numbers div span {
	white-space: nowrap;
}

.voip-porting-col-edit,
.voip-porting-col-view,
.voip-system-col-edit {
	width: 1px;	
}

.new-request .voip-port-save {
	padding: 12px 0 0;
}

/* spinner */
.input-spinner {
	width: 50px;
	overflow: hidden;
	border: 1px solid #cdcdcd;
	border-radius: 2px;
	position: relative;
}

.input-spinner__btns {
	width: 15px;
	position: absolute;
	top: 0; right: 0; bottom: 0;
}

.input-spinner__input {
	padding: 0 15px 0 0;
}

.input-spinner__input input {
	box-sizing: border-box;
	width: 100%;
	border: 0;
}

.input-spinner__btn {
	width: 100%;
	height: 50%;
	position: relative;
	background: #eee;
	cursor: pointer;
}

.input-spinner__btn:hover {
	background: #dcdcdc;
}

.input-spinner__btn:active {
	background: #c5c5c5;
}

.input-spinner__btn:before {
	content: '';
	border: 4px solid transparent;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}

.input-spinner__btn--up:before {
	border-bottom: 4px solid #333;
	border-top: 0;
}

.input-spinner__btn--down:before {
	border-top: 4px solid #333;
	border-bottom: 0;
}

/* checkbox selector */
.checkbox-selector {
	width: 34px; 
	height: 16px; 
	border-radius: 2px; 
	padding: 4px; 
	margin: -5px; 
	border: 1px solid #9b9b9b; 
	background: #fff;
	cursor: pointer;
	position: relative;
	z-index: 3;
}

.checkbox-selector:before,
.checkbox-selector:after {
	content: '';
	position: absolute;
}

.checkbox-selector:before {
	top: 50%; right: 6px;
	border-top: 5px solid #2d2d2d;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	margin-top: -2px;
}

.checkbox-selector.open:after {
	width: 100%;
	height: 3px;
	background: #fff;
	left: 0; top: 100%;
	z-index: 2;
	margin-top: -1px;
}

.checkbox-selector .styled-checkbox {
	width: 16px;
	padding: 1px 0 0;
	font-size: 0.1px;
}

.checkbox-selector ul {
	position: absolute;
	top: 100%; left: -1px;
	margin: 0;
	padding: 3px 0; 
	list-style-type: none;
	border: 1px solid #9b9b9b;
	background: #fff;
	z-index: 1;
	border-radius: 0px 2px 2px 2px;
	font-weight: normal;
	font-size: 13px;
	display: none;
}

.checkbox-selector.open ul {
	display: block;
}

.checkbox-selector li {
	padding: 3px 25px;
	cursor: pointer;
}

.checkbox-selector li:hover {
	color: #fff;
	background: #008ccb;
}

/* star */
.star {
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(/images/star_inactive.png) no-repeat;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.star.sel {
	background-image: url(/images/star_active.png);
}

.voip-input-location {
	position: relative;
}

.voip-input-location__edit {
	position: absolute;
	top: 50%;
	right: 25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 15px;
	width: 15px;
	background: url(/images/monitoring/cog.png) center center no-repeat; /* change this */
	background-size: 100% 100%;
	cursor: pointer;
	display: none;
}

.voip-input-location .select2-container--default .select2-selection--single .select2-selection__rendered { /* ? */
	padding-right: 45px;
}

.voip-input-float {
	position: relative;
	transition: opacity .3s ease;
}

.voip-input-float label {
	position: absolute;
	top: 50%;
	left: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .3s ease;
	color: #7b7b7b;
}

.voip-input-float input[type="text"] {
	border: 1px solid #bfbfbf;
	width: 100%;
	border-radius: 0;
	height: 40px;
	padding-top: 16px;
	box-sizing: border-box;
}

.voip-input-float input[type="text"].voip-input-invalid {
	border-color: #c27b7a;
	color: #a94442;
}

.voip-input-float input[type='text']:focus {
	border-color: #008ccb;
}

.voip-input-float input[type="text"] ~ label {
	cursor: text;
}

.voip-input-float input[type='text']:focus ~ label,
.voip-input-float input[type='text'].selected ~ label {
	top: 2px;
	left: 6px;
	-webkit-transform: none;
	transform: none;
	font-size: 11px;
	color: #989898;
}

/* Agreements */
.agreement {
	background: #eee;
	margin-top: 20px;
}

.agreement-header {
	cursor: pointer;
	padding: 20px 54px 20px 20px; 
	display: table;
	width: 100%;
	box-sizing: border-box;
	background: url(/images/icn-expand-more.png) no-repeat center right 10px;
}

.agreement.open .agreement-header {
	background-image: url(/images/icn-expand-less.png);
}

.agreement-header-left {
	display: table-cell;
	width: 100%;
}

.agreement-header-right {
	display: table-cell;
	white-space: nowrap;
	padding-left: 15px;
}

.agreement-body {
	padding: 0 20px 10px;
}

.js .agreement-body {
	display: none;
}

.agreement.open .agreement-body {
	display: block;
} 

.agreement-body form {
	border-top: 1px solid #c0c0c0;
	margin: 0;
	padding-top: 10px;
}

.agreement-section {
	padding: 10px 0;
}

.agreement-section-download {
	padding: 5px 0;
}

.agreement-section-title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.agreement-terms {
	overflow-y: scroll;
	border: 1px solid #dadada;
	padding: 10px;
	background: #fff;
	height: 110px;
}

.agreement-label {
	padding-bottom: 5px;
}

.agreement-input input[type="text"] {
	max-width: 250px;
	width: 100%;
	box-sizing: border-box;
}

.agreement-input input[type="text"].validate-border {
	border: 1px solid #cb0021;
}

.agreement-download {
	padding: 0 10px; display: inline-block;
	background: #006fa1;
	text-align: center;
	line-height: 30px;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	height: 30px;
	margin: 5px 5px 5px 0;
}

.agreement-download:hover {
	background: #00618d;
	color: #fff;
	border: 0;
}

.agreement-checkbox label {
	cursor: pointer;
	line-height: 21px;
	padding: 4px 0 5px 1px;
}

.agreement-checkbox.validate-border {
	border: 0;
}

.agreement-checkbox.validate-border label {
	color: #cb0021;
}

.agreement-checkbox input[type="checkbox"] {
	float: left;
	margin: 4px 5px 0 1px;
	cursor: pointer;
}

.agreement-footer {
	border-top: 1px solid #c0c0c0;
	padding: 20px 0 10px;
	overflow: hidden;
	margin-top: 10px;
}

.agreement-footer-title {
	font-size: 15px;
}

.agreement-footer input[type="submit"] {
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	height: 30px;
	width: 120px;
	background: #008ccb;
}

.agreement-footer input[type="submit"]:hover {
	background: #007eb6;
}

/* Payment methods */
.paymethod .voip-form {
	padding-bottom: 10px;
}

.paymethod p {
	margin: 0 0 10px;
}

.paymethod-list {
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
	border-top: 1px solid #dadada;
}

.paymethod-list li {
	border-bottom: 1px solid #dadada;
	padding: 10px 0;
	display: table;
	width: 100%;
}

.paymethod-list strong {
	font-weight: 600;
}

.paymethod-item-content,
.paymethod-item-aside {
	display: table-cell;
}

.paymethod-item-aside {
	vertical-align: middle;
	padding-left: 10px;
	white-space: nowrap;
	font-size: 0;
}

.paymethod-item-content {
	width: 100%;
	vertical-align: middle;
}

.paymethod-item-header {
	font-weight: bold;
	font-size: 14px;
}

.paymethod-item-header span {
	padding-left: 10px;
	font-weight: normal;
	font-size: 12px;
}
								
.paymethod-item-expired {
	color: #818181;
}

.paymethod-item-subheader {
	font-style: italic;
}

.paymethod-item-button {
	position: relative;
	/* float: left; */
	display: inline-block;
}

.paymethod-item-button button:disabled ~ .paymethod-item-button-cover {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.paymethod-item-button button,
.paymethod-item-button a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	background: #cb0021;
	color: #fff;
	padding: 6px 8px;
	cursor: pointer;
	border-radius: 2px;
	border: 0;
}

.paymethod-item-button a {
	display: block;
	background: #008ccb;
	margin-right: 5px;
}

.paymethod-item-button button:disabled,
.paymethod-item-button button:disabled:hover {
	background: #c2c2c2;
	color: #e8e8e8;
	cursor: default;
	opacity: .7;
}

.paymethod-item-button button:hover {
	background: #ad001c;
}

.paymethod-item-button a:hover {
	background: #007eb6;
}

.paymethod-new .voip-btn {
	margin-right: 10px;
	margin-bottom: 10px;
}

.paymethod-setup-link {
	padding: 3px 0;
}

.requests-tbl-time {
	width: 36px;
}

.timecharge-circle {
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	background: #ccc;
	text-align: center;
	font-weight: bold;
	color: #fff;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
}

.timecharge-circle__studio {
	background-color: #26c48a;
}

.timecharge-circle__query {
	background-color: #535353;
}

#reply_comment_rich{
	padding: 8px 10px;
}

#comment_rich,
#reply_comment_rich{
	background: #fff;
	border: 1px solid #cdcdcd;
	max-height: 1000px;
	min-height: 75px;
}

#comment_rich:not(.bold_placeholder),
#reply_comment_rich:not(.bold_placeholder){
	overflow-y: auto;
	resize: vertical;
}

#comment_rich:not(.bold_placeholder):before,
#reply_comment_rich:not(.bold_placeholder):before{
	color: #828282;
}

#comment_rich.dark_placeholder:focus::before,
#reply_comment_rich.dark_placeholder:focus::before{
	color: #636363;
}

#comment_rich:empty:before,
#reply_comment_rich:empty:before{
	content: attr(placeholder);
	display: block;
	pointer-events: none;
}

#task_description_rich{
	height: 210px;
	width: 100%;
	max-width: 1160px;
	overflow-y: auto;
	border: 1px solid #cdcdcd; 
	box-sizing: border-box;
	padding: 10px 10px;
	resize: vertical;
	max-height: 1000px;
	min-height: 100px;
	/* color: #828282; */
	transition: .3s ease;
}

#task_desc_pii {
	height: 0;
	width: 100%;
	max-width: 1160px;
	overflow-y: auto;
	border: 1px solid #cdcdcd;
	box-sizing: border-box;
	padding: 10px 10px;
	resize: vertical;
	max-height: 500px;
	min-height: 70px;
	transition: .3s ease;
}

#task_description_rich.hasValue{
	color: #333;
}

#task_description_rich:empty:before{
	content: attr(placeholder);
	display: block;
	cursor: text;
	color: #828282;
}

.description_tips_close{
	position: absolute;
	top: 25px;
	right: 25px;
	height: 15px;width: 15px;
	background: url(/images/delete_v5.png) center center no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.description_editor{
	margin: 0 0 10px;
}

.description_editor .text-styling{
	border: 1px solid #cdcdcd;
	display: inline-block;
	height: 25px;
}

.description_editor .text-styling span{
	height: 25px; width: 20px;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	background-color: #fff;
}

.text-styling #bold{
	font-weight: bold;
}

.text-styling #italic{
	font-style: italic;
}

.text-styling #underline{
	text-decoration: underline;
}

.description_editor .text-styling span.sel{
	background: #cdcdcd;
}

.text-styling,
.image-tips{
	display: inline-block;
}

.image-tips{
	margin-left: 10px;
	height: 25px; width: 25px;
	background: url(/images/icn_gallery_v2.png) center center no-repeat;
	background-size: 80%;
	border: 1px solid #cdcdcd;
	vertical-align: top;
	cursor: pointer;
	background-color: #fff;
}

.description_tips,
.description_tips_background{
	display: none;
	position: fixed;
	z-index: 999;
}

.description_tips_background{
	top: 0; right: 0; left: 0; bottom: 0;
	background: rgba(0, 0, 0, 0.6);
}

.description_tips{
	top: 20%; left:50%;
	width: 95%;
	max-width: 500px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	z-index: 1000;
}

.description_tips h2{
	margin-top: 0;
	padding: 20px 20px 0 20px;
}

.description_tips h3{
	margin-top: 0;
}

.description_tips .left,
.description_tips .right{
	text-align: left;
	width: 50%;
	padding: 15px 20px;
	box-sizing: border-box;
}

.description_tips .left{
	float: left;
	border-right: 1px solid #cdcdcd;
}

.description_tips .right{
	float: right;
}

.description_tips_inner{
	border-top: 1px solid #cdcdcd;
}

.billing-invoice {}

.billing-invoice h2 {
	margin-top: 0;
}
									
.billing-invoice__content,
.billing-invoice__summary {
	box-sizing: border-box;
}

.billing-invoice__content {
	width: 60%;
	float: left;
	padding-right: 30px;
	border-right: 1px solid #e7e7e7;
}

.billing-invoice__summary {
	width: 40%;
	float: right;
	padding-left: 30px;
}

.billing-invoice__summary table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	margin-top: -5px;
}

.billing-invoice__summary tbody tr {
	border-bottom: 1px solid #e6e6e6
}

.billing-invoice__summary tbody td {
	padding: 5px 0;
}

.billing-invoice__summary-value {
	text-align: right;
}
	
.billing-invoice__summary-total {
	font-size: 17px;
}

.billing-invoice__summary-total td {
	padding-top: 10px;
}

.billing-invoice__summary-note {
	display: none;
}

.billing-invoice__summary-note div {
	color: red;
	padding-top: 15px;
}

.billing-invoice__summary-note a,
.billing-invoice__summary-note a:hover {
	color: red;
	border: 0;
	text-decoration: underline;
	transition: opacity .25s;
}

.billing-invoice__summary-note a:hover {
	opacity: 0.8;
}

.payment-method {
	box-sizing: border-box;
}

.payment-method *, 
.payment-method *:before, 
.payment-method *:after {
	box-sizing: inherit;
}

.payment-method--button {
	position: relative;
	padding: 16px 22px 16px 50px;
	font-weight: 600;
	font-size: 16px;
	color: #2d2d2d;
	border: 2px solid #e7e7e7;
	margin-top: -2px;
	cursor: pointer;
}

.payment-method--title {
	padding: 1px 0;	
}

.payment-method--button:before {
	content: '';
	position: absolute;
	top: 19px;
	left: 20px;
	width: 18px;
	height: 18px;
	background-color: #eee;
	border-radius: 18px;
}

.payment-method.open .payment-method--button:after {
	content: '';
	position: absolute;
	top: 23px;
	left: 24px;
	width: 10px;
	height: 10px;
	background-color: #2d2d2d;
	border-radius: 18px;
}

.payment-method__saved .payment-method--title {
	/*background: url(/images/saved-logos.png) no-repeat center right;*/
}

.payment-method__card .payment-method--title {
	background: url(/images/card-logos.png) no-repeat center right;	
}

.payment-method__paypal .payment-method--title {
	background: url(/images/paypal-logo-color.png) no-repeat center right;	
}

.payment-method--content {
	background-color: #eee;
	padding: 30px;
	text-align: center;
	font-size: 17px;
	color: #009cde;
	display: none;
}

.payment-method-image {
	display: block;
	margin: 15px auto 0 auto;
}	

.payment-method .input-cont {
    clear: both;
	padding: 0 0 10px 0;
}

.payment-method .input-inner {
	position: relative;
}

.payment-method .input-label {
	position: absolute;
	top: 8px;
	left: 11px;
	font-size: 11px;
	font-weight: 700;
	color: #9c9c9c;
	pointer-events: none;
	text-transform: uppercase;
}

.payment-method .input-cont input,
.payment-method #card-number,
.payment-method #cvv,
.payment-method #expiration-date {
	width: 100%;
	padding: 20px 8px 8px 10px;
	color: #222;
	font-size: 14px;
	line-height: 18px;
	border: 1px solid #e5e5e5;
	height:48px;
	background:#fff;
}

.payment-method #card-number,
.payment-method #cvv,
.payment-method #expiration-date {
	padding: 0;
}

.payment-method .input-cont input.validate-border,
.payment-method #card-number.validate-border,
.payment-method #cvv.validate-border,
.payment-method #expiration-date.validate-border {
	border: 1px solid #cb0021;
}

.payment-method .input-50 {
	width: 50%;
	float: left; 
}

.payment-method .input-50--left {
	padding-right: 5px;
}

.payment-method .input-50--right {
	padding-left: 5px;
}
	
.payment-method .dropdown-cont {
	position: relative;
}

.payment-method .dropdown-cont label {
	position: absolute;
	top: 8px;
	left: 10px;
	font-size: 11px;
	font-weight: 700;
	color: #9c9c9c;
	transition: 300ms ease color;
	z-index: 10;
}

.payment-method .select2-basic--container {
	position: relative;
	text-align: left;
	height: 48px !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 0;
}
	
.payment-method .select2-container--default .select2-selection--single {
	border-radius: 2px;
}
	
.payment-method .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
	width: 30px;
}	

.payment-method .select2-basic--container.select2-selection--single .select2-selection__rendered {
	padding: 7px 8px 7px 8px;
	color: #222;
	font-size: 14px;
	line-height: 32px;
	font-weight: 400;
	text-transform: none;
}
	
.payment-method--address .select2-basic--container.select2-selection--single .select2-selection__rendered {
	padding-top: 22px;
	line-height: normal; 
}

.payment-methods .select2-dropdown {
	border-color: #e5e5e5;
}

.payment-method--address {
	padding-top: 15px;
	text-align: left;
}

.payment-method--save  {
	padding-top: 5px;
	text-align: left;
}

.payment-method--address strong {
	display: block;
	padding-bottom: 8px;
	color: #222;
	font-weight: 600;
	font-size: 14px;
}

.payment-method--save .styled-checkbox {
	padding: 0;
	box-sizing: content-box;
}

.payment-method__link {
	padding-top: 5px;
}

.payment-method__link a {
	color: inherit;
}

.payment-method__error {
	display: block;
	background: #cd1b30;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 14px;
}

.payment-method__error a,
.payment-method__error a:hover {
	color: #fff;
	border: 0;
}

.payment-method .pay-card-ccv {
	pointer-events: auto;
	right: 11px;
	text-align: left;	
}

.pay-card-icon {
	background: #009ddf;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 9px;
	text-transform: none;
	cursor: pointer;
	position: relative;
	margin-bottom: -2px;
	transition: background-color .25s;
	vertical-align: top;
	margin: 3px 0 0 5px;
}

.voip-form-input-ccv {
	overflow: visible;
}

.voip-form-input-expiration span {
	padding: 5px 0 0 10px;
	font-size: 11px;
	float: left;
}

.pay-card-ccv .pay-card-icon {
	float: right;
	margin: 0;
}

.pay-card-icon:before {
	content: 'i';
}

.pay-card-icon:hover {
	background: #0079ad;
}

.pay-card-icon:hover .pay-card-tooltip {
	display: block;	
}

.pay-card-tooltip {
	position: absolute;
	width: 155px;
	bottom: 80%;
	background: #008ccb;
	color: #fff;
	font-size: 11px;
	font-family: 'Lato', sans-serif;
	padding: 7px 10px;
	letter-spacing: .05em;
	border-radius: 2px;
	margin-bottom: 12px;
	line-height: 12px;
	display: none;
	text-align: center;
	right: -6px;
}

.voip-form-input-ccv .pay-card-tooltip {
	right: auto;
	left: 50%;
	margin-left: -88px;
}

.pay-card-tooltip:before {
	content: '';
	border: 6px solid transparent;
	border-top: 6px solid #008ccb;
	position: absolute;
	top: 100%;
	right: 6px;	
}

#braintree-paypal-loggedin {
	display: none;
	max-width: 500px;
	overflow: hidden;
	padding: 16px;
	margin: 0 auto;
	border-top: 1px solid #d1d4d6;
	border-bottom: 1px solid #d1d4d6;
	text-align: left;
}

.bb-pp-container {
	display: table;
	width: 100%;
}

.bb-pp-container > div {
	display: table-cell;
	vertical-align: middle;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.bt-pp-name, 
.bt-pp-cancel {
	width: 1px;
}

.bt-pp-name {
	padding-left: 36px;		
	background-image: url("/images/paypal-small.svg"), none;
	background-size: 13px 15px;
	background-position: 4px center;
	background-repeat: no-repeat;
	color: #283036;
	font-size: 13px;
	font-weight: 800;
}

.bt-pp-email {
	padding: 0 10px;
	color: #6e787f;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 0;
}

.bt-card-details {
	padding-left: 0;
}

.bt-pp-cancel button,
.bt-pp-cancel a {
	float: right;
	color: #3d95ce;
	font-size: 11px;
	line-height: 20px;
	padding: 0px;
	margin: 0;
	border: 0px;
	cursor: pointer;
	text-decoration: underline;	
	background-color: transparent;	
}

.bt-pp-cancel button:hover,
.bt-pp-cancel a:hover {
	color: #215b83;
}

.voip-form-input-ccv .pay-card-tooltip:before {
	right: auto;
	left: 50%;
	margin-left: -6px;
}

.pay-card-saved ~ .pay-card-cont {
	padding-top: 10px; 
	display: none;
}

.pay-card-cont.open {
	display: block;
}

.billing-invoice__buttons {
	padding-top: 20px;
	border-top: 2px solid #e7e7e7;
	margin-top: 20px;
}

.billing-invoice__buttons a {
	float: left;
	line-height: 37px;
	border: 0;
}

.billing-invoice__buttons .voip-btn {
	float: right;
}

.recent-transactions {
	margin-left: -8px;
	padding: 26px 0;
}

.recent-transactions .page_title {
	margin-left: 0;
	padding-top: 0;
}

.recent-transactions table {
	border-collapse: collapse;
	margin: 16px 20px 0 0;
	padding-right: 12px;
	width: 100%;
	cursor: default;
	border-bottom: 1px solid #f0f0f0;
}

.recent-transactions th {
	font-weight: normal;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	padding: 3px 3px 10px;
	background: #fff;
	border-bottom: 2px solid #dadada;
	line-height: 20px;
	text-align: left;
}

.recent-transactions td {
	padding: 0 3px 6px;
	background: #fff;
	vertical-align: top;
}

.recent-transactions th:first-child,
.recent-transactions td:first-child {
	padding-left: 10px;
	padding-right: 0;
}

.recent-transactions th:nth-child(5),
.recent-transactions td:nth-child(5),
.recent-transactions th:nth-child(6),
.recent-transactions td:nth-child(6),
.recent-transactions th:nth-child(7),
.recent-transactions td:nth-child(7) {
	text-align: right;
}

.recent-transactions th:nth-child(4),
.recent-transactions td:nth-child(4) {
	/* white-space: nowrap; */
	max-width: 400px;
}

.recent-transactions th:nth-child(6),
.recent-transactions td:nth-child(6) {
	white-space: nowrap;
}

.recent-transactions th:last-child,
.recent-transactions td:last-child {
	padding-right: 10px;
}

.recent-transactions .row-odd td {
	background: #fcfcfc;
}

.recent-transactions .row-start td {
	border-top: 1px solid #f0f0f0;
	padding-top: 6px;
}

.recent-transactions th:nth-child(2),
.recent-transactions td:nth-child(2) {
	padding-left: 0;
}

/*.recent-transactions td:nth-child(4) {
	width: 18%;
	max-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}*/

.recent-transactions th:nth-child(7),
.recent-transactions td:nth-child(7) {
	width: 46px;
	text-align: center;
}

.recent-transactions th i {
	display: block;
	width: 20px;
	height: 25px;
	margin: -3px auto;
	background: url(/images/pdf.png) no-repeat center;
	background-size: 100%;
}

/*.recent-transactions td:nth-child(9) {
	width: 30%;
}*/

.recent-transactions-payment {
	display: none;
}

.recent-transactions .recent-transactions-empty {
	text-align: center;	
	padding: 10px 3px;
}

.recent-transactions-pay {
	width: 1px;
}

.recent-transactions-pay label {
	display: block;
	margin-right: 10px;
	white-space: nowrap;
}

.recent-transactions-pay input[type="checkbox"] {
	cursor: pointer;
	margin: 1px 0 1px 0;
}

.recent-transactions-pay label input[type="checkbox"] {
	vertical-align: bottom;
}

.recent-transactions-pay span {
	vertical-align: bottom;
	line-height: 15px;
	cursor: pointer;
	color: #008ccb;
	margin-left: 3px;
	border-bottom: 1px solid transparent;
    -webkit-transition: color .25s, border .25s, background-color .25s;
    -moz-transition: color .25s, border .25s, background-color .25s;
    -o-transition: color .25s, border .25s, background-color .25s;
    -ms-transition: color .25s, border .25s, background-color .25s;
    transition: color .25s, border .25s, background-color .25s;
}

.recent-transactions-pay span:hover {
	border-bottom: 1px solid #007eb6;
}

.recent-transactions-btn {
	padding-top: 20px;
	display: none;
}

.recent-transactions-msg {
	color: red;
}

.recent-transactions-msg + .recent-transactions-msg {
	padding-top: 5px;
}

.recent-transactions-receipt {
	color: #009113;
}

.recent-transactions-due,
.recent-transactions-overdue {}

.recent-transactions-overdue {
	color: red;
}

.recent-transactions-due span,
.recent-transactions-overdue span {
	white-space: nowrap;
	/* display: inline-block; */
	display: block;
	font-size: 11px;
}

.recent-transactions .row-hide {
	display: none;
	color: #7f7f7f;
}

.recent-transactions .row-expand span {
	background-image: url(/images/icn-expand-more.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 15px;
	height: 9px;
	display: block;
	cursor: pointer;
	margin-top: 3px;
}

.recent-transactions tr.open .row-expand span {
	background-image: url(/images/icn-expand-less.png);
}

.legacy-transactions {
	padding: 10px 0 26px;
}

.legacy-transactions .page_title {
	padding-top: 0;
}

.legacy-transactions table {
	margin-bottom: 0;
}

.requests-ga-hours {
	border: 2px solid #e2e2e2;
	border-radius: 2px;
	margin-bottom: 25px;
}

.requests-ga-available {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	font-weight: bold;
}

.requests-ga-available div:first-child {
	white-space: nowrap;
	padding-right: 10px;
}

.requests-ga-expand .requests-ga-available {
	cursor: pointer;
	background: url(/images/icn-expand-more.png) no-repeat center right;
	padding-right: 35px;
}

.requests-ga-expand.open .requests-ga-available  {
	background-image: url(/images/icn-expand-less.png);
}

.requests-ga-transactions table {
	width: 100%;
	border-collapse: collapse;
}

.requests-ga-transactions tr:nth-child(even) {
	background: #fcfcfc;
}

.requests-ga-transactions td {
	border-top: 1px solid #f0f0f0;
	vertical-align: top;
	padding: 8px 5px;
}

.requests-ga-transactions td:first-child {
	padding-left: 10px;
}

.requests-ga-transactions td:last-child {
	padding-right: 10px;
	white-space: nowrap;
	width: 1px;
}

.voip-system-api p {
	margin: 0 0 20px;
}

.voip-system-api .webhook {
	overflow: hidden;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	line-height: 17px;
}

.voip-system-api .admin div {
	display: none;
}

.voip-system-api .webhook strong {
	padding-right: 8px;
	float: left;
}

.voip-system-api .admin strong {
	padding-top: 8px;
	padding-bottom: 8px;
}

.voip-system-api .webhook span {
	overflow: hidden;
	display: block;
}

.voip-system-api .webhook div {
	float: left;
	max-width: 100%;
}

.voip-system-api .webhook .link-button {
	float: right;
	margin-left: 5px;
}

.voip-system-api .webhook .link-button-add {
	margin: 0;
}

.voip-system-api .webhook div span {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.voip-panel-search {
	position: absolute;
	height: 25px;
	bottom: 10px;
	right: 268px;
	z-index: 100;
	display: none;
}

.voip-panel-search.open {
	display: block;
}

#search_designer {
	/* height: 30px; */
	height: 25px;
	/* width: 180px; */
	width: 130px;
	/* border: 1px solid #fff; */
	border: 1px solid #989898;
	/* color: #fff; */
	color: #989898;
	/* float: left; */
	/* margin: 2px 20px 2px 0; */
	/* border-radius: 5px; */
	position: relative;
	background: #F3F3F3;
	box-sizing: border-box;
}

#search_designer input[type="text"] {
	/* color: #fff; */
	color: #989898;
	border: 0;
	/* height: 29px; */
	height: 23px;
	/* width: 152px; */
	width: 100px;
	padding: 0 20px 0 2px;
	background: none;
	border-radius: 0;
	margin: 0 3px;
	font-size: 12px;
}

#search_designer input[type="text"]::-webkit-input-placeholder {
	/* color: #fff; */
	color: #989898;
	transition: opacity 0.2s;
}

#search_designer input[type="text"]::-moz-placeholder {
	/* color: #fff; */
	color: #989898;
	opacity: 1;
	transition: opacity 0.2s;
}

#search_designer input[type="text"]:-moz-placeholder {
	/* color: #fff; */
	color: #989898;
	opacity: 1;
	transition: opacity 0.2s;
}

#search_designer input[type="text"]:-ms-input-placeholder {
	/* color: #fff; */
	color: #989898;
	transition: opacity 0.2s;
}

#search_designer input[type="text"]:focus::-webkit-input-placeholder {
	opacity: 0.5;
}

#search_designer input[type="text"]:focus::-moz-placeholder {
	opacity: 0.5;
}

#search_requests input[type="text"]:focus:-moz-placeholder {
	opacity: 0.5;
}

#search_designer input[type="text"]:focus:-ms-input-placeholder {
	opacity: 0.5;
}

#search_designer span {	
	position: absolute;
	/* top: 6px; */
	top: 2px;
	right: 4px;
	text-align: center;
	height: 19px;
	line-height: 19px;
	width: 19px;
	cursor: pointer;
	display: none;
}

.voip-feat-username {
	font-size: 10px;
	color: #bbb;
	white-space: nowrap;
	padding-left: 10px;
}

@media screen and (max-width: 1600px) {
	.voip-systemlist-btn {
		width: 115px;
	}

	.voip-systemlist-item-buttons-left, 
	.voip-systemlist-item-buttons-right {
		width: 230px;
	}

	.voip-systemlist-item-buttons-center {
		width: 575px;
	}
	
	.voip-dash__section--small {
		width: 38%;
	}

	.voip-dash__section--links {
		width: 24%;
	}
	
	.voip-adv-search-open-btn span {
		display: none;
	}

	body:not(.crm-dash-body) .crm-dash .voip-config__donuts-section:first-child .voip-config__donut,
	body:not(.crm-dash-body) .crm-dash .voip-config__donuts-section .voip-config__donut {
		width: 20%;
	}
}

@media screen and (max-width: 1500px) {
	.voip-manage-extns-col {
		width: 25%;
	}
	
	.voip-fax-table .voip-fax-tbl-col,
	.voip-history-table .voip-history-tbl-col,
	.voip-voicemail-table .voip-voicemail-tbl-col,
	.voip-missed-table .voip-missed-tbl-col {
		padding: 4px 6px;
	}

	.voip-history-total .voip-history-tbl-col {
		padding: 0 6px;
	}

	.voip-history-table .voip-history-icon,
	.voip-history-total .voip-history-icon {
		padding-left: 30px;
	}

	.voip-history-table .voip-history-icon > div:before {
		left: -18px;
	}
	
	.voip-history-table .voip-history-icon > div:after {
		left: -14px;
	}
	
	.voip-history-table .voip-history-icon-sub-up > div:after {
		left: -17px;
	}

	.voip-history-total .voip-history-tbl-col-span a {
		float: none;
		font-size: 11px;
		line-height: 12px;
	}
	
	.voip-history-total .voip-history-tbl-col-span a span {
		display: block;
		float: none;
		padding: 0;
	}

	.voip-history-total .voip-history-tbl-col-span a strong {
		float: none;
		padding: 0;
		font-size: 12px;
	}
	
	.voip-fax-left-section-4,
	.voip-history-left-section-4,
	.voip-voicemail-left-section-4,
	.voip-missed-left-section-4 {
		width: 235px;
	}
	
	.voip-history-type span span {
		display: none;
	}
	
	.voip-fax-table th.voip-fax-tbl-col,
	.voip-voicemail-table th.voip-voicemail-tbl-col {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.voip-fax-table .voip-fax-tbl-col-selector,
	.voip-fax-table .voip-fax-tbl-col-check,
	.voip-voicemail-table .voip-voicemail-tbl-col-selector,
	.voip-voicemail-table .voip-voicemail-tbl-col-check {
		padding-left: 16px;
	}

	.voip-fax-table .voip-fax-tbl-col-selector,
	.voip-fax-table .voip-fax-tbl-col-star,
	.voip-voicemail-table .voip-voicemail-tbl-col-selector,
	.voip-voicemail-table .voip-voicemail-tbl-col-star {
		padding-right: 16px;
	}
	
	.voip-fax-table .voip-fax-tbl-col-check,
	.voip-voicemail-table .voip-voicemail-tbl-col-check {
		padding-right: 8px;
	}

	.voip-fax-table .voip-fax-tbl-col-star,
	.voip-voicemail-table .voip-voicemail-tbl-col-star {
		padding-left: 8px;
	}

	.voip-fax-table-all .voip-fax-tbl-col-sys,
	.voip-fax-table .voip-fax-tbl-col-date,
	.voip-voicemail-table-all .voip-voicemail-tbl-col-sys,
	.voip-voicemail-table .voip-voicemail-tbl-col-date {
		padding-left: 0;
	}

	.voip-fax-table-all .voip-fax-tbl-col-date,
	.voip-voicemail-table-all .voip-voicemail-tbl-col-date {
		padding-left: 6px;
	}
	
	.voip-recording-table .voip-recording-tbl-col {
		padding: 4px 6px;
	}

	.voip-recording-table td {
		height: 22px;
	}
	
	.voip-referral-code-inner {
		width: 180px;	
	}

	.voip-referral-code-label {
		float: none;
		text-align: center;
		border-bottom-left-radius: 0;
	}

	.voip-referral-code-value {
		border: 1px solid #d4d4d4;
		border-top: 0;
		border-bottom-left-radius: 2px;
	}

	.voip-referal-code-info {
		height: 73px;
		padding: 8px 10px;
	}

	.voip-referal-code-info p {
		max-width: 700px;
		line-height: 18px;
	}
	
	.voip-referral-code-inner {
		line-height: 35px;
	}
	
	.voip-dash__table-cont {
		padding-top: 5px;
	}

	.voip-dash__table th,
	.voip-dash__table td {
		padding: 8px;
	}
	
	.voip-dash__table th {
		font-size: 13px;
	}

	.voip-dash__table--numbers th,
	.voip-dash__table--numbers td {
		padding: 4px 8px;
	}

	.voip-dash__table--users .remove,
	.voip-dash__table--departments .remove {
		display: none;	
	}

	.voip-dash__table--users .voip-dash__col-4,
	.voip-dash__table--users .voip-dash__col-6,
	.voip-dash__table--departments .voip-dash__col-4,
	.voip-dash__table--departments .voip-dash__col-6 {
		width: 11%;
	}

	.voip-feat-nav-inner,
	.voip-feat-buttons-inner {
		margin-right: -6px;
	}

	.voip-feat-nav-item {
		padding-right: 6px;
	}
	
	.voip-feat-buttons .voip-table-action-btn-v2 {
		margin-right: 6px;
	}
	
	.voip-history-float table {
		margin: 5px 0;
	}
	
	.voip-history-tbl-col .voip-history-expand {
		left: -10px;
	}

	.voip-history-tools {
		margin-left: -19px;
	}

	.voip-history-tools-btn,
	.voip-history-graphs-btn {
		font-size: 11px;
	}

	.voip-history-total-all .voip-history-tools {
		margin-top: -9px;
		margin-left: -19px;
	}
	
	.voip-history-total-all .voip-history-tools-btn,
	.voip-history-total-all .voip-history-graphs-btn {
		text-indent: 0;
		background-position: 4px 4px;
		padding: 2px 8px 4px 20px;
	}

	.voip-history-total-all .voip-history-tools-btn {
		margin: -3px -5px -6px -5px;
	}
	
	.voip-history-total-all .voip-history-graphs-btn {
		margin: 2px -5px -14px -24px;
		clear: both;
	}

	.voip-history-total-all .voip-history-tools ul {
		left: -5px;
	}

	th.voip-history-tbl-col-dur span {
		display: none;
	}
}



@media screen and (max-width: 1450px) {
	.admin-menu-call-analysis span,
	.admin-menu-systems span {
		display: none;
	}
}

@media screen and (max-width: 1400px) {
	.voip-history-header,
	.voip-missed-header {
		padding-bottom: 5px;
	}
	
	.voip-fax-left,
	.voip-history-left,
	.voip-voicemail-left,
	.voip-missed-left,
	.voip-adv-search {
		float: none;
		margin-right: -10px;
	}
	
	.voip-fax-left .voip-fax-filter,
	.voip-history-left .voip-history-filter,
	.voip-voicemail-left .voip-voicemail-filter,
	.voip-missed-left .voip-missed-filter {
		float: none;
	}
	
	.voip-fax-left-section,
	.voip-history-left-section,
	.voip-voicemail-left-section,
	.voip-missed-left-section,
	.voip-adv-search-section {
		width: 25%;
	}
	
	.voip-fax-left-section,
	.voip-history-left-section,
	.voip-voicemail-left-section,
	.voip-missed-left-section,
	.voip-adv-search-section,
	.voip-adv-search-buttons {
		padding: 0 10px 10px 0;
	}
	
	.voip-adv-search { 
		max-width: none;
	}
	
	.voip-fax-left-section-4,
	.voip-history-left-section-4,
	.voip-voicemail-left-section-4,
	.voip-missed-left-section-4 {
		width: 25%;
		clear: none;
	}

	.voip-history-type span span {
		display: none;
	}

	.voip-adv-search-open-btn {
		margin: 0;
		line-height: 18px;
	}
	
	/* Voip directory */
	.voip-systemlist-item-buttons-left,
	.voip-systemlist-item-buttons-right,
	.voip-systemlist-item-buttons-center {
		float: none;
		width: auto;
		overflow: visible;
		display: block;
	}
	
	.voip-systemlist-item-buttons {
		padding: 8px;
	}
	
	.voip-systemlist-activate,
	.voip-systemlist-message,
	.voip-systemlist-onboarding {
		padding: 13px 13px 0;
	}

	.voip-dashboard-message {
		padding: 0 0 13px;
	}
	
	.voip-systemlist-item-dashboard.loaded {
		padding: 13px;
	}
	
	.voip-systemlist-btn {
		width: 11.111%;
	}
	
	.voip-feat-nav-item-icon span {
		display: none;
	}
	
	.voip-dash__top, 
	.voip-dash__bottom {
		padding: 30px;
	}

	.voip-dash-link {
		font-size: 14px;
		line-height: 24px;
		background-size: 30px auto;
		padding: 10px 10px 10px 48px;
		background-position: 10px center;
	}

	.voip-dash-widget__head {
		padding: 16px 14px;
	}

	.voip-dash__section--small .voip-dash-widget__head {
		padding: 14px;
	}

	.voip-dash-widget__title {
		font-size: 14px;
		padding-left: 34px;
		line-height: 22px;
		background-size: 27px auto;
	}

	.voip-dash-widget__buttons li {
		padding: 1px;
	}

	.voip-dash__top .voip-dash-widget__buttons--all li:last-child {
		padding-left: 10px;
	}

	.voip-dash-widget__filters {
		margin: -5px 0;
	}

	.voip-dash-widget__body {
		padding: 0 14px 16px;
	}

	.voip-dash__section--small .voip-dash-widget__body {
		padding: 0;
	}

	.voip-dash-widget__table th,
	.voip-dash-widget__table th:first-child,
	.voip-dash-widget__table th:last-child {
		padding: 0 10px 5px;
	}

	.voip-dash-widget__table td,
	.voip-dash-widget__table td:first-child,
	.voip-dash-widget__table td:last-child {
		padding: 4px 10px;
	}

	.voip-dash-widget__table th {
		font-size: 9px;	
		height: 16px;
	}

	.voip-dash-widget__table td {
		font-size: 12px;
		height: 38px;
	}

	.voip-dash-widget__table .full-row td {
		height: 228px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.voip-dash-widget__table-body {
		height: 228px;
	}

	.voip-dash__overview .voip-config__donuts {
		padding-top: 15px;
	}
	
	.voip-switches,
	.voip-switches-control {
		padding: 5px 13px;
	}
	
	.voip-dash .voip-switches,
	.voip-dash .voip-switches-control {
		padding: 5px 10px;
	}

	.voip-switches__inner,
	.voip-switches-control__inner {
		margin: 0 -12px;
	}

	.voip-switches__buttons {
		margin: 0 12px;		
	}

	.voip-switches .voip-btn {
		margin-right: 0;
		margin-left: 0;
	}

	.voip-switches__expand {
		margin-left: 0;
		margin-right: -12px;
	}

	.voip-switches__switch,
	.voip-switches-control a {
		margin: 7px 12px;
	}
	
	.voip-fax-header,
	.voip-fax-actions,
	.voip-voicemail-header,
	.voip-voicemail-actions {
		float: none;
	}
	
	.voip-fax-actions .voip-btn {
		height: 26px;
		text-transform: none;
	}

	.voip-fax-actions .voip-btn {
		margin: 0 10px 10px 0;
	}
	
	.voip-voicemail-header {
		width: 75%;
		box-sizing: border-box;
		padding-right: 10px;
		float: left;
	}

	.voip-voicemail-left-section {
		width: 33.333%;
	}

	.voip-voicemail-actions-v2 {
		width: 25%;
		box-sizing: border-box;
		float: left;
	}
	
	.voip-history-left-section-5 .styled-checkbox {
		padding: 0;
	}
	
	.voip-feature-logs .voip-history-left-section-5 .styled-checkbox {
		padding: 10px 0;
	}
	
	.voip-feature-logs-number .voip-history-left-section-5 .styled-checkbox {
		padding: 0;
	}
	
	.voip-adv-search-open-btn span {
		display: inline;
	}
	
	.voip-ratechecker__table th span,
	.voip-reverse-charge__table th span {
		display: none;
	}
}

@media screen and (max-width: 1350px) {
	.panel-header-new-btn.account_request_button {
		display: none;
	}

	.crm-dash .voip-config__donuts-section .voip-config__donut {
		max-width: 115px;
	}

	.voip-history-tools {
		margin-top: -9px;
	}
	
	.voip-history-graphs-btn {
		margin-left: -24px;
		margin-top: 2px;
		margin-bottom: -14px;
		clear: both;
	}
}

@media screen and (max-width: 1300px) {
	.voip-widget {
		width: 25%;	
	}
	
	.page-reset {
		margin: 0 -30px -45px -38px;
	}
	
	.voip-manage-extns-col {
		width: 33.333%;
	}
	
	.voip-history-table .voip-history-tbl-col,
	.voip-history-total .voip-history-tbl-col {
		width: 18.5%; /* 25 */
	}
	
	.voip-history-table .voip-history-tbl-col-src-type,
	.voip-history-table .voip-history-tbl-col-dst-type,
	.voip-history-total .voip-history-tbl-col-src-type,
	.voip-history-total .voip-history-tbl-col-dst-type {
		width: 13%;
	}

	.voip-history-table-all .voip-history-tbl-col,
	.voip-history-total-all .voip-history-tbl-col {
		width: 15.6%; /* 20 */
	}
	
	.voip-history-table-all .voip-history-tbl-col-src-type,
	.voip-history-table-all .voip-history-tbl-col-dst-type,
	.voip-history-total-all .voip-history-tbl-col-src-type,
	.voip-history-total-all .voip-history-tbl-col-dst-type {
		width: 11%;
	}

	.voip-history-total .voip-history-tbl-col-span {
		width: 75%;
	}

	.voip-history-total-all .voip-history-tbl-col-span {
		width: 60%;
	}
	
	.voip-history-table .voip-history-tbl-col-date,
	.voip-history-total .voip-history-tbl-col-date {
		width: 90px;
	}
	
	.voip-history-table .voip-history-tbl-col-dur,
	.voip-history-total .voip-history-tbl-col-dur {
		width: 70px;
	}
	
	.voip-history-table .voip-history-tbl-col-cost,
	.voip-history-total .voip-history-tbl-col-cost {
		width: 50px;
	}

	.voip-history-table .voip-history-tbl-col-rec,
	.voip-history-total .voip-history-tbl-col-rec {
		/* width: 90px; */
	}
	
	.voip-history-upgrade .voip-tooltip {
		width: 150px;
		margin-left: -85px;
	}
	
	.voip-recording-table .voip-recording-tbl-col {
		width: 16.666%;	
	}

	.voip-recording-table .voip-recording-tbl-col-date,
	.voip-recording-table .voip-recording-tbl-col-calldate {
		width: 95px;
	}

	.voip-recording-table .voip-recording-tbl-col-rec {
		width: 80px;
	}
	
	.voip-table-label-mob {
		display: none;
	}

	.voip-table-action-btn,
	.voip-table-action-spacer {
		font-size: 12px;
		width: 110px;
		padding: 0 8px;
	}

	.voip-table-action-spacer {
		padding: 0 9px;
	}
	
	.voip-porting-table th,
	.voip-porting-table td {
		width: auto;
	}

	.voip-tab-links--dropdown a {
		padding: 10px 8px;
	}
	
	.voip-onboarding-message {
		margin: 0 -30px 0 -38px;
	}
	
	.voip-fax-tbl-col-date span,
	.voip-history-tbl-col-date .remove,
	.voip-voicemail-tbl-col-date span,
	.voip-missed-tbl-col-date span {
		display: none;
	}
	
	.voip-history-download {
		width: 17px;
		height: 14px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		padding: 0;
		display: inline-block;
		vertical-align: bottom;
	}
}

@media screen and (max-width: 1250px) {
	.request-summary-section-right .charge-tooltip {
		transform: translateX(0);
		left: auto;
		right: -10px;
	}

	.request-summary-section-right .charge-tooltip::before,
	.request-summary-section-right .charge-tooltip::after {
		left: auto;
		right: 30px;
	}

	.voip-systemlist-btn a {
		font-size: 12px;
		padding-top: 62px;
	}

	.voip-systemlist-highlight-designer .voip-systemlist-btn.designer a {
		padding-top: 61px;
	}

	.voip-systemlist-btn.system a,
	.voip-systemlist-btn.calls a {
		background-size: 29px;
	}

	.voip-systemlist-btn.designer a {
		background-size: 30px;
	}

	.voip-systemlist-btn.numbers a,
	.voip-systemlist-btn.extensions a,
	.voip-systemlist-btn.departments a,
	.voip-systemlist-btn.devices a,
	.voip-systemlist-btn.directory a {
		background-size: 45px;
	}

	.voip-systemlist-btn.reports a {
		background-size: 37px;
	}

	.voip-systemlist-btn a span {
		display: none;
	}
	
	.voip-dash-widget__btn--inbound,
	.voip-dash-widget__btn--outbound,
	.voip-dash-widget__btn--internal {
		padding: 0;
	}

	.voip-dash-widget__btn--inbound span,
	.voip-dash-widget__btn--outbound span,
	.voip-dash-widget__btn--internal span {
		text-indent: -9999px;
		background-position: center;
		padding-left: 18px;
	}

	.voip-dash-widget__table-head span {
		display: none;
	}

	.voip-dash-widget__table-users th:nth-child(2), 
	.voip-dash-widget__table-users td:nth-child(2) {
		width: 16%;
	}

	.voip-dash-widget__table-users th:nth-child(3), 
	.voip-dash-widget__table-users td:nth-child(3) {
		width: 25%;
	}

	.voip-dash-widget__table-users th:nth-child(4), 
	.voip-dash-widget__table-users td:nth-child(4) {
		width: 23%;
	}

	.crm-dash .voip-config__donuts-section .voip-config__donut {
		max-width: 105px;
	}

	.crm-dash .voip-dash__top, .crm-dash .voip-dash__bottom {
		padding: 15px;
	}

	.panel-header-new-btn-intelicall span {
		display: none;
	}
}

@media screen and (max-width: 1200px) {
	.page-reset {
		margin: 0 -20px -45px -28px;
	}
	
	.voip-widget-cont {
		padding-top: 0;
	}

	.panel-header-new-tabs a {
		padding: 0 6px;
	}
	
	.voip-history-float,
	.voip-tabs-float {
		left: 200px;	
	}
	
	.alert-msg-cont {
/*
		left: -28px;
		right: -20px;
*/
	}
	
	.alert-msg-cont .alert-msg-button {
		right: 20px;
	}
	
	.voip-fax-left-section,
	.voip-history-left-section, 
	.voip-missed-left-section, 
	.voip-adv-search-section {
		width: 27%;
	}

	.voip-history-left-section-4 {
		width: 19%;
	}

	.voip-history-type .styled-checkbox > span {
		display: none;
	}
	
	.system-designer-page .content_main_margin {
		margin-left: 28px;
	}
	
	/* Features */
	.voip-feat-table th,
	.voip-feat-table td,
	.voip-logs-table th, 
	.voip-logs-table td,
	.voip-directory-table th,
	.voip-directory-table td,
	.voip-porting-table th,
	.voip-porting-table td,
	.voip-admin-table th,
	.voip-admin-table td {
		padding: 8px;
	}

	.voip-logs-api-checkbox {
		padding-left: 8px;
	}

	.voip-device-keys-content {
		margin-right: -255px;
	}

	.voip-device-keys-content-inner {
		margin-right: 255px;
	}
	
	.voip-device-key-user, 
	.voip-device-key-number, 
	.voip-device-key-label,
	.voip-device-key-indicator {
		padding-right: 5px;
	}
	
	.voip-device-key-indicator {
		width: 65px;
		margin: 0 -65px 0 0;
	}

	.voip-device-key-inner {
		margin-right: -5px;
		padding-right: 65px;
	}
	
	.voip-device-keys-buttons {
		width: 240px;
	}

	.voip-device-keys-buttons .voip-btn {
		font-size: 12px;
		padding: 0 5px;
	}
	
	/* Voip directory */
    .voip-directory-form .voip-form-input {
        width: 48%;
    }
	
	.voip-admin--porting {
		max-width: 540px;
	}
	
	.voip-port-form__col {
		width: 100%;
	}
	
	.voip-port-form--client .voip-port-section {
		width: 55%;	
	}

	.voip-port-form--client .voip-port-help {
		width: 45%;
	}
	
	.voip-form-input--message {
		width: 100%;
		padding-right: 0;
	}
	
	.voip-dash__table--users th,
	.voip-dash__table--users td,
	.voip-dash__table--departments th,
	.voip-dash__table--departments td {
		width: 8%;
	}

	.voip-dash__table--numbers th,
	.voip-dash__table--numbers td {
		width: 10%;
	}

	.voip-dash__table--users .voip-dash__col-4,
	.voip-dash__table--departments .voip-dash__col-4 {
		width: 65px;
	}

	.voip-dash__table--users .voip-dash__col-6,
	.voip-dash__table--departments .voip-dash__col-6 {
		width: 80px;
	}

	.voip-dash__table--users .voip-dash__col-7,
	.voip-dash__table--departments .voip-dash__col-7 {
		width: 95px;
	}

	.voip-dash__table--users .voip-dash__col-8,
	.voip-dash__table--departments .voip-dash__col-8 {
		width: 85px;
	}

	.voip-dash__table--queues .voip-dash__col-6,
	.voip-dash__table--departments-old .voip-dash__col-6 {
		width: 120px;
	}

	.voip-dash__table--queues .voip-dash__col-7,
	.voip-dash__table--departments-old .voip-dash__col-7,
	.voip-dash__table--numbers .voip-dash__col-6, 
	.voip-dash__table--numbers .voip-dash__col-7 {
		width: 90px;
	}

	.voip-dash__table--users .voip-dash__col-1,
	.voip-dash__table--departments .voip-dash__col-1,
	.voip-dash__table--numbers .voip-dash__col-1 {
		width: auto;
	}
	
	.voip-onboarding-overlay {
		margin: 0 -20px 0 -28px;
	}

	.voip-ratechecker__table th,
	.voip-ratechecker__table td,
	.voip-reverse-charge__table th,
	.voip-reverse-charge__table td {
		padding: 8px;
	}
	
	.account-panel-input--50 input[type="text"] {
		width: 100%;
	}

	.voip-voicemail-header {
		width: 79%;
	}

	.voip-voicemail-actions-v2 {
		width: 21%;
	}

	.voip-voicemail-actions .voip-btn {
		margin-right: 5px;
	}
	
	.voip-onboarding-message {
		margin: 0 -20px 0 -28px;
	}
	
	.voip-fax-table-all .voip-fax-tbl-col-date,
	.voip-voicemail-table-all .voip-voicemail-tbl-col-date {
		padding-left: 0px;
	}
	
	.voip-fax-table-all .voip-fax-tbl-col-sys,
	.voip-history-table-all .voip-history-tbl-col-sys,
	.voip-history-total-all .voip-history-tbl-col-dst,
	.voip-voicemail-table-all .voip-voicemail-tbl-col-sys {
		display: none;
	}

	.voip-history-table .voip-history-tbl-col,
	.voip-history-total .voip-history-tbl-col {
		width: 20%; /* 33.333 */
	}
	
	.voip-history-total .voip-history-tbl-col-span {
		width: 100%;
	}
	
	.voip-history-total * {
		box-sizing: content-box;
	}

	.voip-history-table .voip-history-icon,
	.voip-history-table .voip-history-icon-mob,
	.voip-history-total .voip-history-icon {
		width: 90px;
		padding-left: 30px;
	}

	.voip-history-table .voip-history-icon > div:before,
	.voip-history-table .voip-history-icon-mob > div:before {
		display: block;
		left: -18px;
	}
	
	.voip-history-table .voip-history-icon > div:after,
	.voip-history-table .voip-history-icon-mob > div:after {
		display: block;
		left: -15px;
	}
	
	.voip-history-table .voip-history-icon-sub-up > div:after {
		left: -17px;
	}

	th.voip-history-tbl-col-dur span,
	th.voip-history-tbl-col-rec span {
		display: none;
	}
	
	.voip-history-table .voip-history-tbl-col-dur,
	.voip-history-total .voip-history-tbl-col-dur {
		width: 65px;
	}
	
	.voip-history-table .voip-history-tbl-col-cost,
	.voip-history-total .voip-history-tbl-col-cost {
		width: 45px;
	}
		
	.voip-history-table .voip-history-tbl-col-rec,
	.voip-history-total .voip-history-tbl-col-rec {
		/* width: 40px;
		width: 55px; */
	}

	.voip-fax-table .voip-fax-tbl-col-rec
	/*, .voip-voicemail-table .voip-voicemail-tbl-col-rec*/ {
		width: 60px;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-dur {
		width: 70px;
	}

	.voip-fax-table td.voip-fax-tbl-col-rec
	/*, .voip-voicemail-table td.voip-voicemail-tbl-col-rec*/ {
		line-height: 0;
	}

	.voip-fax-table .voip-fax-tbl-col-rec span,
	.voip-fax-table .voip-fax-tbl-col-rec a,
	/*.voip-voicemail-table .voip-voicemail-tbl-col-rec span,*/
	/*.voip-voicemail-table .voip-voicemail-tbl-col-rec a,*/
	.voip-history-recording [data-source] {
		display: inline-block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		padding: 0;
	}

	.voip-history-recording [data-source] {
		margin-right: 8px;
		width: 8px;
		height: 10px;
		display: inline-block;
	}
	
	.voip-fax-table .voip-fax-tbl-col-rec span
	/*, .voip-voicemail-table .voip-voicemail-tbl-col-rec span*/ {
		width: 10px;
		height: 10px;
		background-size: 10px;
		padding: 2px 0;
	}

	.voip-fax-table .voip-fax-tbl-col-rec a
	/*, .voip-voicemail-table .voip-voicemail-tbl-col-rec a*/ {
		width: 17px;
		height: 14px;
		background-size: 16px;
	}

	.voip-history-recording .voip-history-download,
	.voip-history-recording .voip-history-lock,
	.voip-history-locked .voip-history-lock,
	.voip-history-upgrade, 
	.voip-history-upgrade span {
		display: inline-block;
		vertical-align: baseline;
	}

	.voip-history-locked span {
		display: none;
	}
	
	.voip-history-upgrade .voip-tooltip {
		/*display: none !important;*/
		left: auto;
		right: 0;
		margin-left: 0;
		margin-right: -9px;
	}

	.voip-history-upgrade .voip-tooltip:before {
		left: auto;
		right: 12px;
	}

	.voip-history-recording .voip-history-lock,
	.voip-history-locked .voip-history-lock {
		margin: 0;
	}

	.voip-history-recording .voip-history-lock,
	.voip-history-upgrade span,
	.voip-history-recording:hover .icn-unlock {
		opacity: 0.5;
	}
	
	.voip-history-recording .voip-history-lock:hover {
		opacity: 1;
	}

	.voip-history-recording .voip-history-download,
	.voip-history-upgrade span {
		background: url(/images/icn-download-csv-dark.png) no-repeat left center;
		background-size: 16px;
		border: 0;
		width: 17px;
		height: 14px;
		text-indent: 100%;
      	white-space: nowrap;
      	overflow: hidden;
		-webkit-transition: opacity .25s;
		-moz-transition: opacity .25s;
		-o-transition: opacity .25s;
		-ms-transition: opacity .25s;
		transition: opacity .25s;
		padding: 0;
	}
	
	.voip-history-recording .voip-history-download:hover,
	.voip-history-upgrade span:hover {
		opacity: 0.8;
	}
	
	.voip-history-recording .voip-history-download {
		margin-right: 8px;
	}
	
	.voip-history-table-all .voip-history-tbl-col-date .voip-history-expand {
		display: block;
	}
}

@media (max-width: 1100px) {
	.voip-systemlist-item-info {
		padding-right: 0;	
	}
	
	.voip-systemlist-item-desc,
	.voip-systemlist-item-transfer {
		padding-bottom: 6px;
	}
	
	.voip-systemlist-item-stats {
		position: static;
		width: 100%;
		margin: 0;
		padding: 2px 0 0 48px;
	}
	
	.voip-systemlist-item.wide .voip-systemlist-item-stats {
		padding-left: 78px;
	}
	
	.voip-systemlist-item-stats-inner {
		float: left;
	}
	
	.voip-systemlist-invalid {
		margin-top: 5px;
	}
	
	.voip-systemlist-renewal,
	.voip-systemlist-expiry,
	.voip-systemlist-item-features {
		margin-top: 2px;
	}
	
	.voip-systemlist-item-features {
		float: left;
	}
	
	/* Features */
	.intelicall-subpage-container {
		padding: 20px 15px;
	}
	
	.intelicall-subpage-container-notabs {
		padding: 20px 22px;
	}
	
	.voip-history-float,
	.voip-tabs-float {
		padding-left: 15px;
		padding-right: 15px;
	}

	.voip-feat-header {
		padding-bottom: 15px;
	}
	
	.voip-feat-header-inner,
	.voip-feat-dropdowns,
	.voip-feat-header-right {
		display: block;
	}
	
	.voip-feat-header-system.voip-feat-header-single {
		padding-bottom: 66px;
	}

	.voip-feat-header-system.voip-feat-header-single .voip-feat-buttons {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 15px;
		padding-bottom: 0;
	}
	
	.voip-feat-dropdowns {
		float: left;
	}

	.voip-feat-header-right {
		width: auto;
		overflow: hidden;
	}
	
	.voip-feat-buttons .voip-table-action-btn-v2 {
		/*width: 120px;*/
		font-size: 12px;
	}
	
	.voip-feat-search-results,
	.voip-feat-invalid-error {
		margin-bottom: 15px;
	}

	.voip-table-action-btn,
	.voip-table-action-spacer {
		width: 40px;
	}

	.voip-table-action-mob {
		display: none;
	}
	
	.voip-table-action-btn.disabled .voip-tooltip {
		left: auto;
		margin-left: 0;
		right: 0;
	}
	
	.voip-table-action-btn.disabled .voip-tooltip:before {
		left: auto;
		right: 28px;
		margin-left: 0;
		margin-right: -6px;
	}
	
	.voip-tab {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.voip-logs-table-cont {
		margin: 0 -20px;
	}
	
	.voip-tab-recent-calls {
		padding-left: 0;
		padding-right: 0;
	}
	
	.voip-device-keys-content,
	.voip-device-keys-content-inner {
		margin: 0;
	}
	
	.voip-device-key-user, 
	.voip-device-key-number, 
	.voip-device-key-label,
	.voip-device-key-indicator {
		padding-right: 10px;
	}
	
	.voip-device-key-indicator {
		width: 70px;
		margin: 0 -70px 0 0;
	}

	.voip-device-key-inner {
		margin-right: -10px;
		padding-right: 70px;
	}
	
	.voip-device-keys-buttons {
		width: 100%;
		padding: 0 0 22px;
	}

	.voip-device-keys-buttons .voip-btn {
		font-size: 13px;
		padding: 0 10px;
		width: 49%;
		float: left;
		margin: 0 2% 10px 0;
	}

	.voip-device-keys-buttons .voip-btn:nth-child(2n) {
		margin-right: 0;	
	}
	
	.voip-call-recording-section {
		width: 100%;
	}

	.voip-call-recording-label,
	.voip-call-recording-spacer {
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-weight: normal;
		float: left;
		width: 95px;
		padding: 0;
	}

	.voip-call-recording-spacer {
		display: block;
	}

	.voip-call-recording-value {
		overflow: hidden;
	}

	.voip-recording-stats {
		padding-left: 97px;
	}
	
	#voip-fax-range i,
	#voip-history-range i,
	#voip-voicemail-range i,
	#voip-missed-range i,
	#date-range i {
		display: none;
	}
	
	.voip-fax-actions .voip-btn,
	.voip-voicemail-actions .voip-btn {
		margin-bottom: 10px;
	}

	.voip-fax-content-cont,
	.voip-voicemail-content-cont {
		padding-top: 1px;
	}

	.voip-fax-search-results,
	.voip-voicemail-search-results {
		margin-top: 4px;
	}

	.voip-history-tbl-col-src-type,
	.voip-history-tbl-col-dst-type {
		display: none;
	}

	.voip-history-table .voip-tbl-cell-tertiary {
		display: block;
	}
	
	.voip-tab-recent-calls {
		padding-top: 20px;
	}
	
	.voip-adv-search-open-btn {
		padding-bottom: 10px;
		margin: 0;
	}

	.voip-history-type span span {
		display: none;
	}
	
	.voip-history-inclusive {
		display: none;
	}
	
	.voip-recording-table th {
		font-size: 13px;
	}

	.voip-recording-table td {
		font-size: 11px;
	}

	.voip-recording-table .voip-recording-tbl-col-rec {
		width: 55px;
	}

	th.voip-recording-tbl-col-dst span, 
	th.voip-recording-tbl-col-rec span {
		display: none;
	}
	
	.voip-directory-table .voip-directory-tbl-col-first {
		width: 25%;
	}

	.voip-directory-table .voip-directory-tbl-col-work, 
	.voip-directory-table .voip-directory-tbl-col-home, 
	.voip-directory-table .voip-directory-tbl-col-mobile,
	.voip-directory-table .voip-directory-tbl-col-group,
	.voip-directory-table .voip-directory-tbl-col-jobtitle {
		width: 18.75%;
	}

	th.voip-directory-tbl-col-first span {
		display: none;
	}

	td.voip-directory-tbl-col-first span {
		display: inline;
	}

	.voip-directory-tbl-col-last {
		display: none;
	}

	.voip-directory-table .voip-directory-tbl-col-fav,
	.voip-directory-table .voip-directory-tbl-col-whitelist {
		display: none;
	}

	.voip-directory-table .voip-directory-tbl-col-action {
		width: auto;
	}

	.voip-directory-tbl-col-action span {
		display: none;
	}
	.voip-directory-spacer {
		height: 5px;
	}
	
	.voip-directory-contacts-nosystem {
		margin: -18px 0 -42px;
	}
	
	.request-priority {
		width: 100%;
		padding-bottom: 30px;
	}

	.request-billing {
		width: 50%;
		float: left;
	}
	
	.graph-50 {
		width: 100%;
	}

	.line-graph__container, 
	.bar-graph__container,
	.pie-graph__container {
		padding-bottom: 40%;
	}
	
	.voip-dash__top, 
	.voip-dash__bottom {
		padding: 20px;
	}

	.voip-dash__top-inner, 
	.voip-dash__bottom-inner {
		margin: 0 -10px -10px 0;
	}

	.voip-dash__filter,
	.voip-dash__notification,
	.voip-dash__section,
	.voip-dash__overview,
	.voip-dash .voip-referral-code {
		padding: 0 10px 10px 0;
	}
	
	.voip-dash__top .notification-container {
		margin-bottom: 10px;
	}

	.voip-dash-widget__title span {
		display: none;
	}

	.voip-dash__overview .voip-config__donuts {
		padding-top: 10px;
	}
	
	.voip-dash__table-cont  {	
		padding: 0 10px 10px 0;
	}
	
	.voip-tab-form {
		padding-bottom: 49px;
	}
	
	.voip-tab-shortcuts {
		padding-bottom: 32px;
	}
	
	.voip-history-float table {
		margin:  0;
	}
	
	.voip-voicemail-header {
		width: 80%;
	}

	.voip-voicemail-actions-v2 {
		width: 20%;
	}

	.voip-voicemail-actions .voip-btn {
		width: 36px;
	}
	
	.billing-invoice {
		max-width: 600px;
	}

	.billing-invoice__summary {
		width: 100%;
		padding: 0 0 30px;
	}

	.billing-invoice__content {
		width: 100%;
		border: 0;
		padding: 0;
	}

	.payment-method__card .payment-method--title, 
	.payment-method__paypal .payment-method--title {
		text-indent: -600px;
		background-position: center left;
	}

	.crm-dash .voip-config__donuts-section .voip-config__donut {
		max-width: 99px;
		/* padding: 0 15px 15px 0; */
	}

	.voip-history-tools,
	.voip-history-total-all .voip-history-tools {
		margin-top: 0;
		margin-left: -6px;
	}

	.voip-history-tools-btn,
	.voip-history-graphs-btn,
	.voip-history-total-all .voip-history-tools-btn,
	.voip-history-total-all .voip-history-graphs-btn {
		text-indent: -9999px;
		background-position: center;
		padding: 2px 0 5px 23px;
		margin: -3px 0 -6px;
	}

	.voip-history-total-all .voip-history-tools ul {
		left: 0;
	}

	.voip-history-graphs-btn,
	.voip-history-total-all .voip-history-graphs-btn {
		clear: none;
	}

	.voip-history-tools-btn {
		margin-right: 8px;
	}
	
	.voip-history-tools ul {
		left: 0;
	}

	.voip-dash-voicemail-note {
		margin-bottom: 15px;
	}

	.panel-header-new-tabs .admin-menu-call-analysis {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.panel-header-new-tab-btn {
		margin-left: 5px;
	}
	
	.crm-dash .voip-config__donuts-section {
		width: 100% !important;
		text-align: center !important;
	}

	.crm-dash .voip-config__donuts-section .voip-config__donut {
		max-width: 115px;
		padding: 0 15px 15px 0;
	}

	.crm-dash .voip-config__donuts-inner {
        margin: 0 -15px 0 0;
    }

	.crm-dash .voip-dash__overview {
		padding-right: 0;
	}

	#task_desc_pii {
		min-height: 102px;
	}
}

@media screen and (max-width: 1000px) {
	.voip-widget {
		width: 33.333%;	
	}
	
	/* Features */
	.voip-feat-table-1 .voip-feat-tbl-col-3,
	.voip-feat-table-1 .voip-feat-tbl-col-5,
	.voip-feat-table-2 .voip-feat-tbl-col-2,
	.voip-feat-table-2 .voip-feat-tbl-col-5,
	.voip-feat-table-4 .voip-feat-tbl-col-4,
	.voip-feat-table-4 .voip-feat-tbl-col-5,
	.voip-feat-table-5 .voip-feat-tbl-col-3,
	.voip-feat-table-5 .voip-feat-tbl-col-5 {
		display: none;
	}
	
	/*.voip-feat-table-2 th:nth-child(3),
	.voip-feat-table-2 td:nth-child(3) {
		padding-left: 0;
	}*/

	.voip-feat-table .voip-feat-tbl-col {
		width: 30%;
	}

	.voip-feat-table-all-sys .voip-feat-tbl-col {
		width: 23%;
	}
	
	.voip-feat-table-1 .voip-feat-tbl-col-4,
	.voip-feat-table-2 .voip-feat-tbl-col-4,
	.voip-feat-table-3 .voip-feat-tbl-col-3,
	.voip-feat-table-4 .voip-feat-tbl-col-3,
	.voip-feat-table-5 .voip-feat-tbl-col-4 {
		width: auto;
	}
	
	.voip-feat-table .voip-feat-tbl-col-6 {
		width: 20%;
	}

	.voip-feat-table-1 .voip-feat-tbl-col-7,
	.voip-feat-table-5 .voip-feat-tbl-col-7,
	.voip-feat-table-single-sys.voip-feat-table-1 .voip-feat-tbl-col-7,
	.voip-feat-table-single-sys.voip-feat-table-5 .voip-feat-tbl-col-7 {
		width: 16%;
	}
	
	.voip-feat-table-all-sys .voip-feat-tbl-col-6 {
		width: 16%;
	}

	.voip-feat-table-all-sys.voip-feat-table-1 .voip-feat-tbl-col-7,
	.voip-feat-table-all-sys.voip-feat-table-5 .voip-feat-tbl-col-7 {
		width: 12%;
	}
	
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-1 .voip-feat-tbl-col-4,
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-2 .voip-feat-tbl-col-4,
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-5 .voip-feat-tbl-col-4 {
		width: 40%;
	}

	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-3 {
		width: 38%;
	}

	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-6 {
		width: 20%;
	}

	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-1 .voip-feat-tbl-col-2,
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-2 .voip-feat-tbl-col-3,
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-2,
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-5 .voip-feat-tbl-col-2 {
		width: auto;
	}

	.voip-feat-table-single-sys.voip-feat-table-all-type.voip-feat-table-2 .voip-feat-tbl-col-3 {
		padding-left: 0;
	}

	.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-1 {
		width: 20%;
	}

	.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-2 {
		width: 16%;
	}

	.voip-feat-table-4 .voip-feat-tbl-col-7 {
		display: none;
	}
	
	.voip-manage-extns-col {
		width: 50%;
	}
	
	.request-summary-section-right .charge-tooltip {
		transform: translateX(-50%);
		left: 50%;
		right: auto;
	}

	.request-summary-section-right .charge-tooltip::before,
	.request-summary-section-right .charge-tooltip::after {
		left: 50%;
		right: auto;
	}

	.request-summary-section {	
		width: 50%;
	}

	.request-summary-section-bottom .spacer {
		display: none;	
	}
	
	.voip-systemlist-btn {
		width: 16.667%;
	}
	
	/* History */
	.voip-history-header,
	.voip-missed-header {
		padding-bottom: 5px;
	}

	.voip-fax-left,
	.voip-history-left,
	.voip-voicemail-left,
	.voip-missed-left,
	.voip-adv-search {
		float: none;
		margin-right: -10px;
	}

	.voip-fax-left .voip-fax-filter,
	.voip-history-left .voip-history-filter,
	.voip-voicemail-left .voip-voicemail-filter,
	.voip-missed-left .voip-missed-filter {
		float: none;
	}

	.voip-fax-left-section,
	.voip-history-left-section,
	.voip-voicemail-left-section,
	.voip-missed-left-section,
	.voip-adv-search-section {
		width: 33.333%;
	}

	.voip-adv-search { 
		max-width: none;
	}

	.voip-fax-left-section,
	.voip-history-left-section,
	.voip-voicemail-left-section,
	.voip-missed-left-section,
	.voip-adv-search-section,
	.voip-adv-search-buttons {
		padding: 0 10px 10px 0;
	}

	.voip-adv-search-open-btn {
		line-height: 36px;
	}

	.voip-history-type .styled-checkbox > span {
		display: inline;
	}
	
	.voip-config__donuts-inner,
	.voip-config__donuts-inner {
		margin: 0 -5px 0 0;
	}

	.voip-config__donuts-section .voip-config__donut {
		padding: 0 5px 0 0;	
	}
	
	.voip-dash__top, 
	.voip-dash__bottom {
		padding: 20px 15px;
	}

	.voip-dash__top-inner,
	.voip-dash__bottom-inner {
		margin: 0 -15px -15px 0;
	}

	.voip-dash__filter,
	.voip-dash__notification,
	.voip-dash__section,
	.voip-dash__overview,
	.voip-dash .voip-referral-code {
		padding: 0 15px 15px 0;
	}
	
	.voip-dash__top .notification-container {
		margin-bottom: 15px;
	}
	
	.voip-dash__filter {
		width: 33.333%;	
	}

	.voip-dash__section {
		width: 100%;
	}

	.voip-dash__section--small {
		width: 50%;
	}

	.voip-dash__section--links ul {
		margin-right: -4px;
	}

	.voip-dash__section--links li {
		width: 33.333%;
		float: left;
		padding-right: 4px;
	}

	.voip-dash-link {
		line-height: 22px;
		background-size: 28px auto;
		padding: 8px 8px 8px 45px;
		background-position: 7px center;
	}

	.voip-dash-widget__title span {
		display: inline;
	}

	.voip-dash-widget__table th {
		font-size: 10px;
		padding: 0 10px 8px;
		height: auto;
	}

	.voip-dash-spacer {
		margin: 0;
	}

	.voip-dash-spacer__spacer {
		padding: 0;
	}

	.voip-dash-spacer__inner {
		position: static;
	}

	.voip-dash-spacer__table,
	.voip-dash-spacer__table-cell {
		display: block;
	}

	.voip-dash__donuts {
		margin: 0 -5px 0 0;
		max-width: none;
		padding: 0;
	}

	.voip-dash__overview .voip-config__donuts {
		padding-top: 5px;
	}

	.voip-dash__donut {
		width: 14.2857%;
		padding: 0 5px 0 0;
	}

	.voip-dash-widget__graph .bar-graph__container,
	.voip-dash-widget__graph .pie-graph__container,
	.voip-dash-widget__graph .line-graph__container,
	.voip-dash__section--wide .voip-dash-widget__graph .bar-graph__container,
	.voip-dash__section--wide .voip-dash-widget__graph .pie-graph__container,
	.voip-dash__section--wide .voip-dash-widget__graph .line-graph__container {
		padding-bottom: 22.5%;
	}
	
	.voip-dash__table-cont  {	
		padding: 0 15px 15px 0;
	}
	
	.voip-calls-package,
	.voip-inclusive-minutes {
		width: 100%;
	}
	
	.voip-cols-content,
	.voip-cols-sidebar {
		float: none;
		width: 100%;
	}

	.voip-cols-sidebar {
		padding-left: 95px;
		max-width: 500px;
	}
	
	.voip-cols-sidebar-wide {
		padding-left: 125px;
		max-width: 530px;
	}
	
	.voip-cols-sidebar-large {
		font-size: 14px;
	}
	
	.voip-port-form--client .voip-port-section {
		width: 60%;	
	}

	.voip-port-form--client .voip-port-help {
		width: 40%;
	}
	
	.direct-debit-guarantee img {
		width: 150px;
	}
	
	.task_table tr {
		position: relative;	
	}
	
	.task_table .requests-tbl-summary {
		width: 83%;
	}
	
	.task_table .requests-tbl-status {
		/* width: 18%		 */
		width: 22%;
	}
	
	.task_table .requests-tbl-time {
		width: 6%;	
		padding: 0 2% 8px 0;
		height: 16px;
	}

	.task_table .requests-tbl-time--hidden {
		height: 0;
	}
	
	.timecharge-circle {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 9px;
		position: absolute;
		right: 2%;
		top: 50%;
		margin-top: -15px;
	}

	.voip-admin-table--numbers th:nth-child(1) span {
		display: inline;
	}

	.voip-admin-table--numbers td:nth-child(1) span {
		display: block;
		color: #989898;
		font-size: 11px;
	}

	.voip-admin-table--numbers th:nth-child(2),
	.voip-admin-table--numbers td:nth-child(2) {
		display: none;
	}
	
	.voip-admin-table--systems th:nth-child(3),
	.voip-admin-table--systems td:nth-child(4),
	.voip-admin-table--systems th:nth-child(4),
	.voip-admin-table--systems td:nth-child(5),
	.voip-admin-table--systems th:nth-child(5),
	.voip-admin-table--systems td:nth-child(6)
	/*, .voip-admin-table--systems th:nth-child(6),
	.voip-admin-table--systems td:nth-child(7)*/ {
		display: none;
	}

	.voip-admin-table--manage-phones th:nth-child(4),
	.voip-admin-table--manage-phones td:nth-child(4),
	.voip-admin-table--manage-connectivity th:nth-child(1),
	.voip-admin-table--manage-connectivity td:nth-child(1) {
		display: none;
	}

	.voip-admin-table--manage-connectivity td:nth-child(2) span {
		display: block;
		color: #989898;
		font-size: 11px;
	}
	
	.voip-tab-links--dropdown a {
		padding: 10px 15px;
	}

	.voip-tab-links--dropdown .voip-tab-links-btn {
		display: block;
	}

	.voip-tab-links--dropdown .voip-tab-links-dd2 {
		position: absolute;
		right: 0;
		line-height: 16px;
		width: 180px;
		background: #fff;
		text-align: center;
		border-left: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		display: none;
		margin: 0;
	}

	.voip-tab-links--dropdown.open .voip-tab-links-dd2 {
		display: block;
	}

	.voip-tab-links-dd2 {
		border: 0;
		padding: 0;
	}

	.voip-tab-links-dd2 a {
		padding: 5px 8px;
	}

	.voip-tab-links-dd2-1 {
		top: 32px;
		border-top: 1px solid #e6e6e6;
		padding-top: 5px;
	}

	.voip-tab-links-dd2-2 {
		top: 63px;
	}

	.voip-tab-links-dd2-3 {
		top: 89px;
	}

	.voip-tab-links-dd2-4 {
		top: 115px;
	}

	.voip-tab-links-dd2-5 {
		top: 141px;
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 5px;
	}

	.voip-porting-col-days,
	.voip-porting-col-edit {
		display: none;
	}
	
	.voip-voicemail-actions-v2 .voip-btn {
		height: 26px;
		width: 40px;
		background-size: 27px;
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.voip-voicemail-header {
		float: none;
		width: 100%;
		padding: 0;
	}

	.voip-voicemail-actions-v2 {
		float: none;
		width: auto;
	}
	
	.voip-history-left-section-5 .styled-checkbox {
		padding: 10px 0;
	}
	
	.voip-feature-logs .voip-history-left-section-5 .styled-checkbox {
		padding: 0;
	}
	
	.voip-feature-logs-number .voip-history-left-section-5 .styled-checkbox {
		padding: 10px 0;
	}
	
	.voip-ratechecker__table th:nth-child(n + 5),
	.voip-reverse-charge__table th:nth-child(n + 3) {
		white-space: normal;
	}
	
	.recent-transactions th:first-child, 
	.recent-transactions td:first-child {
		padding-left: 5px;
	}

	.recent-transactions th:last-child, 
	.recent-transactions td:last-child {
		padding-right: 5px;
	}
	
	.recent-transactions th {
		font-size: 12px;
    	padding-bottom: 5px;
	}
	.recent-transactions td {
		font-size: 11px;
	}
	
	.recent-transactions-pay label {
		margin-right: 5px;	
	}
	
	.recent-transactions th:nth-child(5) span {
		display: none;
	}
	
	.recent-transactions th:nth-child(5):before {
		content: 'O/s';
		text-indent: 0;
	}
	
	.voip-number-left,
	.voip-number-right {
		width: 100%;
		max-width: 500px;
		float: left;
	}

	.voip-number-right {
		padding: 15px 0;
	}

	.voip-dash-voicemail-note {
		margin-right: 5px;
	}

	/* .voip-dash__section-ai .voip-dash-widget__graph .pie-graph__container {
		padding-bottom: 35%;
	} */
}

@media screen and (max-width: 950px) {
	.voip-dash__table--queues th,
	.voip-dash__table--queues td,
	.voip-dash__table--departments-old th,
	.voip-dash__table--departments-old td,
	.voip-dash__table--numbers th,
	.voip-dash__table--numbers td {
		width: 16%;
	}

	.voip-dash__table--users th,
	.voip-dash__table--users td,
	.voip-dash__table--departments th,
	.voip-dash__table--departments td {
		width: 12%;
	}

	.voip-dash__table--queues .voip-dash__col-1,
	.voip-dash__table--departments-old .voip-dash__col-1,
	.voip-dash__table--users .voip-dash__col-1,
	.voip-dash__table--departments .voip-dash__col-1,
	.voip-dash__table--numbers .voip-dash__col-1  {
		width: auto;
	}

	.voip-dash__table--queues .voip-dash__col-6,
	.voip-dash__table--queues .voip-dash__col-7,
	.voip-dash__table--departments-old .voip-dash__col-6,
	.voip-dash__table--departments-old .voip-dash__col-7,
	.voip-dash__table--users .voip-dash__col-7, 
	.voip-dash__table--users .voip-dash__col-8,
	.voip-dash__table--departments .voip-dash__col-7, 
	.voip-dash__table--departments .voip-dash__col-8,
	.voip-dash__table--numbers .voip-dash__col-6,
	.voip-dash__table--numbers .voip-dash__col-7 {
		display: none;
	}
	
	.voip-port-section__buttons .voip-form-note {
		line-height: normal;
		padding: 0 0 40px;
		text-align: left;
	}

	.voip-port-section__buttons .voip-btn-add {
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	
	.account-panel-input--50 input[type="text"] {
		width: 50%;
	}
	
	.voip-tabs-system .voip-tab-links a span {
		display: none;
	}
	
	.voip-tabs-system .voip-tab-links a .mob-hide {
		display: inline;
	}

	.panel-header-new-tabs a {
		padding: 0 2px;
	}

	.voip-admin--manage .voip-tab-links a {
		padding: 10px 6px;
	}
}

@media screen and (max-width: 900px) {
	.voip-directory-table .voip-directory-tbl-col-first {
		width: 30%;
	}

	.voip-directory-table .voip-directory-tbl-col-work, 
	.voip-directory-table .voip-directory-tbl-col-home, 
	.voip-directory-table .voip-directory-tbl-col-mobile {
		width: 23.333%;
	}

	.voip-directory-table .voip-directory-tbl-col-group,
	.voip-directory-table .voip-directory-tbl-col-jobtitle {
		display: none;
	}
	
	.request-billing {
		width: 74.9%;
	}

	.voip-systemlist-btn {
		width: 20%;
	}
	
	.voip-device-key-user, 
	.voip-device-key-number, 
	.voip-device-key-label,
	.voip-device-key-indicator {
		padding-right: 5px;
	}
	
	.voip-device-key-indicator {
		width: 65px;
    	margin: 0 -65px 0 0;
	}
	
	.voip-device-key-inner {
		margin-right: -5px;
		padding-right: 65px;
	}
	
	.voip-tab-links a {
		font-size: 13px;
	}
	
	.voip-dash__top-inner, 
	.voip-dash__bottom-inner {
		margin: 0 -10px -10px 0;
	}

	.voip-dash__filter,
	.voip-dash__notification,
	.voip-dash__section,
	.voip-dash__overview,
	.voip-dash .voip-referral-code {
		padding: 0 10px 10px 0;
	}
	
	.voip-dash__top .notification-container {
		margin-bottom: 10px;
	}

	.voip-dash__overview .voip-dash__donuts {
		padding-top: 10px;
	}
	
	.voip-dash__table-cont  {	
		padding: 0 10px 10px 0;
	}
	
	.recent-transactions td:nth-child(3) {
		width: auto;
	}

	.recent-transactions th:nth-child(7),
	.recent-transactions td:nth-child(7) {
		width: 1px;
	}

	.recent-transactions th:nth-child(8),
	.recent-transactions td:nth-child(8) {
		display: none;
	}

	.recent-transactions th:nth-child(9),
	.recent-transactions td:nth-child(9) {
		width: 1px;
	}

	.recent-transactions-payment {
		display: table-row;
	}
}

@media screen and (max-width: 840px) {
	.page-reset {
		margin: 0;
	}

	.intelicall-subpage-container,
	.intelicall-subpage-container-notabs {
		padding: 28px 0;	
	}
	
	.voip-widget {
		width: 25%;	
	}
	
	.voip-history-float,
	.voip-tabs-float {
		left: 0;
		right: auto;
		width: 100%;
		
		-webkit-transition: left 250ms ease;
		-moz-transition: left 250ms ease;
		-o-transition: left 250ms ease;
		transition: left 250ms ease;
	}
	
	.voip-tabs-float {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	
	.voip-history-float {
		padding-left: 0;
		padding-right: 0;
	}
	
	.off-canvas-slide.active .voip-history-float, 
	.off-canvas-slide.active .voip-tabs-float {
		left: 60%;
	}
	
	.alert-msg-cont {
		left: 0;
		right: 0;
	}

	.content_main_margin {
		position: static;
	}
	
	.system-designer-page .content_main_margin {
		margin-left: 0;
	}
	
	.panel-header-filter .panel-header-new-inner {
		padding: 12px 2.5%;
	}
	
	.voip-panel-company .voip-select-lock {
		width: auto;
	}
	
	.voip-panel-company  .voip-select-lock span {
		display: none;	
	}
	
	.voip-panel-buttons {
		margin-top: -48px;
	}
	
	.voip-panel-buttons .voip-help {
		display: none;
	}
	
	/* .voip-panel-buttons button.voip-btn span {
		display: none;
	} */

	.voip-panel-search {
		right: 80px;
	}

	.voip-panel-zoom.open {
		display: none;
	}
	
	.system-designer-page {
		background: #fff;
	}
	
	.system-designer-page #header {
		display: none;
	}

	.system-designer-page #container {
		padding-top: 0;	
	}

	.system-designer-page #midsection {
		min-height: 0 !important;	
	}
	
	.system-designer-page .off-canvas-slide.active {
		left: 0 !important;
	}

	.system-designer-page .off-canvas-slide.active .off-canvas-cover {
		display: none;
	}
	
	/* Features */
	.intelicall-subpage-container,
	.intelicall-subpage-container-notabs {
		padding: 20px 0;
	}

	.voip-feat-section {
		margin-left: -2.5%;
		margin-right: -2.5%;
	}

	.voip-feat-section-title {
		margin-left: 2.5%;
	}

	.voip-feat-table th:last-child, 
	.voip-feat-table td:last-child {
		padding-right: 12px;
	}
	
	.voip-areacode .voip-tooltip {
		left: -10px;
		margin-left: 0;
	}

	.voip-areacode .voip-tooltip:before {
		left: 20px;
	}
	
	.voip-tabs {
		margin: 0 -2.5%;
	}

	.voip-tab-links {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	.voip-tab {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	
	.voip-logs-table-cont {
		margin: 0 -2.5%;
	}
	
	.designer-tab {
		display: none !important; 
	}

	.voip-recording-table-cont {
		margin: 0 -2.5%;
	}
	
	.voip-manage-extns-col {
		width: 33.333%;
	}
	
	.daterangepicker-fix {
		background: #fff;
	}
	
	#voip-fax-range i,
	#voip-history-range i,
	#voip-voicemail-range i,
	#voip-missed-range i,
	#date-range i {
		display: inline-block;
	}
	
	.voip-fax-content,
	.voip-history-content,
	.voip-voicemail-content,
	.voip-missed-content {
		margin: 0 -2.5%;
	}

	.voip-history-table .voip-history-tbl-col,
	.voip-missed-table .voip-missed-tbl-col {
		padding: 4px;
	}

	/*.voip-history-total .voip-history-tbl-col {
		padding: 0 4px;
	}*/

	.voip-history-table .voip-history-icon,
	.voip-history-table .voip-history-icon-mob,
	.voip-history-total .voip-history-icon {
		padding-left: 2.5%;
	}

	.voip-history-table .voip-history-icon > div:before,
	.voip-history-table .voip-history-icon-mob > div:before {
		left: -8.5%;
	}
	
	.voip-history-table .voip-history-icon > div:after,
	.voip-history-table .voip-history-icon-mob > div:after {
		left: -8.5%;
	}

	.voip-history-table .voip-history-icon-internal > div:before {
		margin-left: -4px;
	}

	.voip-history-table .voip-history-icon-inbound > div:before,
	.voip-history-table .voip-history-icon-outbound > div:before {
		margin-left: -3px;
	}
	
	.voip-history-table .voip-history-icon-sub > div:before {
		margin-left: -6px;	
	}
	
	.voip-history-table .voip-history-icon-sub > div:after {
		margin-left: -2px;
	}
	
	.voip-history-table .voip-history-icon-sub-up > div:before {
		margin-left: -3px;
	}
	
	.voip-history-table .voip-history-icon-sub-up > div:after {
		margin-left: -7px;
	}
	
	.voip-history-table .voip-history-tbl-col-rec,
	.voip-history-total .voip-history-tbl-col-rec {
		padding-right: 8px;
	}
	
	.voip-missed-table-all .voip-missed-tbl-col-sys,
	.voip-missed-table .voip-missed-tbl-col-date {
		padding-left: 2.5%;	
	}

	.voip-missed-table-all .voip-missed-tbl-col-date {
		padding-left: 4px;
	}

	.voip-missed-table .voip-missed-tbl-col-src {
		/* padding-right: 2.5%;	 */
	}

	.voip-missed-table .voip-missed-tbl-col-rec {
		padding-right: 2.5%;
		width: 60px;
	}
	
	.voip-recording-table th {
		font-size: 14px;
	}

	.voip-recording-table td {
		font-size: 12px;
	}

	.voip-recording-table .voip-recording-tbl-col {
		padding: 4px;
	}

	.voip-recording-table .voip-recording-tbl-col-date {
		padding-left: 8px;
	}

	.voip-recording-table .voip-recording-tbl-col-rec {
		padding-right: 8px;
	}
	
	.request-summary-section-right .charge-tooltip {
		transform: translateX(0);
		left: auto;
		right: -10px;
	}

	.request-summary-section-right .charge-tooltip::before,
	.request-summary-section-right .charge-tooltip::after {
		left: auto;
		right: 30px;
	}

	.panel-header-request-actions .btn-close-request,
	.panel-header-request-actions .btn-place-hold {	
		margin: 2px 0 2px 10px;
	}

	.request-summary-section-cont {
		max-width: none;	
	}

	.request-summary-section {
		width: 30%;
	}

	.request-summary-section-wide {
		width: 35%;
	}

	.request-summary-section-bottom .spacer {
		display: block;	
	}

	.request-priority {
		width: 58%;
		padding-bottom: 0;
	}

	.request-billing {
		width: 39%;
		float: right;
	}
	
	.new-request .voip-port-save {
		padding: 0;
	}
	
	.voip-onboarding-overlay {
		margin: 0;
	} 
	
	.voip-device-bg-option-remove {
		display: none;
	}
	
	.voip-form-text-value .radio-container {
		margin: -1px 0;
	}
	
	.styled-radio {
		padding: 5px 0;
	}
	
	.voip-dash__top-inner, 
	.voip-dash__bottom-inner {
		margin: 0 -15px -15px 0;
	}

	.voip-dash__filter,
	.voip-dash__notification,
	.voip-dash__section,
	.voip-dash__overview,
	.voip-dash .voip-referral-code {
		padding: 0 15px 15px 0;
	}
	
	.voip-dash__top .notification-container {
		margin-bottom: 15px;
	}

	.voip-dash__overview .voip-dash__donuts {
		padding-top: 5px;
	}
	
	.voip-dash--queues .voip-dash__bottom,
	.voip-dash--departments .voip-dash__bottom,
	.voip-dash--users .voip-dash__bottom,
	.voip-dash--numbers .voip-dash__bottom,
	.voip-dash--regions .voip-dash__bottom {
		padding: 0;	
	}

	.voip-dash--queues .voip-dash__bottom-inner,
	.voip-dash--departments .voip-dash__bottom-inner,
	.voip-dash--users .voip-dash__bottom-inner,
	.voip-dash--numbers .voip-dash__bottom-inner,
	.voip-dash--regions .voip-dash__bottom-inner {
		margin: 0;
	}
	
	.voip-dash__table-cont {
		padding: 0;
	}

	.voip-dash__table .voip-dash__col-1 {
		padding-left: 2.5%;
	}

	.voip-dash__table--queues .voip-dash__col-5,
	.voip-dash__table--departments-old .voip-dash__col-5,
	.voip-dash__table--numbers .voip-dash__col-5,
	.voip-dash__table--regions .voip-dash__col-4 {
		padding-right: 2.5%;
	}
	
	.voip-ratechecker__table th,
	.voip-reverse-charge__table th {
		padding: 8px 4px 4px;
	}

	.voip-ratechecker__table td,
	.voip-reverse-charge__table td {
		padding: 8px 4px;
	}
	
	.voip-port-section__buttons .voip-form-note {
		padding: 0 0 0 10px;
		text-align: right;
		line-height: 30px;
	}

	.voip-port-section__buttons .voip-btn-add {
		position: static;	
	}
	
	.account-panel-input--50 input[type="text"] {
		width: 100%;
	}
	
	.voip-tab-links--dropdown {
		padding: 0;
		margin: 0 2.5%;
	}

	.voip-porting-col-numbers {
		display: none;
	}
	
	.recent-transactions {
		margin-left: 0;
	}
	
	.recent-transactions th {
		font-size: 13px;
	}
	
	.recent-transactions td {
		font-size: 12px;
	}
	
	.voip-onboarding-message {
		margin: 0;
	}
	
	.voip-history-tbl-col .voip-history-expand,
	.voip-history-table-all .voip-history-tbl-col-date .voip-history-expand {
		display: none;
	}
	
	.direct-debit-footer {
		padding-bottom: 30px;
	}
	
	.voip-ratechecker__table th:nth-child(n + 5),
	.voip-reverse-charge__table th:nth-child(n + 3) {
		white-space: nowrap;
	}
	
	.alert-msg-cont .alert-msg-text-button {
		width: 100%;
		margin: 0;
		text-align: center;
		padding: 0;
	}

	.alert-msg-text div,
	.alert-msg-text-button div {
		margin: 0 auto;
	}
	
	.alert-msg-cont .alert-msg-button,
	.alert-msg-cont .alert-msg-button:hover {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: transparent;
		margin: 0;
		color: transparent;
	}
	
	.account-permission-segment .account-permission-input {
		display: block;
	}

	.crm-dash .crm-multiselect-cont {
		width: 100%;
	}
/* 
	.crm-dash .voip-config__donuts-section {
		width: 100% !important;
	}

	.crm-dash .voip-config__donuts-section > div {
		display: inline-block;
		width: 50%;
		text-align: right;
		vertical-align: middle;
	}
	
	.crm-dash .voip-config__donuts-section > div:first-child {
		text-align: left;
	}

	.crm-dash .voip-config__donuts-section > div:first-child .voip-config__donut {
		width: 40% !important;
	} */

	.requests-ga-transactions .ga-time {
		display: none;
	}

	.requests-ga-available .ga-time {
		display: none;
	}

	.voip-panel-draft-msg,
	.voip-panel-live-msg,
	.voip-readonly-button {
		margin-left: -35px;
	}

	.voip-draft-switch {
		margin-right: 10px;
	}

	.voip-draft-switch-live-label {
		padding-right: 5px;
	}

	.voip-draft-switch-draft-label {
		padding-left: 5px;
	}

	.voip-panel-draft-msg {
		padding: 6px 10px;
		font-size: 12px;
		line-height: 16px;
	}

	.voip-readonly-button {
		padding: 8px 12px 8px 8px;
	}

	.voip-readonly-button img {
		margin-right: 6px;
	}

	.voip-missed-overlimit-icon {
		width: 12px;
		height: 12px;
		line-height: 12px;
		font-size: 9px;
		margin: 2px 0 2px 3px;
	}

	.voip-dash__section-ai {
		width: 50%;
	}

	.voip-dash__section-ai .voip-dash-widget__graph .pie-graph__container {
		/* padding-bottom: 52%; */
		padding-bottom: 40%;
	}

	.voip-admin--manage .voip-tab-links a {
		padding: 10px;
	}
}

@media screen and (max-width: 768px) {
	.voip-widget {
		width: 33.333%;	
	}
	
	/* Designer */
	.voip-overlay-content,
	#voip_layer_register .voip-overlay-content {
		padding: 10px 5px
	}

	.voip-overlay-section {
		margin: 0;	
	}
	
	.voip-manage-extns-col {
		width: 50%;
	}
	
	.voip-adv-search-section {
		width: 50%;
	}
	
	.voip-history-table .voip-history-icon-internal > div:before {
		width: 6px;
		height: 6px;
		margin: -2px -0 0 -3px;
	}

	.voip-history-table .voip-history-icon-inbound > div:before,
	.voip-history-table .voip-history-icon-outbound > div:before {
		border-width: 4px;
		margin: -3px 0 0 -2px;
	}
	
	.voip-history-table .voip-history-icon-sub > div:before {
		margin-left: -4px;
	}
	
	.voip-history-table .voip-history-icon-sub > div:after {
		border-width: 4px;
		margin: -3px 0 0 0px;
	}
	
	.voip-history-table .voip-history-icon-sub-up > div:before {
		margin-left: -3px;
	}
	
	.voip-history-table .voip-history-icon-sub-up > div:after {
		margin: 2px 0 0 -7px;
	}

	.voip-table-csv-btn {
		text-indent: -9999px;
		padding-right: 19px;
		float: left;
	}

	.voip-fax-left-section,
	.voip-history-left-section,
	.voip-voicemail-left-section,
	.voip-missed-left-section {
		width: 50%;
	}
	
	.voip-fax-left-section-4,
	.voip-history-left-section-4,
	.voip-voicemail-left-section-4,
	.voip-missed-left-section-4 {
		width: 50%;	
	}
	
	.voip-history-left-section-5 {
		width: auto;
	}

	.voip-history-type span span {
		display: inline;
	}

	.voip-adv-search-open-btn {
		line-height: normal;
	}
	
	.request-priority {
		width: 100%;
		padding-bottom: 30px;
	}

	.request-billing {
		width: 50%;
		float: left;
	}

	.line-graph, 
	.bar-graph,
	.pie-graph {
		padding: 10px 0;
	}

	.line-graph__header, 
	.bar-graph__header,
	.pie-graph__header,
	.line-graph__section, 
	.bar-graph__section,
	.pie-graph__section {
		padding-bottom: 8px;
	}

	.line-graph__footer, 
	.bar-graph__footer,
	.pie-graph__footer {
		padding-top: 5px;
	}
	
	.voip-device-bg-left {
		width: 56%;
	}

	.voip-device-bg-right {
		width: 44%;
	}

	.voip-device-bg-option, 
	.voip-device-bg-add {
		width: 33.333%;
	}
	
	.voip-port-section__buttons .voip-form-note {
		line-height: normal;
		padding: 0 0 40px;
		text-align: left;
	}

	.voip-port-section__buttons .voip-btn-add {
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	
	.voip-voicemail-left-section {
		width: 50%;
	}
	
	.voip-history-left-section-5 .styled-checkbox {
		padding: 0;
	}
	
	.voip-feature-logs .voip-history-left-section-5 .styled-checkbox {
		padding: 10px 0;
	}
	
	.voip-feature-logs-number .voip-history-left-section-5 .styled-checkbox {
		padding: 0;
	}
	
	.voip-ratechecker__table th:nth-child(n + 5),
	.voip-reverse-charge__table th:nth-child(n + 3) {
		white-space: normal;
	}

	#search_designer {
		width: 120px;
	}













	.voip-dash__top-inner, 
	.voip-dash__bottom-inner {
		margin: 0 -10px -10px 0;
	}

	.voip-dash__filter,
	.voip-dash__notification,
	.voip-dash__section,
	.voip-dash__overview,
	.voip-dash .voip-referral-code {
		padding: 0 10px 10px 0;
	}
	
	.voip-dash__top .notification-container {
		margin-bottom: 10px;
	}
	
	.voip-dash__filter {
		width: 50%;	
	}

	.voip-admin--manage .voip-tab-links a {
		padding: 10px 6px;
	}
}

@media screen and (max-width: 668px) {
	.voip-fax-search,
	.voip-history-search,
	.voip-voicemail-search,
	.voip-missed-search {
		display: block;
	}
	
	.voip-fax-content-cont,
	.voip-voicemail-content-cont {
		padding-top: 10px;
	}
	
	.voip-fax-search-results,
	.voip-voicemail-search-results {
		margin-top: 0;
	}
	
	.voip-fax-table,
	.voip-voicemail-table {
		border-top: 1px solid #e6e6e6;
	}
	
	.voip-history-table {
		overflow: hidden;
	}

	.voip-fax-table thead,
	.voip-history-table thead,
	.voip-voicemail-table thead {
		display: none;	
	}

	.voip-history-table .voip-history-tbl-col,
	.voip-history-total .voip-history-tbl-col,
	.voip-history-tbl-col-span a strong {
		font-size: 12px;
	}
	
	.voip-fax-table tr,
	.voip-fax-table tr:hover,
	.voip-voicemail-table tr,
	.voip-voicemail-table tr:hover {
		background: 0;
	}

	.voip-fax-table tr:nth-child(odd),
	.voip-fax-table tr:nth-child(odd):hover,
	.voip-voicemail-table tr:nth-child(odd),
	.voip-voicemail-table tr:nth-child(odd):hover {
		background: #fcfcfc;
	}
	
	.voip-history-table tr.even,
	.voip-history-table tr.even:hover {
		background: 0;
	}
	
	.voip-history-table tr.odd,
	.voip-history-table tr.odd:hover {
		background: #fcfcfc;
	}
	
	.voip-fax-table tbody tr,
	.voip-history-table tbody tr,
	.voip-voicemail-table tbody tr {
		width: 100%;
		position: relative;
		padding: 40px 2.5% 0;
	}
	
	.voip-history-table tbody tr {
		border-top: 1px solid #e6e6e6;
	}
	
	.voip-history-table .sub {
		border-top-style: dashed;
	}
	
	.voip-fax-table tbody tr,
	.voip-voicemail-table tbody tr {
		border-bottom: 1px solid #e6e6e6;
	}
	
	.voip-fax-table tr,
	.voip-fax-table .voip-fax-tbl-col,
	.voip-history-table tr,
	.voip-history-table .voip-history-tbl-col,
	.voip-voicemail-table tr,
	.voip-voicemail-table .voip-voicemail-tbl-col {
		display: block;
		float: left;	
		box-sizing: border-box;
	}

	.voip-fax-table .voip-fax-tbl-col,
	.voip-history-table .voip-history-tbl-col,
	.voip-voicemail-table .voip-voicemail-tbl-col {
		border: 0;
		padding: 4px;
	}
	
	.voip-fax-table .spinner-cont,
	.voip-fax-table .voip-fax-row-full,
	.voip-history-table .spinner-cont,
	.voip-history-table .voip-history-row-full,
	.voip-voicemail-table .spinner-cont,
	.voip-voicemail-table .voip-voicemail-row-full {
		padding-top: 0;
	}
	
	.voip-fax-table .spinner,
	.voip-fax-row-full td,
	.voip-history-table .spinner,
	.voip-history-row-full td,
	.voip-voicemail-table .spinner,
	.voip-voicemail-row-full td {
		display: block;
		border: 0;
	}
	
	.voip-fax-table td,
	.voip-history-table td, 
	.voip-voicemail-table td {
		height: auto;
	}
	
	.voip-fax-table .voip-fax-tbl-col-check,
	.voip-fax-table .voip-fax-tbl-col-star,
	.voip-fax-table .voip-fax-tbl-col-date,
	.voip-fax-table .voip-fax-tbl-col-line,
	.voip-fax-table .voip-fax-tbl-col-src,
	.voip-fax-table .voip-fax-tbl-col-rec,
	.voip-fax-table .voip-fax-tbl-col-arrow,
	.voip-history-table .voip-history-tbl-col-date,
	.voip-history-table .voip-history-tbl-col-line,
	.voip-history-table .voip-history-tbl-col-src,
	.voip-history-table .voip-history-tbl-col-dst,
	.voip-history-table .voip-history-tbl-col-arrow,
	.voip-voicemail-table .voip-voicemail-tbl-col-check,
	.voip-voicemail-table .voip-voicemail-tbl-col-star,
	.voip-voicemail-table .voip-voicemail-tbl-col-date,
	.voip-voicemail-table .voip-voicemail-tbl-col-box,
	.voip-voicemail-table .voip-voicemail-tbl-col-src,
	/*.voip-voicemail-table .voip-voicemail-tbl-col-rec,*/
	.voip-voicemail-table .voip-voicemail-tbl-col-arrow {
		width: auto;
		position: absolute;
		top: 0;
		height: 40px;
		overflow: hidden;
	}
	
	.voip-fax-table .voip-fax-tbl-col-date:before,
	.voip-fax-table .voip-fax-tbl-col-line:before,
	.voip-fax-table .voip-fax-tbl-col-src:before,
	.voip-history-table .voip-history-tbl-col-date:before,
	.voip-history-table .voip-history-tbl-col-line:before,
	.voip-history-table .voip-history-tbl-col-src:before,
	.voip-history-table .voip-history-tbl-col-dst:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-date:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-box:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-src:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		margin-bottom: 3px;
	}
	
	.voip-fax-table .voip-fax-tbl-col-check,
	.voip-fax-table .voip-fax-tbl-col-star,
	.voip-voicemail-table .voip-voicemail-tbl-col-check,
	.voip-voicemail-table .voip-voicemail-tbl-col-star {
		left: 2.5%;
		padding: 11px 0;
	}
	
	.voip-fax-table .voip-fax-tbl-col-check,
	.voip-voicemail-table .voip-voicemail-tbl-col-check {
		z-index: 2;
	}

	.voip-fax-table .voip-fax-tbl-col-star,
	.voip-voicemail-table .voip-voicemail-tbl-col-star {
		padding-left: 26px;
		z-index: 1;
	}

	.voip-history-table .voip-history-tbl-col-date {
		left: 0;
		right: 76%;
		padding-left: 2.5%;
	}
	
	.voip-fax-table .voip-fax-tbl-col-date {
		padding-left: 50px;
		left: 2.5%;
		right: 68%;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-date {
		padding-left: 50px;
		left: 2.5%;
		/* right: 68%; */
		right: 64%;
	}
	
	.voip-fax-table .voip-fax-tbl-col-date > div,
	.voip-history-table .voip-history-tbl-col-date > div,
	.voip-voicemail-table .voip-voicemail-tbl-col-date > div {
		display: inline-block;
	}
	
	.voip-history-table .voip-history-tbl-col-date > div {
		padding-left: 12px;		
	}

	.voip-fax-table .voip-fax-tbl-col-date > div:before,
	.voip-history-table .voip-history-tbl-col-date > div:before,
	.voip-history-table .voip-history-tbl-col-date > div:after,
	.voip-voicemail-table .voip-voicemail-tbl-col-date > div:before {
		left: 0;
	}

	.voip-history-table .voip-history-icon-internal > div:before {
		width: 7px;
		height: 7px;
		margin: -3px 0 0 -2px;
	}

	.voip-history-table .voip-history-icon-inbound > div:before,
	.voip-history-table .voip-history-icon-outbound > div:before {
		border-width: 5px;
		margin: -5px 0 0 -1px;
	}
	
	.voip-history-table .voip-history-icon-sub > div:after {
		border-width: 5px;
		margin: -3px 1px 0 1px;
	}
	
	.voip-history-table .voip-history-icon-sub-up > div:before {
		margin-left: -1px;	
	}
	
	.voip-history-table .voip-history-icon-sub-up > div:after {
		margin: 1px 0 1px -6px;
	}
	
	.voip-history-table .voip-history-tbl-col-sys > div:before {
		display: none;
	}
	
	.voip-fax-table .voip-fax-tbl-col-date,
	.voip-fax-table .voip-fax-tbl-col-line,
	.voip-fax-table .voip-fax-tbl-col-src,
	.voip-fax-table .voip-fax-tbl-col-rec,
	.voip-history-table .voip-history-tbl-col-line,
	.voip-history-table .voip-history-tbl-col-src,
	.voip-history-table .voip-history-tbl-col-dst,
	.voip-voicemail-table .voip-voicemail-tbl-col-date,
	.voip-voicemail-table .voip-voicemail-tbl-col-box,
	/* .voip-voicemail-table .voip-voicemail-tbl-col-rec, */
	.voip-voicemail-table .voip-voicemail-tbl-col-src {
		text-align: center;
	}
	
	.voip-fax-table td.voip-fax-tbl-col-rec
	/*, .voip-voicemail-table td.voip-voicemail-tbl-col-rec*/ {
		line-height: 36px;
	}
	
	.voip-history-table .voip-history-tbl-col-line {
		left: 24%;
		right: 52%;	
	}

	.voip-history-table .voip-history-tbl-col-src {
		left: 48%;
		right: 28%;
	}

	.voip-history-table .voip-history-tbl-col-dst {
		left: 72%;
		right: 4%;
	}
	
	.voip-fax-table .voip-fax-tbl-col-line {
		left: 32%;
		right: 44%;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-box {
		left: 36%;
		right: 36%;
	}

	.voip-fax-table .voip-fax-tbl-col-src {
		right: 20%;
		left: 56%;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-src {
		right: 8%;
		left: 64%;
	}

	.voip-fax-table .voip-fax-tbl-col-rec
	/*, .voip-voicemail-table .voip-voicemail-tbl-col-rec*/ {
		left: 80%;
		right: 4%;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-rec {
		width: 38%;
		display: none;
		padding: 0 0 6px;
		padding-left: 4px;
		overflow: hidden;
	}
	
	.voip-fax-table .voip-fax-tbl-col-rec a
	/*, .voip-voicemail-table .voip-voicemail-tbl-col-rec a*/ {
		margin: 0 0 0 15px; 
	}

	.voip-voicemail-tbl-col-rec-overflow {
		display: inline;
	}

	.voip-voicemail-tbl-col-rec-overflow a {
		padding: 0 !important;
	}
	
	.voip-fax-table .voip-fax-tbl-col-arrow,
	.voip-history-table .voip-history-tbl-col-arrow,
	.voip-voicemail-table .voip-voicemail-tbl-col-arrow {
		display: block;
		position: absolute;
		left: 96%;
		right: 0;
		padding: 0;
		border: 0;
	}

	.voip-history-table .voip-history-tbl-col-arrow,
	.voip-voicemail-table .voip-voicemail-tbl-col-arrow  {
		overflow: visible !important;
	}

	.voip-history-table .voip-history-tbl-col-arrow .mobile-only,
	.voip-voicemail-table .voip-voicemail-tbl-col-arrow .mobile-only {
		display: block;
		position: absolute;
        right: 25px;
        padding: 0;
        border: 0;
        top: 12px;
	}
	
	.voip-fax-table .voip-fax-tbl-col-arrow:before,
	.voip-history-table .voip-history-tbl-col-arrow:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-arrow:before {
		content: '';
		border: 4px solid transparent;
		border-top: 4px solid black;
		position: absolute;
		top: 50%;
		/*right: 62.5%;*/
		right: 59%;
		margin: -2px 0 0 0;
	}
	
	.voip-fax-table .open .voip-fax-tbl-col-arrow:before,
	.voip-history-table .open .voip-history-tbl-col-arrow:before,
	.voip-voicemail-table .open .voip-voicemail-tbl-col-arrow:before {
		border-top-color: transparent;
		border-bottom-color: black;
		margin-top: -6px;
	}
	
	.voip-fax-table .voip-fax-tbl-col-sys,
	.voip-fax-table .voip-fax-tbl-col-size,
	.voip-history-table .voip-history-tbl-col-sys,
	.voip-history-table .voip-history-tbl-col-src-type,
	.voip-history-table .voip-history-tbl-col-dst-type,
	.voip-history-table .voip-history-tbl-col-dur,
	.voip-history-table .voip-history-tbl-col-cost,
	.voip-history-table .voip-history-tbl-col-rec,
	.voip-voicemail-table .voip-voicemail-tbl-col-sys,
	.voip-voicemail-table .voip-voicemail-tbl-col-dur {
		width: 20%;
		height: auto;
		display: none;
		padding: 0 0 6px;
		overflow: hidden;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-dur {
		width: 24%;
		padding-left: 4px;
		padding-right: 4px;
	}
	
	.voip-history-table .voip-history-tbl-col-src-type,
	.voip-history-table .voip-history-tbl-col-dst-type {
		width: 30%;
	}
	
	.voip-history-table .voip-history-tbl-col-dur,
	.voip-history-table .voip-history-tbl-col-cost,
	.voip-history-table .voip-history-tbl-col-rec {
		width: 33.333%;
	}
	
	.voip-fax-table .open .voip-fax-tbl-col-sys,
	.voip-fax-table .open .voip-fax-tbl-col-size,
	.voip-history-table .open .voip-history-tbl-col-sys,
	.voip-history-table .open .voip-history-tbl-col-src-type,
	.voip-history-table .open .voip-history-tbl-col-dst-type,
	.voip-history-table .open .voip-history-tbl-col-dur,
	.voip-history-table .open .voip-history-tbl-col-cost,
	.voip-history-table .open .voip-history-tbl-col-rec,
	.voip-voicemail-table .open .voip-voicemail-tbl-col-sys,
	.voip-voicemail-table .open .voip-voicemail-tbl-col-dur,
	.voip-voicemail-table .open .voip-voicemail-tbl-col-rec {
		display: block;
		font-weight: normal;
	}

	.voip-history-tbl-col-rec-overflow {
		display: inline;
	}
	
	.voip-fax-table .voip-fax-tbl-col-sys,
	.voip-history-table .voip-history-tbl-col-sys,
	.voip-voicemail-table .voip-voicemail-tbl-col-sys {
		width: 40%;
		padding-right: 4px;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-sys {
		width: 38%;
	}
	
	.voip-fax-table .voip-fax-tbl-col-sys > div,
	.voip-history-table .voip-history-tbl-col-sys > div,
	.voip-voicemail-table .voip-voicemail-tbl-col-sys > div {
		overflow: hidden;
	}
	
	.voip-history-table .voip-history-tbl-col-cost,
	.voip-history-table .voip-history-tbl-col-src-type {
		text-align: center;
	}

	.voip-history-table .voip-history-tbl-col-src-type,
	.voip-history-table .voip-history-tbl-col-cost {
		padding-left: 2px;
		padding-right: 2px;
		clear: none;
	}

	.voip-history-table .voip-history-tbl-col-rec {
		padding-left: 4px;
		text-align: right;
	}
	
	.sub .voip-history-tbl-col-sys a,
	.sub .voip-history-tbl-col-line a {
		display: inline;
	}
	
	.voip-history-recording,
	.voip-history-locked,
	.voip-history-upgrade {
		display: inline-block;
	}
	
	.voip-history-table .voip-history-lock,
	.voip-history-table .voip-history-download,
	.voip-history-table .voip-history-upgrade span,
	.voip-recording-table .voip-history-lock,
	.voip-recording-table .voip-history-download,
	.voip-recording-table .voip-history-upgrade span {
		vertical-align: top;
	}
	
	.voip-fax-table .voip-fax-tbl-col-sys:before,
	.voip-fax-table .voip-fax-tbl-col-size:before,
	.voip-history-table .voip-history-tbl-col-sys:before, 
	.voip-history-table .voip-history-tbl-col-src-type:before, 
	.voip-history-table .voip-history-tbl-col-dst-type:before, 
	.voip-history-table .voip-history-tbl-col-dur:before, 
	.voip-history-table .voip-history-tbl-col-cost:before, 
	.voip-history-table .voip-history-tbl-col-rec:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-sys:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-dur:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-rec:before {
		display: inline-block;
		padding: 0 10px 0 0;
		font-weight: bold;
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin: 0;
	}

	.voip-fax-table .voip-fax-tbl-col-sys:before,
	.voip-history-table .voip-history-tbl-col-sys:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-sys:before {
		content: 'System';
		float: left;
	}
	
	.voip-fax-table .voip-fax-tbl-col-size:before {
		content: 'Pages';
	}
	
	.voip-history-table .voip-history-tbl-col-src-type:before {
		content: 'Source';
		display: none;
	}
	
	.voip-history-table .voip-history-tbl-col-dst-type:before {
		content: 'Dest';
		display: none;
	}
	
	.voip-history-table .voip-history-tbl-col-dur:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-dur:before {
		content: 'Duration';
	}

	.voip-history-table .voip-history-tbl-col-cost:before {
		content: 'Cost';
	}

	.voip-history-table .voip-history-tbl-col-rec:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-rec:before {
		content: 'Summary';										
	}

	.voip-history-total tr,
	.voip-history-total .voip-history-tbl-col {
		display: block;
	}

	.voip-history-total tr {
		padding: 0 2.5%;
		/*margin-left: 25px;*/
		margin-left: 50px;
	}
	
	.voip-history-total tr:before,
	.voip-history-total tr:after {
		content: " ";
		display: table;
	}

	.voip-history-total tr:after {
		clear: both;
	}
	
	.voip-history-table .voip-history-tbl-col-src-type div,
	.voip-history-table .voip-history-tbl-col-dst-type div {
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		text-align: left;
	}
	
	.voip-history-table .voip-history-tbl-col-src-type div:before, 
	.voip-history-table .voip-history-tbl-col-dst-type div:before {
		float: left;
		padding: 0 10px 0 0;
		font-weight: bold;
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin: 0;
	}
	
	.voip-history-table .voip-history-tbl-col-src-type div:before {
		content: 'Source';
	}

	.voip-history-table .voip-history-tbl-col-dst-type div:before {
		content: 'Dest';
	}

	.voip-history-table .voip-history-tbl-col-src-type span,
	.voip-history-table .voip-history-tbl-col-dst-type span {
		overflow: hidden;
		display: block;
	}

	.voip-history-table .voip-history-tbl-col-src-type .voip-tbl-cell-secondary,
	.voip-history-table .voip-history-tbl-col-dst-type .voip-tbl-cell-secondary {
		display: none;
	}
	
	.voip-history-total .voip-history-tbl-col {
		float: left;
	}

	.voip-history-total .voip-history-tbl-col-rec {
		display: none;
	}

	.voip-history-total .voip-history-tbl-col {
		width: 16.666%;
		text-align: center;
		padding: 0;
	}
	
	.voip-history-total .voip-history-icon {
		/*width: 25px; margin-left: -25px;*/
		width: 50px;
		margin-left: -50px;
		margin-top: 3px;
	}

	.voip-history-tools {
		margin-left: -2px;
	}

	.voip-history-tools-btn,
	.voip-history-graphs-btn {
		text-indent: -9999px;
		background-position: center;
		padding: 2px 0 5px 23px;
		margin: -3px 0 -6px;
	}

	.voip-history-graphs-btn {
		margin-right: -2px;
		float: right;
	}
	
	.voip-history-tools ul {
		left: 0;
	}
	
	.voip-history-total .voip-history-tbl-col-span {
		width: 66.666%;
	}

	.voip-history-total .voip-history-tbl-col-span div {
		padding-right: 0;
	}
	
	.voip-history-total .voip-history-tbl-col-span a,
	.voip-history-total .voip-history-tbl-col-dur a,
	.voip-history-total .voip-history-tbl-col-cost a,
	.voip-history-total .voip-history-tbl-col-span a strong,
	.voip-history-total .voip-history-tbl-col-dur a strong,
	.voip-history-total .voip-history-tbl-col-cost a strong {
		vertical-align: top;
	}
	
	.voip-history-total .voip-history-tbl-col-dur a:before,
	.voip-history-total .voip-history-tbl-col-cost a:before {
		display: block;
		font-size: 11px;
	}

	.voip-history-total .voip-history-tbl-col-dur a:before {
		content: 'Duration';
	}

	.voip-history-total .voip-history-tbl-col-cost a:before {
		content: 'Cost';
	}
	
	.voip-history-header,
	.voip-missed-header {
		padding-bottom: 10px;
	}
	
	.voip-adv-search-open-btn {
		line-height: 36px;
		float: right;
	}
	
	.voip-history-type span span {
    	display: none;
	}
	
	.voip-tbl-cell-tertiary {
		display: none;
	}
	
	.voip-directory-tooltip {
		display: none !important;
	}
	
	.voip-recording-table {
		overflow: hidden;
		border-top: 1px solid #e6e6e6;
	}

	.voip-recording-table thead {
		display: none;	
	}

	.voip-recording-table tr,
	.voip-recording-table td {
		display: block;
		float: left;	
		box-sizing: border-box;
	}
	
	.voip-recording-table tr {
		width: 100%;
		padding: 8px 2.5%;
		border-bottom: 1px solid #e6e6e6;
	}
	
	.voip-recording-table tr,
	.voip-recording-table tr:hover {
		background: 0;
	}

	.voip-recording-table tr:nth-child(odd),
	.voip-recording-table tr:nth-child(odd):hover {
		background: #fcfcfc;
	}

	.voip-recording-table td {
		border: 0;
		padding: 4px;
		height: auto;
	}
	
	.voip-recording-table .voip-recording-tbl-col-date,
	.voip-recording-table .voip-recording-tbl-col-user,
	.voip-recording-table .voip-recording-tbl-col-calldate {
		width: 100%;
		padding: 0;
	}
	
	.voip-recording-table .voip-recording-tbl-col-date:before,
	.voip-recording-table .voip-recording-tbl-col-calldate:before {
		font-family: 'Lato', sans-serif;
		font-weight: bold;
	}
	
	.voip-recording-table .voip-recording-tbl-col-date:before {
		content: 'Downloaded: ';
	}
	
	.voip-recording-table .voip-recording-tbl-col-calldate:before {
		content: 'Call Date: ';
	}
	
	.voip-recording-table .voip-recording-tbl-col-calldate {
		padding-top: 8px;
	}

	.voip-recording-table .voip-recording-tbl-col-line,
	.voip-recording-table .voip-recording-tbl-col-src,
	.voip-recording-table .voip-recording-tbl-col-dst {
		width: 33.333%;
		padding: 0 5px 0 20px;
		margin-left: -20px;
	}
	
	.voip-recording-table .voip-recording-tbl-col-src,
	.voip-recording-table .voip-recording-tbl-col-dst {
		text-align: center;
	}
	
	.voip-recording-table .voip-recording-tbl-col-rec {
		width: 55px;
		float: right;
		padding: 0;
	}
	
	.voip-recording-table .voip-recording-row-full td,
	.voip-recording-table .spinner-cont td {
		width: 100%;
	}
	
	.voip-recording-table .voip-recording-row-full td div {
		padding-top: 0;
	}
	
	.voip-history-table .voip-history-tbl-col-dur {
		text-align: left;
		padding-right: 4px;
		clear: left;
	}
	
	.voip-history-table .voip-history-tbl-col-dst-type {
		text-align: right;
		padding-left: 4px;
	}

	/*.voip-history-table .voip-history-tbl-col-src-type,
	.voip-history-table .voip-history-tbl-col-dst-type {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}*/
	
	/*.voip-history-table .voip-history-tbl-col-src-type {
		text-align: left;
	}
	
	.voip-history-table .voip-history-tbl-col-src-type:before {
		float: left;
	}
	
	.voip-history-table .voip-history-tbl-col-src-type .voip-tbl-cell-primary {
		overflow: hidden;
	}*/

	.voip-history-tbl-col-src-type .voip-tbl-cell-primary,
	.voip-history-tbl-col-dst-type .voip-tbl-cell-primary,
	.voip-history-tbl-col-dur .voip-tbl-cell-primary,
	.voip-history-tbl-col-cost .voip-tbl-cell-primary {
		display: inline;
	}

	.voip-history-tbl-col-dur .voip-tbl-cell-secondary,
	.voip-history-tbl-col-cost .voip-tbl-cell-secondary {
		display: inline-block;
		padding-left: 5px;
	}
	
	.voip-history-table,
	.voip-recording-table,
	.voip-history-table .voip-history-tbl-col-rec {
		overflow: visible;
	}
	
	.request-summary-section-right .charge-tooltip {
		transform: translateX(-50%);
		left: 50%;
		right: auto;
	}

	.request-summary-section-right .charge-tooltip::before,
	.request-summary-section-right .charge-tooltip::after {
		left: 50%;
		right: auto;
	}

	.panel-header-request-actions {
		width: 100%;
		float: none;
		text-align: center;	
		margin-top: 8px;
		display: none;
	}

	.panel-header-request-actions.open {
		display: block;	
	}

	.panel-header-request-actions-pull {
		display: block;	
	}

	.panel-header-request-actions .btn-close-request,
	.panel-header-request-actions .btn-place-hold {	
		margin: 2px 5px;
	}

	.request-summary-section {	
		width: 50%;
	}

	.request-summary-section-bottom .spacer {
		display: none;	
	}
	
	.voip-feat-nav {
		float: none;
	}
	
	.voip-feat-nav-inner {
		padding-left: 42px;
	}
	
	.voip-feat-nav-item {
		width: 25%;
	}
	
	.voip-feat-nav-item:first-child {
		width: 36px;
		padding-right: 0;
		margin-left: -42px;
	}
	
	.voip-feat-nav-item-icon {
		padding-left: 25px;
	}

	.voip-feat-nav-item-icon-extn,
	.voip-feat-nav-item-icon-num {
		padding-left: 22px;
	}
	
	.voip-feat-nav-link {
		padding: 6px;
	}
	
	.voip-device-bg-default {
		white-space: normal;
		width: 50px;
		height: 34px;
		margin: -17px 0 0 -25px;
	}

	.voip-dash-widget__title span {
		display: none;	
	}

	.voip-dash-widget__table th {
		font-size: 9px;
	}

	.voip-dash__overview .voip-dash__donuts {
		padding-top: 10px;
	}
	
	.voip-dash__schedule-content,
	.voip-dash__schedule-sidebar {
		width: 100%;
		max-width: none;
	}

	.voip-dash__schedule-sidebar {
		margin-top: 16px; 
		margin-left: 0;
	}

	.account-panel-input--50 input[type="text"] {
		width: 50%;
	}
	
	.direct-debit-col,
	.billing-card-col {
		width: 100%;	
	}

	.direct-debit-section h3,
	.billing-card-section h3 {
		margin-top: 15px;
	}
	
	.panel-header-container .panel-header-new-title {
		white-space: normal;
	}
	
	.voip-voicemail-actions-v2 .checkbox-selector {
		display: block;
	}
	
	.recent-transactions th {
		font-size: 12px;
	}
	
	.recent-transactions td {
		font-size: 11px;
	}
	
	/* .recent-transactions th:nth-child(2),
	.recent-transactions .row-start td:nth-child(2),
	.recent-transactions .row-hide td:nth-child(2) {
		display: none;
	} */

	.recent-transactions th:nth-child(2),
	.recent-transactions td:nth-child(2) {
		padding-left: 0;
	}

	.recent-transactions th:nth-child(4),
	.recent-transactions td:nth-child(4) {
		white-space: normal;
	}

	.voip-history-left-section-5 .styled-checkbox {
		padding: 10px 0;	
	}
	
	.voip-ratechecker__table-cont,
	.voip-reverse-charge__table-cont {
		padding-top: 15px;
	}
	
	.voip-ratechecker__table tr,
	.voip-ratechecker__table td,
	.voip-reverse-charge__table tr,
	.voip-reverse-charge__table td {
		display: block;
		float: left;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
	}

	.voip-ratechecker__table tr,
	.voip-reverse-charge__table tr {
		border-bottom: 1px solid #e6e6e6;
	}
	
	.voip-ratechecker__table tbody tr,
	.voip-reverse-charge__table tr {
		padding: 4px;
	}

	.voip-ratechecker__table th,
	.voip-reverse-charge__table th {
		display: none;
	}
	
	.voip-ratechecker__table td:nth-child(2) {
		max-width: none;
	}
	
	.voip-ratechecker__table td:nth-child(n + 5),
	.voip-reverse-charge__table td:nth-child(n + 3) {
		width: 33.333%;
	}

	.voip-reverse-charge__table td:nth-child(n + 1) {
		width: 50%;
	}

	.voip-ratechecker__table td,
	.voip-reverse-charge__table td {
		width: 33.333%;
		/*width: 35%;*/
		border: 0;
		padding: 4px;
		font-family: 'Lato', sans-serif;
		font-size: 13px;
	}

	/*.voip-ratechecker__table td:nth-child(3n - 2) {
		width: 30%;	
	}*/

	.voip-ratechecker__table td:before,
	.voip-reverse-charge__table td:before {
		font-weight: bold;
		display: block;
		font-family: 'Lato', sans-serif;
		padding-bottom: 4px;
	}

	.voip-ratechecker__table td:nth-child(1):before,
	.voip-reverse-charge__table td:nth-child(1):before {
		content: 'Number';
	}
	
	.voip-ratechecker__table td:nth-child(2):before {
		content: 'Description';
	}

	.voip-reverse-charge__table td:nth-child(2):before {
		content: 'Per Minute';
	}

	.voip-ratechecker__table td:nth-child(3):before {
		content: 'Connection';
	}

	.voip-reverse-charge__table td:nth-child(3):before {
		content: 'Unlimited UK Landlines';
	}

	.voip-ratechecker__table td:nth-child(4):before {
		content: 'Per Minute';
	}

	.voip-reverse-charge__table td:nth-child(4):before {
		content: 'Unlimited UK Mobiles';
	}
	
	.voip-ratechecker__table td:nth-child(4) {
		clear: both;
	}

	.voip-reverse-charge__table td:nth-child(3) {
		clear: both;
	}

	.voip-ratechecker__table td:nth-child(5):before {
		content: 'Unlimited UK Landlines';
	}

	.voip-ratechecker__table td:nth-child(6):before {
		content: 'Unlimited UK Mobiles';
	}

	.voip-panel-buttons button.voip-btn span {
		display: none;
	}

	.voip-panel-draft-msg .mob-hide {
		display: none;
	}
}

@media screen and (max-width: 630px) {
	.request-billing {
		width: 74.9%;
	}
	
	.voip-referral-code-inner {
		line-height: 44px;
	}

	.task_table .requests-tbl-status {
		width: 26%;
	}

	.task_table .requests-tbl-project, .task_table .requests-tbl-project.empty {
		width: 58%;
	}

	.voip-admin--manage .voip-tab-links a span {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.voip-widget {
		width: 50%;	
	}
	
	.off-canvas-slide.active .voip-history-float, 
	.off-canvas-slide.active .voip-tabs-float {
		left: 80%;
	}
	
	.alert-msg-text,
	.alert-msg-text-button { 
		padding: 4px 0;	
		text-align: center;
	}

	.alert-msg-button {
		position: static;
		margin: 6px auto 0;
	}
	
	.prod-sb-opt-subprice {
		display: none;	
	}
	
	.prod-sb-opt-subtitle {
		font-size: 11px;
	}
	
	.prod-sb-opt-subtitle {
		font-size: 11px;
	}
	
	/* Features */
	.voip-feat-header-system.voip-feat-header-single {
		padding-bottom: 15px;
	}

	.voip-feat-header-system.voip-feat-header-single .voip-feat-buttons {
		position: static;
		padding-bottom: 15px;
	}
	
	.voip-feat-dropdowns {
		width: 100%;
	}

	.voip-feat-dropdowns .voip-select {
		width: 100%;
	}
	
	.voip-feat-header-right {
		overflow: visible;
	}
	
	.voip-feat-nav,
	.voip-feat-buttons {
		float: none;
		clear: left;
	}

	.voip-feat-nav-item-icon {
		padding-left: 30px;
	}

	.voip-feat-nav-item-icon-extn,
	.voip-feat-nav-item-icon-num {
		padding-left: 26px;
	}
	
	.voip-feat-nav-link {
		padding: 6px 10px;
	}
	
	.voip-feat-table th, 
	.voip-feat-table td,
	.voip-logs-table th,
	.voip-logs-table td,
	.voip-directory-table th,
	.voip-directory-table td,
	.voip-porting-table th,
	.voip-porting-table td,
	.voip-admin-table th,
	.voip-admin-table td,
	.voip-upload-table th,
	.voip-upload-table td {
		padding: 6px;
	}

	.voip-logs-api-checkbox {
		padding-left: 6px;
	}

	.voip-feat-table-1 .voip-feat-tbl-col-6, 
	/* .voip-feat-table-2 .voip-feat-tbl-col-6, */
	/* .voip-feat-table-4 .voip-feat-tbl-col-6, */
	.voip-feat-table-3 .voip-feat-tbl-col-3,
	.voip-feat-table-1 .voip-feat-tbl-col-7,
	.voip-feat-table-5 .voip-feat-tbl-col-6,
	.voip-feat-table-5 .voip-feat-tbl-col-7 {
		display: none;
	}

	.voip-feat-table .voip-feat-tbl-col {
		width: 35%;
	}

	.voip-feat-table-all-sys .voip-feat-tbl-col {
		width: 30%;
	}

	.voip-feat-table-all-sys.voip-feat-table-1 .voip-feat-tbl-col-2,
	.voip-feat-table-all-sys.voip-feat-table-2 .voip-feat-tbl-col-3,
	.voip-feat-table-all-sys.voip-feat-table-5 .voip-feat-tbl-col-2 {
		width: 22%;
	}

	.voip-feat-table-all-sys.voip-feat-table-4 .voip-feat-tbl-col-2,
	.voip-feat-table-all-sys.voip-feat-table-4 .voip-feat-tbl-col-6 {
		width: 15%;
	}

	.voip-feat-table-1 .voip-feat-tbl-col-4,
	.voip-feat-table-2 .voip-feat-tbl-col-4,
	.voip-feat-table-3 .voip-feat-tbl-col-2,
	.voip-feat-table-4 .voip-feat-tbl-col-3,
	.voip-feat-table-2 .voip-feat-tbl-col-6,
	.voip-feat-table-5 .voip-feat-tbl-col-4 {
		width: auto;
	}

	.voip-table-action-btn,
	.voip-table-action-spacer {
		width: 30px;
	}
	
	.voip-table-action-btn.disabled .voip-tooltip:before {
		right: 23px;
	}
	
	.device-image-inner {
		display: none;
	}
	
	.device-image-updates {
		position: static;
		border-radius: 0;
		transform: none;
	}
	
	.voip-device-key-inner {
		padding-right: 0;
	}
	
	.voip-device-key-user,
	.voip-device-key-indicator,
	.voip-device-key-label,
	.voip-device-key-number {
		padding-top: 0;
		float: left;
	}
	
	.voip-device-key-user {
		width: 100%;
		padding-right: 70px;
	}
	
	.voip-device-key-indicator {
		margin: 0 0 0 -65px;
	}
	
	.voip-device-key-label,
	.voip-device-key-number {
		padding-top: 6px;
		width: 50%;
	}
	
	.voip-device-key-label {
		clear: left;
	}
	
	.voip-device-key .voip-device-key-number span, 
	.voip-device-key .voip-device-key-label span {
		line-height: normal;
	}
	
	.voip-device-keys-buttons .voip-btn {
		font-size: 11px;
		padding: 0 5px;
	}
	
	.voip-btn-download span,
	.voip-btn-add-extensions span {
		display: none;
	}
	
	.voip-fax-left-section,
	.voip-history-left-section,
	.voip-voicemail-left-section,
	.voip-missed-left-section {
		width: 100%;
	}
	
	.voip-history-left-section-5 {
		width: auto;
	}

	.voip-filter-expand {
		display: inline-block;
	}

	.voip-fax-filter,
	.voip-history-filter,
	.voip-voicemail-filter,
	.voip-missed-filter {
		display: none;	
	}

	.voip-fax-filter.open,
	.voip-tab-recent-calls .voip-history-filter,
	.voip-history-filter.open,
	.voip-voicemail-filter.open,
	.voip-missed-filter.open {
		display: block;	
	}
	
	.voip-adv-search-section {
		width: 100%;
	}
	
	.voip-adv-search-spacer {
		display: none;
	}
	
	.voip-fax-search-results,
	.voip-history-search-results,
	.voip-voicemail-search-results,
	.voip-missed-search-results {
		margin: 4px 0 22px;
	}
	
	.voip-history-table .voip-history-tbl-col-dur:before {
		content: 'Dur';
	}

	.voip-history-table .voip-history-tbl-col-rec:before {
		content: 'Summary';										
	}
	
	.voip-fax-left-section-4,
	.voip-history-left-section-4,
	.voip-voicemail-left-section-4,
	.voip-missed-left-section-4 {
		width: 320px;
	}

	.voip-history-type span span {
		display: inline;
	}
	
	.voip-missed-tbl-col-sys {
		display: none;
	}

	.voip-missed-table-all .voip-missed-tbl-col-date {
		padding-left: 2.5%;	
	}
	
	.voip-referrals-item-header {
		position: relative;
	}

	.voip-referrals-item-title {
		padding: 0 80px 22px 0;
	}

	.voip-referrals-item-stats {
		position: absolute;
		left: 8px; right: 8px; bottom: 8px;
		padding: 0;
		text-align: justify;
		font-size: 0.1px;
	}

	.voip-referrals-item-stats:after {
		content: '';
		display: inline-block;
		width: 100%;
	}

	.voip-referrals-item-stat {
		padding: 0;
		font-size: 12px;
	}

	.voip-referrals-item-price {
		position: absolute;
		bottom: 100%; right: 0;
		padding: 0 0 2px;
	}

	.voip-device-bg-left {
		width: 46%;
	}

	.voip-device-bg-right {
		width: 54%;
	}

	.voip-device-bg-options-inner {
		margin-bottom: -5px;
	}

	.voip-device-bg-option, 
	.voip-device-bg-add {
		width: 50%;
		padding: 0 5px 5px 0;
	}
	
	.voip-overlay-label-inline-radio {
		vertical-align: top;
		padding-top: 10px;
	}
	
	.voip-overlay-inline-radio .styled-radio,
	.voip-moh-item-inline-radio .styled-radio,
	.inline-radio-container .styled-radio {
		float: none;
		padding: 2px 0;
	}

	.voip-modal-custom-bg .styled-radio {
		float: none;
	}
	
	.voip-device-bg-default {
		white-space: nowrap;
		width: 86px;
		height: 22px;
		margin: -11px 0 0 -43px;
	}
	
	.voip-config__donuts-inner {
		margin: 0;
	}

	.voip-config__donuts-section,
	.voip-config__donuts-section:first-child,
	.voip-config__donuts-section .voip-config__donut,
	.voip-systemlist-item-dashboard .voip-config__donuts-section,
	.voip-systemlist-item-dashboard .voip-config__donuts-section:first-child,
	.voip-systemlist-item-dashboard .voip-config__donuts-section .voip-config__donut {
		max-width: none;
		display: block;
	}

	.voip-config__donuts-section:first-child,
	.voip-config__donuts-section:nth-child(2),
	.voip-config__donuts-section:last-child {
		width: 100%;
	}

	/* Float the donuts to force their containers to collapse */
	.voip-config__donuts-section .voip-config__donut {
		float: left;
		padding: 0.8%;
	}

	.voip-config__donuts-section:first-child .voip-config__donut {
		width: 33.333%;
	}

	.voip-config__donuts-section:nth-child(2) .voip-config__donut:last-child,
	.voip-config__donuts-section:last-child .voip-config__donut {
		width: 25%;
	}

	.crm-dash .voip-config__donuts {
    	padding-top: 0;
	}

	.crm-dash .voip-config__donuts-section:first-child .voip-config__donut,
	.crm-dash .voip-config__donuts-section:nth-child(2) .voip-config__donut:last-child,
	.crm-dash .voip-config__donuts-section .voip-config__donut,
	body:not(.crm-dash-body) .crm-dash .voip-config__donuts-section:first-child .voip-config__donut,
	body:not(.crm-dash-body) .crm-dash .voip-config__donuts-section:nth-child(2) .voip-config__donut:last-child,
	body:not(.crm-dash-body) .crm-dash .voip-config__donuts-section .voip-config__donut {
		width: 25%;
		max-width: none;
	}
	
	.voip-dash__top-inner, 
	.voip-dash__bottom-inner {
		margin: 0 -15px -15px 0;
	}

	.voip-dash__filter,
	.voip-dash__notification,
	.voip-dash__section,
	.voip-dash__overview,
	.voip-dash .voip-referral-code {
		padding: 0 15px 15px 0;
	}
	
	.voip-dash__top .notification-container {
		margin-bottom: 15px;
	}

	.voip-dash-tabs {
		padding: 0 15px 15px 0;
		overflow: hidden;
	}

	.voip-dash-tabs__buttons {
		overflow: hidden;
		display: block;
		padding-bottom: 14px;
		background: #fff; 
	}

	.voip-dash__top .voip-dash-tabs__buttons {
		border: 1px solid #d4d4d4;
		border-bottom: 0;
	}

	.voip-dash-tabs__buttons ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.voip-dash__bottom .voip-dash-tabs__buttons ul {
		border: 0;
		margin-right: -1px;
		border-bottom: 1px solid #f3f3f3;
	}

	.voip-dash-tabs__buttons li {
		width: 50%;
		float: left;
		padding: 14px;
		text-align: center;
	}

	.voip-dash-tabs__btn {
		background: #f3f3f3;
	}

	.voip-dash__bottom .voip-dash-tabs__btn {
		background: #fff;
		border-right: 1px solid #f3f3f3;
	}

	.voip-dash-tabs__btn div {
		font-size: 14px;
		padding-left: 32px;
		line-height: 21px;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: 25px auto;
		color: #c0c0c0;
	}

	.voip-dash-tabs__btn--sel {
		background: #fff;
	}

	.voip-dash__bottom .voip-dash-tabs__btn--sel {
		border-bottom: 1px solid #fff;
		margin-bottom: -1px;
	}

	.voip-dash-tabs__btn--sel div {
		color: #008ccb;
	}

	.voip-dash-tabs__btn--users div {
		background-image: url(/images/icn-dashboard-header-users-unselected.png);
	}

	.voip-dash-tabs__btn--users.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-users.png);
	}

	.voip-dash-tabs__btn--calls div {
		background-image: url(/images/icn-dashboard-header-calls-unselected.png);
	}

	.voip-dash-tabs__btn--calls.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-calls.png);
	}

	.voip-dash-tabs__btn--overview div {
		background-image: url(/images/icn-dashboard-header-overview-unselected.png);
	}

	.voip-dash-tabs__btn--overview.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-overview.png);
	}

	.voip-dash-tabs__btn--outbound div {
		background-image: url(/images/icn-dashboard-header-outbound-unselected.png);
	}
	
	.voip-dash-tabs__btn--outbound.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-outbound.png);
	}
	
	.voip-dash-tabs__btn--inbound div {
		background-image: url(/images/icn-dashboard-header-inbound-unselected.png);
	}
	
	.voip-dash-tabs__btn--inbound.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-inbound.png);
	}
	
	.voip-dash-tabs__btn--call-activity div {
		background-image: url(/images/icn-dashboard-header-call-activity-unselected.png);
	}

	.voip-dash-tabs__btn--call-activity.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-call-activity.png);
	}

	.voip-dash-tabs__btn--numbers-activity div {
		background-image: url(/images/icn-dashboard-header-numbers-activity-unselected.png);
	}

	.voip-dash-tabs__btn--numbers-activity.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-numbers-activity.png);
	}

	.voip-dash-tabs__btn--departments-activity div {
		background-image: url(/images/icn-dashboard-header-departments-activity-unselected.png);
	}

	.voip-dash-tabs__btn--departments-activity.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-departments-activity.png);
	}
	
	.voip-dash-tabs__btn--breakdown-year div {
		background-image: url(/images/icn-dashboard-header-breakdown-year-unselected.png);
	}

	.voip-dash-tabs__btn--breakdown-year.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-breakdown-year.png);
	}
	
	.voip-dash-tabs__btn--breakdown-month div {
		background-image: url(/images/icn-dashboard-header-breakdown-month-unselected.png);
	}

	.voip-dash-tabs__btn--breakdown-month.voip-dash-tabs__btn--sel div {
		background-image: url(/images/icn-dashboard-header-breakdown-month.png);
	}
	
	.voip-dash-tabs .voip-dash__section {
		padding: 0;
		display: none;
	}

	.voip-dash-tabs .voip-dash__section--open {
		display: block;
	}

	.voip-dash__section {
		width: 100%;
	}

	.voip-dash-tabs .voip-dash-widget__title {
		display: none;
	}

	.voip-dash-tabs .voip-dash-widget__head,
	.voip-dash-tabs .voip-dash__section--small .voip-dash-widget__head {
		padding: 0;
	}

	.voip-dash-tabs .voip-dash-widget__buttons,
	.voip-dash-tabs .voip-dash-widget__filters {
		padding: 0 10px 14px;	
	}

	.voip-dash__top .voip-dash-widget {
		border-top: 0;
	}

	.voip-dash-widget__buttons,
	.voip-dash-widget__filters {
		width: 100%;
		margin: 0;
	}

	.voip-dash-widget__buttons--all li:last-child {
		float: right;
	}

	.voip-dash-widget__btn {
		padding: 2px 9px;
	}

	.voip-dash-widget__btn--inbound span, 
	.voip-dash-widget__btn--outbound span {
		text-indent: 0;
		background-position: left center;
		padding-left: 14px;
	}

	.voip-dash-widget__table-head span {
		display: inline;
	}

	.voip-dash-widget__table th {
		font-size: 10px;
	}

	.voip-dash-widget__table-users th:nth-child(2), 
	.voip-dash-widget__table-users td:nth-child(2) {
		width: 20%;
	}

	.voip-dash-widget__table-users th:nth-child(3), 
	.voip-dash-widget__table-users td:nth-child(3) {
		width: 25%;
	}

	.voip-dash-widget__table-users th:nth-child(4), 
	.voip-dash-widget__table-users td:nth-child(4) {
		width: 19%;
	}

	.voip-dash__donuts {
		margin: 0;
	}

	.voip-dash__overview .voip-config__donuts {
		padding-top: 5px;
	}

	.voip-dash__donut {
		width: 25%;	
		padding: 0.8%;
	}

	.voip-dash__donut:nth-child(-n + 3) {
		width: 33.333%;	
	}

	.voip-dash-widget__graph .bar-graph__container,
	.voip-dash-widget__graph .pie-graph__container,
	.voip-dash-widget__graph .line-graph__container,
	.voip-dash__section--wide .voip-dash-widget__graph .bar-graph__container,
	.voip-dash__section--wide .voip-dash-widget__graph .pie-graph__container,
	.voip-dash__section--wide .voip-dash-widget__graph .line-graph__container {
		padding-bottom: 52%;
	}

	.voip-dash-widget__graph .bar-graph .legendLabel,
	.voip-dash-widget__graph .pie-graph .legendLabel,
	.voip-dash-widget__graph .line-graph .legendLabel,
	.voip-systemlist-item-dashboard .bar-graph .legendLabel {
		font-size: 11px;
	}

	.voip-dash-widget__graph .bar-graph .legendColorBox div,
	.voip-dash-widget__graph .pie-graph .legendColorBox div,
	.voip-dash-widget__graph .line-graph .legendColorBox div,
	.voip-systemlist-item-dashboard .bar-graph .legendColorBox div {
		border-width: 6px !important;
		width: 12px !important;
	}
	
	.voip-dash__table th,
	.voip-dash__table td {
		padding: 6px;
	}

	.voip-dash__table--numbers th,
	.voip-dash__table--numbers td {
		padding: 4px 6px;
	}

	.voip-dash__table--users th,
	.voip-dash__table--users td,
	.voip-dash__table--departments th,
	.voip-dash__table--departments td {
		width: 18%;
	}

	.voip-dash__table--users .voip-dash__col-1,
	.voip-dash__table--departments .voip-dash__col-1 {
		width: auto;
	}

	.voip-dash__table--users .voip-dash__col-4,
	.voip-dash__table--users .voip-dash__col-6,
	.voip-dash__table--departments .voip-dash__col-4,
	.voip-dash__table--departments .voip-dash__col-6 {
		display: none;
	}

	.voip-dash__table--users .voip-dash__col-5,
	.voip-dash__table--departments .voip-dash__col-5 {
		padding-right: 2.5%;
	}
	
	.voip-dash .voip-switches {
		margin-top: 15px;
	}
	
	.voip-feat-buttons .voip-table-action-btn-v2:nth-child(2) {
		float: right;
	}
	
	.agreement-header-left,
	.agreement-header-right {
		display: block;
	}

	.agreement-header-right {
		padding: 5px 0 0;
	}
	
	.agreement-header {
		padding: 15px 44px 15px 15px;
		background-position: center right 5px;
	}
	
	.agreement-body {
		padding: 0 15px 5px;
	}

	.agreement-body form {
		padding-top: 5px;
	}

	.agreement-footer {
		padding-top: 15px;
		margin-top: 5px;
	}
	
	.notification-description-left, 
	.notification-description-right {
		display: block;
	}

	.notification-description-right {
		padding: 5px 0 0;
	}
	
	.voip-port-form--client .voip-port-section, 
	.voip-port-form--client .voip-port-help {
		width: 100%;
	}

	.voip-port-form--client .voip-port-help {
		display: none;
	}
	
	.voip-systemlist-item-features .voip-tooltip {
		display: none !important;
	}
	
	.voip-feat-table-4 .voip-feat-tbl-col-image {
		width: 60px;
		padding: 6px 6px 6px 0;
	}
	
	.device-background {
		height: 30px;
		width: 25px;
	}

	.voip-feat-tbl-col-image img {
		height: 30px;
	}

	.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-1 {
		/* width: 25%; */
		width: 20%;
	}

	.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-2 {
		/* width: 22%; */
		width: 15%;
	}
	
	.direct-debit-guarantee,
	.direct-debit-guarantee-inner,
	.direct-debit-guarantee img {
		display: block;
	}

	.voip-admin-table--numbers th:nth-child(5),
	.voip-admin-table--numbers td:nth-child(5) {
		display: none;
	}
	
	.voip-admin-table--systems td:nth-child(1) {
		padding: 0;
	}

	.voip-admin-table--systems td:nth-child(1) span {
		display: none;
	}

	.voip-admin-table--manage-numbers th:nth-child(3),
	.voip-admin-table--manage-numbers td:nth-child(3),
	.voip-admin-table--manage-phones th:nth-child(3),
	.voip-admin-table--manage-phones td:nth-child(3) {
		display: none;
	}
	
	.voip-device-key-page-labels {
		display: none;
	}

	.voip-device-key-user:before,
	.voip-device-key-indicator:before,
	.voip-device-key-label:before,
	.voip-device-key-number:before {
		font-size: 10px;
		color: #9b9b9b;
		display: block;
	}

	.voip-device-key-user:before {
		content: 'Extension / Type / Line';
	}

	.voip-device-key-indicator:before {
		content: 'Indicator';
	}

	.voip-device-key-label:before {
		content: 'Label';
	}

	.voip-device-key-number:before {
		content: 'Number';
	}
	
	.voip-voicemail-left-section {
		width: 100%;
	}
	
	.shortcuts-swappable-label { 
		display: none;
	}
	
	.voip-device-account-button,
	.voip-device-key-delete {
		right: 22px;
	}
	
	.voip-device-account,
	.voip-device-account-header,
	.voip-device-key-page-labels,
	.voip-device-key,
	.voip-device-key-line {
		padding-right: 55px;
	}
	
	.voip-device-account-edit {
		display: none;	
	}
	
	.voip-feature-logs-number .voip-history-left-section-5 .styled-checkbox {
		padding: 10px 0;
	}

	.voip-dash-graphs .voip-dash-widget__title--hourly-activity {
		margin-bottom: 14px;
	}

	.voip-device-key-line {
		line-height: normal;
	}

	.voip-dash__section-ai {
		width: 100%;
	}

	.voip-dash__section-ai .voip-dash-widget__buttons {
		padding-top: 10px;
	}

	.alert-msg-warning .alert-msg-inner::before {
		display: none;
	}
}

@media screen and (max-width: 540px) {

	.page-overlay-inner{
		padding: 15px;
	}
	
	/* Previews */
	.revision-overlay-inner{
		padding: 30px;	
		min-width: 340px;
	}
	
	.approve-info-right{
		max-width:55%;	
	}
	
	.approve-button, .archive-button {
		margin-right: 30px;
	}
	
	.voip-overlay-number-cont .voip-btn span,
	.voip-overlay-department-cont .voip-btn span {
		display: none;
	}

	.voip-overlay-number,
	.voip-overlay-department {
		margin-right: -60px;
	}

	.voip-overlay-number-inner,
	.voip-overlay-department-inner {
		margin-right: 60px;
	}
	
	.voip-overlay .prod-selectbox {
		height: 65px;
	} 
	
	.voip-overlay .prod-sb-opt-img {
		width: 43px;
		height: 43px;
	}
	
	.voip-overlay .prod-selectbox ul {
		max-height: 191px;
	}
	
	.voip-referral-code,
	.voip-referal-code-info {
		display: block;	
	}

	.voip-referral-code-inner,
	.voip-referal-code-info {
		width: 100%;
	}
	
	.voip-referral-code-inner {
		line-height: 35px;
	}

	.voip-referral-code-label {
		width: 45%;
		float: left;
		border-top-left-radius: 2px;
	}

	.voip-referral-code-value,
	.voip-referal-code-info {
		border: 1px solid #d4d4d4;
	}

	.voip-referral-code-value {
		border-left: 0;
		border-radius: 0 2px 0 0;
	}

	.voip-referal-code-info {
		height: auto;
		border-top: 0;
		border-radius: 0 0 2px 2px;
	}

	.voip-systemlist-btn {
		width: 33.333%;
	}
	
	.line-graph__header,
	.bar-graph__header,
	.pie-graph__header,
	.line-graph__title,
	.bar-graph__title,
	.pie-graph__title,
	.line-graph__legend,
	.bar-graph__legend,
	.pie-graph__legend,
	.line-graph__section,
	.bar-graph__section,
	.pie-graph__section,
	.line-graph__filter,
	.bar-graph__filter,
	.pie-graph__filter {
		display: block;
	}

	.line-graph__header, 
	.bar-graph__header,
	.pie-graph__header,
	.line-graph__section,
	.bar-graph__section,
	.pie-graph__section {
		padding: 0;
	}

	.line-graph__title, 
	.bar-graph__title,
	.pie-graph__title {
		font-size: 16px;
		padding: 0 0 8px;
	}

	.line-graph__legend, 
	.bar-graph__legend,
	.pie-graph__legend {
		padding: 0 0 8px;
	}
	
	.voip-tabs-device .voip-tab-links span {
		display: none;
	}
	
	.voip-device-bg-default {
		white-space: normal;
		width: 50px;
		height: 34px;
		margin: -17px 0 0 -25px;
	}
	
	.voip-tab-links a {
		padding: 10px 7px;
	}
	
	.voip-dash__filter,
	.voip-dash__notification {
		width: 100%;
	}

	.voip-dash__section--links ul {
		margin: 0 -6px -6px 0;
	}

	.voip-dash__section--links li {
		padding: 0 6px 6px 0;
	}

	.voip-dash__section--links li:nth-child(3),
	.voip-dash__section--links li:nth-child(5),
	.voip-dash__section--links li:nth-child(6) {
		display: none;
	}

	.voip-dash--admin .voip-dash__section--links li:nth-child(3), 
	.voip-dash--admin .voip-dash__section--links li:nth-child(5), 
	.voip-dash--admin .voip-dash__section--links li:nth-child(6) {
		display: block;
	}
	
	.voip-dash--admin .voip-dash__section--links li:nth-child(1), 
	.voip-dash--admin .voip-dash__section--links li:nth-child(3), 
	.voip-dash--admin .voip-dash__section--links li:nth-child(5) {
		display: none;
	}
	
	.voip-dash-link {
		font-size: 13px;
		text-align: center;
		background-size: 34px auto;
		background-position: center 8px;
		padding: 42px 6px 6px;
		line-height: 14px;
	}

	.voip-dash-link:before {
		background-size: 100%;
	}
	
	.voip-dash__table--regions th,
	.voip-dash__table--regions td {
		width: 16%;
	}
	
	.voip-adv-search-open-btn span {
		display: none;
	}
	
	.voip-history-left-section-4 {
		max-width: 220px;
	}
	
	.voip-history-type span span {
		display: none;
	}

	.task_table tr {
		display: flex;
		flex-wrap: wrap;
	}
	.task_table .requests-tbl-requested {
		width: 58%;
		min-width: 94px;
		order: 1;
	}
	.task_table .requests-tbl-status {
		clear: both;
		width: 50%;
		text-align: left;
		margin-bottom: 5px;
		margin-left: 7%;
        order: 2;
	}

	#task_desc_pii {
		min-height: 134px;
	}
}

@media screen and (max-width: 500px) {
	.payment-setup-form {
		padding: 30px 15px;
	}

	.payment-setup-form h1 {
		margin-bottom: 20px;
	}

	.payment-setup-footer {
		padding-top: 15px;
	}

	.payment-setup-complete {
		margin-top: 30px;
		margin-bottom: 5px;
	}
	
	.payment-setup-form-section--dd .payment-setup-form-section-header,
	.payment-setup-form-section--card .payment-setup-form-section-header {
		background: none;
	}
}

@media screen and (max-width: 480px) {
	.revision-overlay-inner{
		padding: 20px;	
		width: 80%;
		max-width:100%;
		min-width:auto;
	}
	
	.archive-button, .archive-cancel{
		padding: 12px 20px;	
	}
	
	.approve-button, .approve-cancel{
		padding: 10px 15px;
	}
	
	.quote-ponumber {
		padding-bottom: 10px;	
	}
	
	.quote-ponumber label {
		font-size: 11px;
	}
	
	/* Designer */
	.voip-overlay tr,
	.voip-overlay td,
	.voip-register-number tr,
	.voip-register-number td {
		display: block;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}

	.voip-overlay .voip-overlay-info-label,
	.voip-overlay .voip-overlay-buttons-label,
	.voip-overlay .voip-overlay-spacer,
	.voip-register-number .voip-overlay-info-label,
	.voip-register-number .voip-overlay-buttons-label,
	.voip-register-number .voip-overlay-spacer {
		display: none;
	}
	
	.voip-overlay .voip-overlay-label,
	.voip-register-number .voip-overlay-label {
		text-align: left;
		font-weight: bold;
	}

	.voip-overlay .voip-overlay-label {
		padding: 7px 14px 0;
	}
	
	.voip-register-number td {
		padding-left: 0;
	}
	
	.voip-register-number .voip-overlay-label {
		padding: 7px 0 0 0;
	}
	
	#voip_layer_register .voip-overlay-label {
		width: auto;
	}
	
	.voip-overlay-more-info {
		display: none;
	}

	.voip-overlay .voip-overlay-buttons,
	.voip-register-number .voip-overlay-buttons {
		padding-top: 15px;
	}

	.voip-overlay-message,
	.voip-register-number .voip-overlay-message {
		padding-bottom: 7px;
	}
	
	.voip-overlay .voip-number .intelicall-error,
	.voip-register-number .voip-number .intelicall-error {
		margin-top: 7px;
	}

	.voip-overlay-time-label {
		float: none;	
		text-align: left;
		padding: 0;
		width: 100%;
		height: 20px;
	}

	.voip-overlay-time-input-cols {
		max-width: none;	
	}

	.voip-overlay-time-spacer {
		display: none;
	}
	
	.voip-overlay-inline-radio .styled-radio,
	.voip-moh-item-inline-radio .styled-radio,
	.voip-modal-custom-bg .styled-radio,
	.inline-radio-container .styled-radio {
		float: none;
		padding: 5px 0;
	}

	.voip-overlay-inline-radio .styled-radio:last-child,
	.voip-moh-item-inline-radio .styled-radio:last-child,
	.inline-radio-container .styled-radio:last-child {
		padding-bottom: 0;
	}
	
	.voip-overlay .prod-selectbox {
		height: 54px;
	} 
	
	.voip-overlay .prod-sb-opt-img {
		width: 32px;
		height: 32px;
	}
	
	.voip-overlay .prod-selectbox ul {
		max-height: 158px;
	}
	
	#voip_layer .voip-overlay-inner {
		width: 100%;
		min-height: 100%;
		margin: 0;
		background: #fff;
	}

	#voip_layer .voip-overlay-content,
	#voip_layer .voip-overlay-header {
		border-radius: 0;
	}
	
	.request-authorise-studio-message {
		margin: 16px 0;
	}
	
	.voip-form-input h3 {
		font-size: 13px;
	}
	
	.voip-form-wide .voip-form-input-small,
	.voip-form-wide .voip-form-input-medium,
	.voip-port-form .voip-form-input-small,
	.voip-port-form .voip-form-input-medium,
	.voip-form-input-small,
	.voip-form-input-medium,
	.voip-form-input--features .voip-port-form-indicator,
	.voip-graph select {
		max-width: none;
	}
	
	.voip-form-input-label, 
	.voip-form-text-label, 
	.voip-form-input-label-note,
	.voip-form-prod-selectbox-label,
	.voip-modal-label,
	.voip-form-wide .voip-form-input-label, 
	.voip-form-wide .voip-form-text-label, 
	.voip-form-wide .voip-form-input-label-note,
	.voip-port-form .voip-form-input-label, 
	.voip-port-form .voip-form-text-label, 
	.voip-port-form .voip-form-input-label-note {
		font-weight: bold;
		padding-bottom: 6px;
		font-family: 'Lato', sans-serif;
		font-size: 13px;
		line-height: normal;
		width: 100%;
		
		padding-top: 0;
	}

	.voip-history-tbl-col .sentiment-dot {
		float: initial !important;
	}
	
	.voip-form-input-readonly {
		line-height: normal;
		height: auto;
	}
	
	.voip-form-text-label-top {
		padding-top: 0;
	}
	
	.voip-modal-fields {
		padding-top: 5px;	
	}
	
	.voip-modal-field {
		padding: 15px 0 0;
		max-width: none;
	}
	
	.voip-modal-field-wide {
		padding: 15px 0 0;
	}

	.voip-modal-field-wide ul {
		padding: 0;
	}

	.voip-modal-field-wide.last {
		margin: 0;
	}
	
	.voip-modal-label {
		float: none;
		padding-right: 0;
	}
	
	.voip-modal-label-checkbox {
		display: none;
	}
	
	.voip-modal-buttons-padding,
	.voip-modal--directory .voip-modal-buttons-padding {
		padding: 0;
	}
	
	.voip-form-input-label-note,
	.voip-form-prod-selectbox-label {
		height: auto;
	}
	
	.voip-form-prod-selectbox-label > div a {
		display: none;
	}

	.voip-form-input-value, 
	.voip-form-text-value {
		overflow: visible;
		clear: left;
	}
	
	.voip-form-prod-selectbox,
	.voip-form-prod-selectbox-inner,
	.voip-form-slider-value,
	.voip-form-slider-value-inner {
		margin: 0;
	}

	.voip-form-indent,
	.voip-form-indent-top,
	.voip-form-button,
	.voip-form-wide .voip-form-indent,
	.voip-form-wide .voip-form-indent-top,
	.voip-form-wide .voip-form-button {
		padding-left: 0;
	}
	
	.voip-form-input-label-note > div small {
		display: inline;
	}

	.intelicall-section h2 {
		margin-bottom: 20px;
	}
	
	.voip-form p {
		margin-bottom: 20px;
	}
	
	.voip-form-note p {
		margin-bottom: 0;
	}
	
	.voip-refer-friend .voip-btn,
	.voip-transfer-system .voip-btn,
	.voip-porting-sign .voip-btn {
		width: auto;
	}
	
	/* Logs */
	.voip-logs-table {
		border-bottom: 1px solid #e6e6e6;
	}

	.voip-logs-table tr {
		border-top: 1px solid #e6e6e6;
	}

	.voip-logs-table tbody tr {
		display: block;
		padding: 4px 0;
	}

	.voip-logs-table tr:nth-child(odd) {
		background: #fcfcfc;	
	}
	
	.voip-logs-table th {
		display: none;
	}

	.voip-logs-table td {
		display: block;
		border: 0;
		padding: 2px 6px 2px 70px;
		position: relative;
	}
	
	.voip-logs-table .voip-logs-row-full td {
		padding-left: 0;
	}
	
	.voip-logs-table td:before {
		width: 64px;
		padding: 2px 0 2px 6px;
		margin-right: 6px;
		box-sizing: border-box;
		font-family: 'Lato', sans-serif;
		font-size: 13px;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 0;
		overflow: hidden;
		white-space: nowrap;
	}
	
	.voip-logs-table .voip-logs-row-full td:before {
		display: none;
	}

	.voip-logs-table td:nth-child(1):before {
		content: 'Date';
	}

	.voip-logs-table td:nth-child(2):before {
		content: 'User';
	}
	
	.voip-logs-table td:nth-child(3):before {
		content: 'Changes';
	}

	.voip-tabs-system .voip-logs-table td:nth-child(3):before {
		content: 'Feature';
	}

	.voip-tabs-system .voip-logs-table td:nth-child(4):before {
		content: 'Changes';
	}
	
	.voip-logs-row-full td > div {
		padding-top: 0;
	}
	
	.voip-number {
		max-width: none;	
	}
	
	.voip-device-keys-buttons .voip-btn {
		width: 100%;
		font-size: 13px;
		padding: 0 10px;
		margin-right: 0;
	}
	
	.voip-call-recording-label,
	.voip-call-recording-spacer {
		font-family: 'Lato', sans-serif;
		font-size: 13px;
		font-weight: bold;
		width: 100%;
		padding: 0 0 6px;
	}

	.voip-call-recording-spacer {
		display: none;
	}

	.voip-call-recording-value {
		overflow: visible;
		clear: left;
	}

	.voip-recording-stats {
		padding-left: 0;
	}

	.voip-manage-extns-col {
		width: 100%;
	}
	
	.voip-fax-right,
	.voip-history-right,
	.voip-voicemail-right,
	.voip-missed-right {
		width: 100%;	
	}

	.voip-history-table .voip-history-tbl-col-date {
		left: 0;
		right: 69%;
	}
	
	.voip-fax-table .voip-fax-tbl-col-date {
		left: 0;
		right: 55%;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-date {
		left: 0;
		right: 53%;
	}
	
	.voip-fax-table .voip-fax-tbl-col-line,
	.voip-voicemail-table .voip-voicemail-tbl-col-box {
		left: auto;
		right: auto;
		top: auto;
	}
	
	.voip-history-table .voip-history-tbl-col-src,
	.voip-history-table .voip-history-tbl-col-src-type {
		left: 31%;
		right: 38%;
	}
	
	.voip-fax-table .voip-fax-tbl-col-src {
		left: 45%;
		right: 25%;
	}

	.voip-voicemail-table .voip-voicemail-tbl-col-src {
		left: 47%;
		right: 11%;
	}

	.voip-history-table .voip-history-tbl-col-dst {
		left: 62%;
		right: 7%;
	}
	
	.voip-fax-table .voip-fax-tbl-col-rec
	/*, .voip-voicemail-table .voip-voicemail-tbl-col-rec*/ {
		left: 75%;
		right: 7%;
	}

	.voip-voicemail-tbl-col-rec-overflow {
		display: block;
	}

	.voip-fax-table .voip-fax-tbl-col-arrow,
	.voip-history-table .voip-history-tbl-col-arrow,
	.voip-voicemail-table .voip-voicemail-tbl-col-arrow {
		left: 93%;
		right: 0;
	}
	
	.voip-fax-table .voip-fax-tbl-col-arrow:before,
	.voip-history-table .voip-history-tbl-col-arrow:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-arrow:before {
		right: 35.7%;
	}

	.voip-fax-table .voip-fax-tbl-col-sys,
	.voip-fax-table .voip-fax-tbl-col-line,
	.voip-fax-table .voip-fax-tbl-col-size,
	.voip-history-table .voip-history-tbl-col-sys, 
	.voip-history-table .voip-history-tbl-col-line, 
	.voip-history-table .voip-history-tbl-col-src-type, 
	.voip-history-table .voip-history-tbl-col-dst-type, 
	.voip-history-table .voip-history-tbl-col-dur, 
	.voip-history-table .voip-history-tbl-col-cost, 
	.voip-history-table .voip-history-tbl-col-rec,
	.voip-voicemail-table .voip-voicemail-tbl-col-sys,
	.voip-voicemail-table .voip-voicemail-tbl-col-box,
	.voip-voicemail-table .voip-voicemail-tbl-col-dur,
	.voip-voicemail-table .voip-voicemail-tbl-col-rec {
		padding: 0 6px 6px 64px;
		position: relative;
		box-sizing: border-box;
		left: auto;
		right: auto;
		width: 50%;
		text-align: left;
	}
	
	.voip-fax-table .voip-fax-tbl-col-sys:before,
	.voip-fax-table .voip-fax-tbl-col-line:before,
	.voip-fax-table .voip-fax-tbl-col-size:before,
	.voip-history-table .voip-history-tbl-col-sys:before, 
	.voip-history-table .voip-history-tbl-col-line:before, 
	.voip-history-table .voip-history-tbl-col-src-type:before, 
	.voip-history-table .voip-history-tbl-col-dst-type:before, 
	.voip-history-table .voip-history-tbl-col-dur:before, 
	.voip-history-table .voip-history-tbl-col-cost:before, 
	.voip-history-table .voip-history-tbl-col-rec:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-sys:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-box:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-dur:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-rec:before {
		position: absolute;
		top: 0;
		left: 0;
		line-height: 18px;
	}
	
	.voip-fax-table .voip-fax-tbl-col-line,
	.voip-history-table .voip-history-tbl-col-line,
	.voip-voicemail-table .voip-voicemail-tbl-col-box {
		display: none;
		overflow: hidden;
		height: auto;
	}
	
	.voip-fax-table .open .voip-fax-tbl-col-line,
	.voip-history-table .open .voip-history-tbl-col-line,
	.voip-voicemail-table .open .voip-voicemail-tbl-col-box {
		display: block;
		font-weight: normal;
	}
	
	.voip-history-table .voip-history-tbl-col-line a {
		overflow: hidden;
		display: block;
	}
	
	.voip-history-table .voip-history-tbl-col-line .voip-tbl-cell-secondary {
		display: none;
	}
	
	.voip-fax-table .voip-fax-tbl-col-line:before,
	.voip-history-table .voip-history-tbl-col-line:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-box:before {
		padding: 0 10px 0 0;
		font-weight: bold;
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		line-height: 18px;
		margin: 0;
		float: left;
	}
	
	.voip-fax-table .voip-fax-tbl-col-line:before,
	.voip-history-table .voip-history-tbl-col-line:before {
		content: 'Number';
	}
	
	.voip-voicemail-table .voip-voicemail-tbl-col-box:before {
		content: 'Mailbox';
	}
	
	.voip-fax-table .voip-fax-tbl-col-size,
	.voip-history-table .voip-history-tbl-col-src-type,
	.voip-history-table .voip-history-tbl-col-dur,
	.voip-history-table .voip-history-tbl-col-rec,
	.voip-voicemail-table .voip-voicemail-tbl-col-dur {
		clear: left;
	}
	
	.voip-fax-table .voip-fax-tbl-col-size,
	.voip-fax-table .voip-fax-tbl-col-size:before,
	.voip-history-table .voip-history-tbl-col-rec,
	.voip-history-table .voip-history-tbl-col-rec:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-dur,
	.voip-voicemail-table .voip-voicemail-tbl-col-dur:before,
	.voip-voicemail-table .voip-voicemail-tbl-col-rec,
	.voip-voicemail-table .voip-voicemail-tbl-col-rec:before  {
		padding-bottom: 10px;
	}
	
	.voip-history-table .voip-history-tbl-col-src-type div:before,
	.voip-history-table .voip-history-tbl-col-dst-type div:before {
		display: none;
	}
	
	.voip-history-table .voip-history-tbl-col-src-type:before {
		content: 'Source';
		display: block;
	}
	
	.voip-history-table .voip-history-tbl-col-dst-type:before {
		content: 'Dest';										
		display: block;
	}
	
	.voip-history-table .voip-history-tbl-col-dur:before {
		content: 'Duration';										
	}
	
	.voip-history-table .voip-history-tbl-col-rec:before {
		content: 'Summary';										
	}
	
	.voip-history-table .voip-history-upgrade .voip-tooltip {
		left: 0;
		right: auto;
		margin-left: -9px;
		margin-right: 0;
	}

	.voip-history-table .voip-history-upgrade .voip-tooltip:before {
		left: 17px;
		right: auto;
	}
	
	.voip-history-float {
		padding: 1px;
	}
	
	.voip-history-float.open {
		background: #fff;
	}

	.voip-history-total tr {
		position: relative;
		padding: 32px 0 0;		
	}

	.voip-history-total .voip-history-tbl-col-span {
		width: 100%;
		overflow: hidden;
	}

	.voip-history-total .voip-history-tbl-col-span.voip-history-tbl-col-span div {
		width: 31%;
		clear: none;
		display: none;
		padding: 4px;
		padding-top: 0;
	}

	.voip-history-float.open .voip-history-tbl-col-span.voip-history-tbl-col-span div {
		display: block;
	}

	.voip-history-total .voip-history-tbl-col-span div:first-child,
	.voip-history-total .voip-history-tbl-col-dur,
	.voip-history-total .voip-history-tbl-col-cost {
		width: auto;
		position: absolute;
		top: 0;
		display: block;
		padding: 4px;
	}

	.voip-history-total .voip-history-tbl-col-span div:first-child {
		left: 0;
		right: 69%;
	}

	.voip-history-total .voip-history-tbl-col-dur {
		left: 31%;
		right: 38%;
	}

	.voip-history-total .voip-history-tbl-col-cost {
		left: 62%;
		right: 7%;
	}
	
	.voip-history-total .voip-history-tbl-col-arrow {
		display: block;
		position: absolute;
		right: 0;
		height: 32px;
		padding: 0;
		top: 0;
		left: 93%;
		cursor: pointer;
	}
	
	.voip-history-total .voip-history-tbl-col-arrow:before,
	.voip-history-total .voip-history-tbl-col-arrow:after {
		content: '';
		border: 4px solid transparent;
		position: absolute;
		top: 50%;
		right: 35.7%;
	}
	
	.voip-history-total .voip-history-tbl-col-arrow:before {
		border-bottom-color: black;
		margin-top: -6px;
	}
	
	.voip-history-total .voip-history-tbl-col-arrow:after {
		border-bottom-color: white;
		margin-top: -4px;
	}
	
	.voip-history-float.open .voip-history-tbl-col-arrow:before {
		border-top-color: black;
		border-bottom-color: transparent;
		margin-top: -2px;
	}
	
	.voip-history-float.open .voip-history-tbl-col-arrow:after {
		border-top-color: white;
		border-bottom-color: transparent;
		margin-top: -4px;
	}
	
	/* Larger expand */
	.voip-history-total .voip-history-tbl-col-span a,
	.voip-history-total .voip-history-tbl-col-dur a,
	.voip-history-total .voip-history-tbl-col-cost a {
		height: 24px;
		line-height: 24px;
	}

	.voip-history-float.open .voip-history-tbl-col-span a,
	.voip-history-float.open .voip-history-tbl-col-dur a,
	.voip-history-float.open .voip-history-tbl-col-cost a {
		height: auto;
		line-height: 12px;
	}

	.voip-history-total .voip-history-tbl-col-span div:first-child span,
	.voip-history-total .voip-history-tbl-col-dur a:before,
	.voip-history-total .voip-history-tbl-col-cost a:before {
		display: none;
	}

	.voip-history-total .voip-history-tbl-col-span a span,
	.voip-history-total .voip-history-tbl-col-dur a:before,
	.voip-history-total .voip-history-tbl-col-cost a:before {
		padding-bottom: 5px;
	}

	.voip-history-float.open {
		padding: 20px 0 10px;
	}

	.voip-history-float.open tr {
		padding-top: 55px;
	}

	.voip-history-float.open .voip-history-tbl-col-arrow {
		height: 37px;
	}

	.voip-history-float.open .voip-history-tbl-col-span div:first-child span,
	.voip-history-float.open .voip-history-tbl-col-dur a:before,
	.voip-history-float.open .voip-history-tbl-col-cost a:before {
		display: block;
	}
	
	.voip-history-float.open .voip-history-links {
		display: block;
	}

	.voip-history-total tr {
		margin-left: 0;
	}

	.voip-history-total .voip-history-icon {
		display: none;
	}

	.voip-fax-left-section-4,
	.voip-voicemail-left-section-4,
	.voip-missed-left-section-4 {
		max-width: 220px;
	}
	
	.voip-directory-table .voip-directory-tbl-col-first {
		width: 100%;
	}

	.voip-directory-table .voip-directory-tbl-col-work, 
	.voip-directory-table .voip-directory-tbl-col-home, 
	.voip-directory-table .voip-directory-tbl-col-mobile,
	.voip-directory-table .voip-directory-tbl-col-jobtitle {
		display: none;
	}

	.voip-directory-tbl-col-action span {
		display: inline;
	}
	
	.voip-form-input-spacer,
	.voip-form-text-spacer,
	.voip-directory-form .voip-form-text-spacer {
		display: none;
	}

	.voip-directory-form .voip-form-button {
		padding-left: 0;
	}

	.voip-directory-upload {
		padding: 10px;
	}

	.voip-directory-btn-download div, 
	.voip-directory-file-upload-choice div {
		padding-left: 26px;
	}

	.voip-directory-btn-download, 
	.voip-directory-file-upload-choice {
		font-size: 14px;
	}

	.voip-directory-btn-download div,
	.voip-directory-file-upload-choice div {
		background-position: left center;
		background-size: auto 18px;
	}

	.voip-directory-doc {
		padding-top: 15px;
	}

	.voip-directory-doc p + p {
		padding-bottom: 15px;
	}

	.voip-directory-doc ul {
		width: 50%;
		margin: 0;
	}

	.voip-directory-doc .middle li {
		width: 100%;
	}

	.request-summary-section-bottom {
		position: relative;	
	}

	.request-summary-section-right {
		position: static;	
	}

	.request-summary-section-right .charge-tooltip {
		transform: translateX(0);
		top: 100%;
		left: -10px;
		right: -10px;
		width: auto;
		margin-top: -3px;
	}

	.request-summary-section-right .charge-tooltip::before,
	.request-summary-section-right .charge-tooltip::after {
		left: auto;
		right: 30px;
	}

	.request-summary-section-cont {
		padding-top: 5px;
	}

	.request-summary-section {	
		width: 100%;
		padding-top: 0;
		padding-bottom: 10px;
	}
	
	.voip-port-number__buttons {
		padding-left: 0;
	}

	.voip-port-section__buttons .voip-form-note {
		line-height: normal;
		padding: 0 0 40px;
		text-align: left;
	}
	
	.voip-port-section__buttons--disabled .voip-form-note {
		padding-bottom: 0;	
	}

	.voip-port-section__buttons .voip-btn-add {
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	
	.voip-port-form__buttons .voip-btn span {
		display: none;
	}
	
	.request-white-section #porting_form {
		/*
		margin: 0;
		padding-bottom: 0;
		*/
	}

	.request-port-form {
		padding-bottom: 0;
	}
	
	.js .voip-feat-invalid-error-inner,
	.voip-systemlist-invalid-error-inner,
	.voip-dasboard-invalid-error--inner {
		height: 16px;
		overflow: hidden;
	}

	.js .voip-feat-invalid-error-more {
		display: inline-block;
	}
	
	.voip-device-hub,
	.voip-form-wide .voip-device-hub {
		padding-left: 0;
	}
	
	.voip-device-bg-left,
	.voip-device-bg-right {
		width: 100%;
	}

	.voip-device-bg-mobile-placeholder {
		position: relative;
		height: 0;
		padding-bottom: 36%;
		clear: both;
	}

	.voip-device-bg-option, 
	.voip-device-bg-add {
		width: 33.333%;
	}

	.voip-device-bg-options-inner {
		margin-right: -5px;
	}	

	.voip-device-bg-preview {
		margin-bottom: 10px;
	}
	
	.intelicall-subpage-container-config {
		padding: 10px 0;
	}

	.voip-systemlist-new {
		margin-top: 10px;
	}
	
	.voip-systemlist-new-header {
		background-size: 24px;
		padding: 10px 8px 10px 42px;	
		margin: 0;
		background-position: 8px center;
	}
	
	.voip-systemlist-new-content {
		padding: 0 8px 8px 42px;
		margin-top: -4px;
	}
	
	.voip-systemlist-new .voip-btn {
		margin: 12px 0 0;
	}

	.voip-referral-code {
		margin-top: 10px;
	}
	
	.voip-tab-logs > p {
		margin: 0 0 25px;
	}
	
	.voip-device-bg-default {
		white-space: nowrap;
		width: 86px;
		height: 22px;
		margin: -11px 0 0 -43px;
	}
	
	.voip-dash-widget__graph .tickLabel { 
		font-size: 10px;
	}
	
	.voip-dash__table--queues th,
	.voip-dash__table--queues td,
	.voip-dash__table--departments-old th,
	.voip-dash__table--departments-old td,
	.voip-dash__table--numbers th,
	.voip-dash__table--numbers td {
		width: 18%;
	}

	.voip-dash__table--queues .voip-dash__col-1,
	.voip-dash__table--departments-old .voip-dash__col-1,
	.voip-dash__table--numbers .voip-dash__col-1 {
		width: auto;
	}

	.voip-dash__table--queues .voip-dash__col-5,
	.voip-dash__table--departments-old .voip-dash__col-5,
	.voip-dash__table--numbers .voip-dash__col-5 {
		display: none;
	}

	.voip-dash__table--queues .voip-dash__col-4,
	.voip-dash__table--departments-old .voip-dash__col-4,
	.voip-dash__table--numbers .voip-dash__col-4 {
		padding-right: 2.5%;
	}

	.voip-dash__table span span {
		display: none; 
	}
	
	.voip-cols-sidebar,
	.voip-cols-sidebar-wide {
		padding-left: 0;	
	}
	
	.voip-form-input-extnboard .voip-form-icon {
		top: 21px;
	}
	
	.voip-directory__filter {
		width: 205px;
	}
	
	.voip-feat-table-all-sys .voip-feat-tbl-col-1 {
		display: none;
	}

	.voip-feat-table-all-type.voip-feat-table-1 .voip-feat-tbl-col-2,
	.voip-feat-table-single-type.voip-feat-table-1 .voip-feat-tbl-col-4,
	.voip-feat-table-all-type.voip-feat-table-2 .voip-feat-tbl-col-3,
	.voip-feat-table-single-type.voip-feat-table-2 .voip-feat-tbl-col-4,
	.voip-feat-table-3 .voip-feat-tbl-col-2,
	.voip-feat-table-all-type.voip-feat-table-4 .voip-feat-tbl-col-2,
	.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-3,
	.voip-feat-table-all-type.voip-feat-table-5 .voip-feat-tbl-col-2,
	.voip-feat-table-single-type.voip-feat-table-5 .voip-feat-tbl-col-4 {
		padding-left: 0;
	}

	.voip-feat-table-all-type.voip-feat-table-1 .voip-feat-tbl-col-2,
	.voip-feat-table-all-type.voip-feat-table-2 .voip-feat-tbl-col-3,
	.voip-feat-table-all-type.voip-feat-table-4 .voip-feat-tbl-col-2,
	.voip-feat-table-all-type.voip-feat-table-5 .voip-feat-tbl-col-2 {
		width: 30%;
	}

	.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-2,
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-2 {
		width: 20%;
	}

	.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-6,
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-6 {
		width: 10%;
	}

	.voip-feat-table-single-type.voip-feat-table-1 .voip-feat-tbl-col-4,
	.voip-feat-table-single-type.voip-feat-table-2 .voip-feat-tbl-col-4,
	.voip-feat-table-single-type.voip-feat-table-5 .voip-feat-tbl-col-4 {
		width: 40%;
	}

	.voip-feat-table-single-type.voip-feat-table-1 .voip-feat-tbl-col-2,
	.voip-feat-table-single-type.voip-feat-table-2 .voip-feat-tbl-col-3,
	.voip-feat-table-all-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-3,
	.voip-feat-table-single-sys.voip-feat-table-single-type.voip-feat-table-4 .voip-feat-tbl-col-3,
	.voip-feat-table-single-type.voip-feat-table-5 .voip-feat-tbl-col-2 {
		width: auto;
	}
	
	.account-panel-input--50 input[type="text"] {
		width: 100%;
	}
	
	.paymethod-item,
	.paymethod-item-content,
	.paymethod-item-aside {
		display: block;
	}

	.paymethod-item-aside {
		padding: 10px 0 2px;
	}
	
	.task_table .requests-tbl-summary {
		width: auto;
		padding-right: 13%;
	}
	
	.task_table .requests-tbl-time {
		width: 8%;	
	}

	.voip-admin-table--numbers th:nth-child(3),
	.voip-admin-table--numbers td:nth-child(3) {
		display: none;
	}
	
	.voip-tab-links--dropdown .voip-tab-links-title {
		display: block;	
	}

	.voip-tab-links--dropdown .voip-tab-links-dd1 {
		position: absolute;
		right: 0;
		line-height: 16px;
		width: 180px;
		background: #fff;
		text-align: center;
		border-left: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		display: none;
		margin: 0;
	}

	.voip-tab-links--dropdown.open .voip-tab-links-dd1 {
		display: block;
	}

	.voip-tab-links-dd1 {
		border: 0;
		padding: 0;
	}

	.voip-tab-links-dd1 a {
		padding: 5px 8px;
	}

	.voip-tab-links-dd1-1 {
		top: 32px;
		border-top: 1px solid #e6e6e6;
		padding-top: 5px;
	}

	.voip-tab-links-dd1-2 {
		top: 63px;
	}

	.voip-tab-links-dd1-3 {
		top: 89px;
	}

	.voip-tab-links-dd1-4 {
		top: 115px;
	}

	.voip-tab-links-dd1-5 {
		top: 141px;
	}

	.voip-tab-links-dd1-6 {
		top: 167px;
	}

	.voip-tab-links-dd1-7 {
		top: 193px;
	}

	.voip-tab-links-dd1-8 {
		top: 219px;
	}

	.voip-tab-links-dd1-9 {
		top: 245px;
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 5px;
	}

	.voip-porting-col-client {
		display: none;
	}
	
	/* Pull extension away from the edge a bit to make them easier to move */
	.voip-manage-extns-inner {
		margin: 0;
	}
	
	.recent-transactions th:nth-child(6),
	.recent-transactions td:nth-child(6),
	.recent-transactions-due span,
	.recent-transactions-overdue span,
	.recent-transactions-pay span {
		display: none;
	}

	.recent-transactions th:nth-child(5),
	.recent-transactions td:nth-child(5) {
		padding-right: 5px;
	}

	.recent-transactions th:nth-child(9),
	.recent-transactions td:nth-child(9) {
		display: none;
	}
	
	.voip-feat-tbl-col-image img:hover {
		transform: scale(2);
	}
	
	.voip-subscriptions-pricing .voip-subs-tbl-nowrap span {
		display: none;
	}

	.requests-ga-available .ga-text {
		display: none;
	}

	.voip-system-api .webhook strong {
		float: none;
		padding: 0;
	}

	#search_designer {
		display: none;
	}

	.voip-panel-buttons .voip-btn {
		padding: 0 10px;
		font-size: 12px;
	}

	.voip-draft-cancel {
		display: none;
	}

	.voip-table-label-mob2 {
		display: none;
	}

	.device-quality-bars {
		margin: 0;
	}
	
	.device-quality-bars + span {
		display: none;
	}

	.voip-feat-updates {
		/* margin-top: 2px;
		margin-bottom: 2px; */
		margin: 3px;
		height: 12px;
		width: 12px;
	}

	.crm-dash .voip-config__donuts-section:first-child .voip-config__donut,
	.crm-dash .voip-config__donuts-section:nth-child(2) .voip-config__donut:last-child,
	.crm-dash .voip-config__donuts-section .voip-config__donut,
	body:not(.crm-dash-body) .crm-dash .voip-config__donuts-section:first-child .voip-config__donut,
	body:not(.crm-dash-body) .crm-dash .voip-config__donuts-section:nth-child(2) .voip-config__donut:last-child,
	body:not(.crm-dash-body) .crm-dash .voip-config__donuts-section .voip-config__donut {
		width: 33.333%;
	}

	.voip-admin--manage .voip-tab-links {
		white-space: nowrap;
		overflow-x: auto;
	}

	.voip-admin--manage .voip-tab-links li {
		float: none;
		display: inline-block;
	}
}

@media screen and (max-width: 420px) {
	.comment{
		width: 250px;	
	}
	
	.comment-send, .comment-close{
		margin-left:270px;	
	}
	
	.voip-overlay .prod-selectbox {
		height: 60px;
	} 
	
	.voip-overlay .prod-sb-opt-img {
		width: 41px;
		height: 41px;
	}
	
	.voip-overlay .prod-selectbox ul {
		max-height: 173px;
	}
	
	.voip-overlay .prod-sb-opt-img,
	.voip-overlay .prod-sb-opt-desc,
	.voip-form-prod-selectbox .prod-sb-opt-img,
	.voip-form-prod-selectbox .prod-sb-opt-desc {
		padding: 3px;
	}
	
	.voip-overlay .prod-sb-opt-desc,
	.voip-form-prod-selectbox .prod-sb-opt-desc {
		padding-left: 5px;
	}
	
	.voip-form-prod-selectbox .prod-selectbox {
		height: 50px;
	}
	
	.voip-tabs-float .voip-btn {
		padding: 0 10px;
		font-size: 12px;
	}
	
	.voip-tabs-float .voip-btn-save span {
		display: none;
	}

	.voip-tabs-float .voip-btn-apply {
		display: none;
	}
	
	.voip-tab-links a span {
		display: none;
	}
	
	.request-billing {
		width: 100%;	
	}
	
	.voip-dash-tabs__btn span {
		display: none;
	}

	.voip-dash-link span {
		display: none;
	}

	.voip-dash-link:before {
		margin-top: -20px;
	}

	.voip-dash-widget__table th {
		font-size: 9px;
	}

	.voip-dash-widget__graph .bar-graph__legend, 
	.voip-dash-widget__graph .pie-graph__legend,
	.voip-dash-widget__graph .line-graph__legend {
		margin: 0 -7px;
	}
	
	.voip-directory-btn-download span,
	.voip-directory-file-upload-choice span {
		display: none;
	}
	
	.voip-tabs-system .voip-tab-links a .mob-hide {
		display: none;
	}

	.voip-draft-switch-live-label,
	.voip-draft-switch-draft-label {
		font-size: 11px;
	}

	.voip-feat-username {
		font-size: 8px;
	}

	.voip-missed-tbl-col-rec {
		/* display: none; */
	}

	.voip-missed-table .voip-missed-tbl-col-rec {
		padding: 0;
		width:1px;
	}

	.voip-missed-table tr {
		position: relative;
	}

	/* position the review link over the top so you can access it by clicking the row */
	.voip-missed-table .voip-missed-tbl-col-rec a {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		text-indent: -9999px;
		overflow: hidden;
		border: 0;
	}

	.voip-missed-table .voip-missed-tbl-col-src {
        padding-right: 2.5%;
    }

	.voip-tabs-system .voip-tab-links {
		white-space: nowrap;
		overflow-x: auto;
	}

	.voip-tabs-system .voip-tab-links li {
		float: none;
		display: inline-block;
	}
}

@media screen and (max-width: 400px) {
	.voip-fax-table .voip-fax-tbl-col,
	.voip-history-table .voip-history-tbl-col,
	.voip-voicemail-table .voip-voicemail-tbl-col {
		font-size: 11px;
	}
	
	.voip-fax-table .voip-fax-tbl-col-check, 
	.voip-fax-table .voip-fax-tbl-col-star, 
	.voip-fax-table .voip-fax-tbl-col-date, 
	.voip-fax-table .voip-fax-tbl-col-src, 
	.voip-fax-table .voip-fax-tbl-col-rec, 
	.voip-fax-table .voip-fax-tbl-col-arrow, 
	.voip-history-table .voip-history-tbl-col-date, 
	.voip-history-table .voip-history-tbl-col-src, 
	.voip-history-table .voip-history-tbl-col-dst,	
	.voip-history-table .voip-history-tbl-col-arrow, 
	.voip-voicemail-table .voip-voicemail-tbl-col-check, 
	.voip-voicemail-table .voip-voicemail-tbl-col-star, 
	.voip-voicemail-table .voip-voicemail-tbl-col-date, 
	.voip-voicemail-table .voip-voicemail-tbl-col-src, 
	/* .voip-voicemail-table .voip-voicemail-tbl-col-rec, */
	.voip-voicemail-table .voip-voicemail-tbl-col-arrow {
		height: 38px;
	}

	.voip-fax-table tbody tr, 
	.voip-history-table tbody tr, 
	.voip-voicemail-table tbody tr {
		padding-top: 38px;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.voip-history-table .voip-history-tbl-col-date {
		padding-left: 8px;
		left: 0;
		right: 67%;
	}
	
	.voip-history-table .voip-history-tbl-col-src {
		left: 33%;
		right: 37%;
	}

	.voip-history-table .voip-history-tbl-col-dst {
		left: 63%;
		right: 7%;
	}
	
	.voip-history-table .voip-history-tbl-col-arrow:before {
		right: 0;
		margin-right: 8px;
	}
	
	.voip-history-total .voip-history-tbl-col-arrow:before,
	.voip-history-total .voip-history-tbl-col-arrow:after {
		right: 0;
		margin-right: 8px;
	}
	
	.voip-recording-table td {
		font-size: 11px;
	}
	
	.charge-tooltip .request-opt {
		font-size: 10px;
	}
	
	.voip-device-bg-default {
		white-space: normal;
		width: 50px;
		height: 34px;
		margin: -17px 0 0 -25px;
	}
	
	.voip-ratechecker__table td,
	.voip-reverse-charge__table td {
		font-size: 12px;
	}
	
	.voip-dash__top, 
	.voip-dash__bottom {
		padding: 15px 10px;
	}

	.voip-dash__top-inner, 
	.voip-dash__bottom-inner {
		margin: 0 -10px -10px 0;
	}

	.voip-dash__filter,
	.voip-dash__notification,
	.voip-dash__section,
	.voip-dash-tabs,
	.voip-dash__overview,
	.voip-dash .voip-referral-code {
		padding: 0 10px 10px 0;
	}
	
	.voip-dash__top .notification-container {
		margin-bottom: 10px;
	}

	.voip-dash-widget__table-head span {
		display: none;
	}

	.voip-dash-widget__table-users th:nth-child(2), 
	.voip-dash-widget__table-users td:nth-child(2) {
		width: 16%;
	}

	.voip-dash-widget__table-users th:nth-child(3), 
	.voip-dash-widget__table-users td:nth-child(3) {
		width: 25%;
	}

	.voip-dash-widget__table-users th:nth-child(4), 
	.voip-dash-widget__table-users td:nth-child(4) {
		width: 22%;
	}
	
	.voip-dash .voip-switches,
	.voip-dash .voip-switches-control {
		margin-top: 10px;
	}
	
	.voip-systemlist-invalid-error .mob-hide,
	.voip-dashboard-invalid-error .mob-hide {
		display: none;
	}

	.voip-systemlist-invalid-error .mob-show,
	.voip-dashboard-invalid-error .mob-show {
		display: inline;
	}
	
	.task_table .requests-tbl-summary {
		padding-right: 15%;
	}
	
	.task_table .requests-tbl-status {
		/* width: 28%; */
	}
	
	.task_table .requests-tbl-time {
		width: 10%;
	}
	
	.voip-adv-search-open-btn {
		line-height: normal;
		float: left;
		clear: left;
	}

	.crm-dash .voip-config__donuts-inner {
		margin: 0;
	}

	.crm-dash .voip-config__donuts-section:first-child .voip-config__donut,
	.crm-dash .voip-config__donuts-section:nth-child(2) .voip-config__donut:last-child,
	.crm-dash .voip-config__donuts-section .voip-config__donut {
		padding: 0.8%;
	}
}

@media screen and (max-width: 370px) {
	.comment-send, .comment-close{
		margin-left: 220px;	
	}

	.new_request_closed, .new_request_closed_bottom, .new_request_query_bottom, .request_closed, .new_request_extended_bottom {
		font-size: 13px;
	}
	
	.comment{
		width: 200px;	
	}
	
	.voip-overlay-inner, 
	.voip-modal-inner,
	.voip-welcome-overlay-content,
	.voip-onboarding-overlay-content {
		width: 92%;
		margin: 15px 0;
	}
	
	.voip-form-prod-selectbox .prod-sb-opt-img {
		padding: 0;
		width: 34px;
		height: 34px;
	}
	
	.voip-overlay .prod-sb-opt-desc,
	.voip-form-prod-selectbox .prod-sb-opt-desc {
		padding-left: 5px;	
	}
	
	.prod-sb-opt-desc-inner {
		padding: 0;
	}

	.voip-overlay .prod-sb-opt-title,
	.voip-overlay .prod-sb-opt-price,
	.voip-form-prod-selectbox .prod-sb-opt-title,
	.voip-form-prod-selectbox .prod-sb-opt-price {
		font-size: 12px;
	}

	.voip-overlay .prod-sb-opt-price,
	.voip-form-prod-selectbox .prod-sb-opt-price {
		padding: 1px 0 1px 5px;
	}
	
	.voip-form-prod-selectbox .prod-selectbox {
    	height: 46px;
	}
	
	.voip-device-bg-option,
	.voip-device-bg-add {
		width: 33.333%;	
	}

	.voip-btn-change span,
	.voip-btn-withdraw span,
	.voip-btn-back span {
		display: none;
	}
	
	.voip-adv-search-open-btn span {
		display: none;
	}
	
	.voip-systemlist-btn a {
		font-size: 12px;
	}
	
	.voip-feat-nav-item-icon {
		padding-left: 25px;
	}

	.voip-feat-nav-item-icon-extn,
	.voip-feat-nav-item-icon-num {
		padding-left: 22px;
	}
	
	.voip-feat-nav-link {
		padding: 6px;
	}
	
	.voip-systemlist-new-title span {
		display: none;
	}
	
	.voip-fax-actions .voip-btn,
	.voip-voicemail-actions .voip-btn {
		font-size: 12px;
		padding: 0 5px;
	}
	
	.voip-tabs-system .voip-tab-links a span {
		display: none;
	}

	.voip-tabs-system .analysis-tab a .mob-hide {
		display: none;
	}

	#task_desc_pii {
		min-height: 166px;
	}
}

/* System Flow Designer Sidebar - Resize sidebar based on screen width as well as height */
@media screen and (max-width: 840px) {
	/* Mobile 1 */
	.voip-panel-sidebar {
		width: 70px;
		padding: 0;
	}

	.voip-panel {
		margin-right: 70px;
	}

	.voip-panel-buttons {
		margin-right: -58px;
	}

	.voip-panel-zoom {
		right: 80px;
	}
}

@media screen and (max-width: 480px), screen and (max-width: 840px) and (max-height: 600px) {
	/* Mobile 2 */
	.voip-panel-sidebar {
		width: 55px;
		padding: 0;
	}

	.voip-panel {										
		margin-right: 55px;
	}

	.voip-panel-buttons {
		margin-right: -47px;
	}

	.voip-panel-zoom {
		right: 60px;
	}

	.voip-panel-draft-msg,
	.voip-panel-live-msg,
	.voip-readonly-button {
		margin-left: -28px;
	}
}

/* Welcome overlay - Resize welcome overlay based on screen width as well as height  */
@media screen and (max-width: 840px) {
	.voip-welcome-overlay-content,
	.voip-onboarding-overlay-content {
		padding: 25px;
		max-width: 700px;
	}
	
	.voip-onboarding-overlay-close {
		top: 7px;
		right: 7px;
	}
	
	.voip-welcome-overlay-section {
		padding: 6px 0;	
	}

	.voip-welcome-overlay-sketch {
		padding: 20px 20px 0 0;
	}
}

@media screen and (max-width: 668px), screen and (max-width: 840px) and (max-height: 700px) {
	.voip-welcome-overlay-content,
	.voip-onboarding-overlay-content {
		max-width: 600px;
	}
	
	.voip-welcome-overlay-section {
		padding: 0;
		width: 100%;
	}

	.voip-welcome-overlay-sketch {
		display: none;
	}

	.voip-welcome-overlay-title {
		font-size: 25px;
		padding-bottom: 15px;
	}
}

@media screen and (max-height: 800px) {
	.checkout-container {
		-webkit-transform: none;
		transform: none;
		padding-bottom: 50px;
		top: 40px;
	}
}

@media screen and (max-height: 700px), screen and (max-height: 850px) and (max-width: 500px) {
	.payment-setup-container {
		-webkit-transform: none;
		transform: none;
		padding-bottom: 50px;
		top: 40px;
	}
}

@media screen and (max-height: 550px){
	.login-container {
		-webkit-transform: none;
		transform: none;
		padding-bottom: 50px;
		top: 40px;
	}
}

@media screen and (max-width: 480px), screen and (max-width: 840px) and (max-height: 630px) {
	.voip-welcome-btn-tutorial, 
	.voip-welcome-btn-start {
		font-size: 12px;
		width: auto;
		padding: 0 10px;
	}

	.voip-welcome-overlay-content,
	.voip-onboarding-overlay-content {
		padding: 15px;
		max-width: 430px;
	}
	
	.voip-onboarding-overlay h2 {
		padding-right: 30px;
	}
	
	.voip-onboarding-overlay-close {
		top: 17px;
		right: 17px;
	}
	
	.voip-welcome-overlay-sketch {
		display: none;	
	}

	.voip-welcome-overlay-section {
		width: 100%;	
		padding: 0;
	}

	.voip-welcome-overlay-title {
		font-size: 20px;	
		padding-bottom: 15px;
	}

	.voip-welcome-overlay-section p {
		font-size: 13px;
		padding-top: 15px;	
	}

	.voip-welcome-checkbox {
		padding-top: 15px;	
	}

	.voip-welcome-checkbox .styled-checkbox {
		font-size: 12px;
	}

	.voip-welcome-overlay-base {
		padding-top: 18px;	
	}
}

@media screen and (max-width: 370px) {
	.voip-welcome-overlay-content,
	.voip-onboarding-overlay-content {
		width: 92%;
		margin: 15px 0;
	}

	.voip-overlay-content,
	#voip_layer_register .voip-overlay-content {
		padding: 7px 0;
	}
}

/* Editing / updating overlay - Resize welcome overlay based on screen width as well as height  */
@media screen and (max-width: 668px), screen and (max-width: 840px) and (max-height: 300px) {	
	.voip-update-overlay-content,
	.voip-editing-overlay-content,
	.voip-disabled-overlay-content {
		padding: 35px 35px 35px 120px;
		background-size: 70px;
		background-position: 25px center;
		max-width: 600px;
	}

	.voip-disabled-overlay-content {
		padding-left: 35px;
	}

	.voip-update-overlay-content strong,
	.voip-editing-overlay-content strong,
	.voip-disabled-overlay-content strong {
		font-size: 25px;
	}

	.voip-update-overlay-content p,
	.voip-editing-overlay-content p,
	.voip-disabled-overlay-content p {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px), screen and (max-width: 840px) and (max-height: 250px) {
	.voip-update-overlay-content,
	.voip-editing-overlay-content,
	.voip-disabled-overlay-content {
		padding: 20px 20px 20px 90px;
		background-size: 50px;
		background-position: 20px center;
		max-width: 400px;
	}

	.voip-disabled-overlay-content {
		padding-left: 20px;
	}

	.voip-update-overlay-content strong,
	.voip-editing-overlay-content strong,
	.voip-disabled-overlay-content strong {
		font-size: 20px;
	}

	.voip-update-overlay-content p,
	.voip-editing-overlay-content p,
	.voip-disabled-overlay-content p {
		font-size: 14px;
	}
}

/* Change background */
@media screen and (min-width: 768px) and (min-height: 520px) {
	/* 3 */
	.voip-device-bg-right {
		padding-bottom: 12%;
	}

	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 11%;
	}
}

@media screen and (min-width: 768px) and (min-height: 620px) {
	/* 4 */
	.voip-device-bg-right {
		padding-bottom: 24%;
	}

	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 21%;
	}
}

@media screen and (max-width: 768px) {
	/* 2 */
	.voip-device-bg-right,
	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 768px) and (min-height: 520px) {
	/* 3 */
	.voip-device-bg-right {
		padding-bottom: 14%;
	}

	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 13%;
	}
}

@media screen and (max-width: 768px) and (min-height: 620px) {
	/* 4 */
	.voip-device-bg-right {
		padding-bottom: 29%;
	}

	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 24%;
	}
}

@media screen and (max-width: 600px) {
	/* 2 */
	.voip-device-bg-right,
	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 600px) and (min-height: 500px) {
	/* 3 */
	.voip-device-bg-right {
		padding-bottom: 17%;
	}

	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 15%;
	}
}

@media screen and (max-width: 600px) and (min-height: 580px) {
	/* 4 */
	.voip-device-bg-right {
		padding-bottom: 35%;
	}

	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 29%;
	}
}

@media screen and (max-width: 480px) {
	/* 1 */
	.voip-device-bg-right,
	.voip-device-bg-wide .voip-device-bg-right {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 480px) and (min-height: 750px) {
	/* 2 */
	.voip-device-bg-mobile-placeholder {
		padding-bottom: 58%;
	}

	.voip-device-bg-wide .voip-device-bg-mobile-placeholder {
		padding-bottom: 46%;
	}
}

/* Display modals at top of page on mobile or in portrait layout */
@media screen and (max-width: 768px), screen and (orientation: portrait) {
	.voip-modal:before {
		display: none;
	}
	
	.voip-welcome-overlay .voip-overlay-table,
	.voip-update-overlay .voip-overlay-table,
	.voip-editing-overlay .voip-overlay-table,
	.voip-disabled-overlay .voip-overlay-table,
	.voip-onboarding-overlay .voip-overlay-table {
		height: 100%;
	}
	
	.voip-welcome-overlay .voip-overlay-center,
	.voip-update-overlay .voip-overlay-center,
	.voip-editing-overlay .voip-overlay-center,
	.voip-disabled-overlay .voip-overlay-center,
	.voip-onboarding-overlay .voip-overlay-center {
		vertical-align: top;
	}
}

/* Print stylesheet */
@media print {
	#header, #sidebar {
		display: none;	
	}
	
	.content_main_margin {
		margin-left: 38px;	
	}
	
	.bg_2 {
    	background: #e6e6e6;
	}
	
	.bg_3 {
    	background: #f3f3f3;
	}
	
	.panel-header-new-btn,
	.panel-header-request-actions {
		display: none;
	}
	
	.panel-header-new {
		height: auto;
		background: #fff !important;
	}
	
	.panel-header-new-inner {
		padding: 0;
	}

	.panel-header-new-title {
		color: #000 !important;
		line-height: normal;
	}

	.request-description-cont {
    	padding: 25px 0 12px;
	}
	
	.request-client-description {
		padding-bottom: 20px;	
	}

	.request-white-section {
		padding: 0;	
	}
	
	.request-comments-section {	
    	margin: 0 -30px 0 -38px;
	}
	
	.request-white-section,
	.request-summary-section-cont {
		padding-top: 0 !important;	
	}
	
	.request-comment-form,
	.request-comment-reply {
		display: none;	
	}
	
	.request-comment {
		margin-top: 20px;
		padding: 10px;	
	}
	
	.request-description-cont {
		padding-bottom: 0;	
	}
	
	#content_main {
		padding-bottom: 30px;	
	}
	
	.request_closed {
		display: none;	
	}
}

@media screen and (max-width: 1100px) {
	.voip-crm-table-additional-collapse {
		display: none;
	}
}

@media screen and (max-width: 668px) {
	.voip-crm-table-collapse {
		display: none;
	}
	.voip-crm-filter {
		/* margin-top: 10px; */
	}

	.voip-select {
		width: 100% !important;
	}
}

@media screen and (max-width: 500px) {
	.voip-crm-table-extra-collapse {
		display: none;
	}
}

.audio-custom {
	display: flex;
}
.audio-custom-option {
	/* width: auto; */
	width: 70%;
	flex: 1;
	padding: 0;
}
.audio-custom-button {
	margin-left: 0;
}
.audio-custom-volume {
	margin-left: 5px;
}
.audio-custom-volume div {
	background: #f3f3f3 url(/images/icn-volume.png) no-repeat center;
	width: 37px;
    height: 37px;
    padding: 0;
    text-indent: -9999px;
    background-size: 50%;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    cursor: pointer;
	box-sizing: border-box;
}

.audio-select {
	display: flex;
}
.audio-select-option {
	width: auto;
	flex: 1;
	padding: 0;
	min-width: 0;
}
.audio-select-button {
	margin-left: 0;
}
.audio-select-volume {
	margin-left: 5px;
}
.audio-select-volume div {
	background: #f3f3f3 url(/images/icn-volume.png) no-repeat center;
	width: 37px;
    height: 37px;
    padding: 0;
    text-indent: -9999px;
    background-size: 50%;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    cursor: pointer;
	box-sizing: border-box;
}

.audio-custom-volume div.disabled {
	opacity: 0.5;
	pointer-events: none;
}
#voip-modal-edit-audio-volume-volume {
	width: 100%;
}

.voip-call-analysis .section {
	padding-top: 20px;
}

.voip-call-analysis table {
	border-collapse: collapse;
	margin: 5px 0;
}

.voip-call-analysis th, 
.voip-call-analysis td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}

.voip-call-analysis td {
	cursor: pointer;
}

.voip-call-analysis th {
	text-align: left;
	background: #eee;
}

.voip-call-analysis .calls table {
	margin: 0;
	width: 100%;
}

.voip-call-analysis .align-right {
	text-align: right;
}

.voip-call-analysis .calls > td {
	padding: 2px;
	text-align: center;
	cursor: auto;
}

.voip-call-analysis .calls table th,
.voip-call-analysis .calls table td {
	cursor: auto;
	text-align: left;
}

.voip-call-analysis .calls table .align-right {
	text-align: right;
}

.voip-logs-table .log-hidden,
.voip-recording-table .log-hidden {
	color: #aaa;
}

.voip-action-url-variables {
	text-align: left;
	padding: 15px;
	border: 1px solid #ccc;
	background: #f9f9f9;
	margin-top: 20px;
	margin-bottom: 20px;
}

.voip-action-url-variables p {
	margin-bottom: 16px;
}

.voip-action-url-variables table {
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
}

.voip-action-url-variables th,
.voip-action-url-variables td {
	vertical-align: top;
	padding: 2px 0;
}

.voip-action-url-variables th {
	padding-right: 10px;
}

.voip-action-url-variables th {
	width: 1px;
}

.checkaboard {
    background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

/* needed when including gohs library */
.gsfBackground {
	border-color: #BCEC7C;
	font-size: 12;
	margin-bottom: 13;
}

/* app device */
.provisioning-blur {
	filter: blur(3px);
	pointer-events: none;
}

.device-card .device-app-select span {
	cursor: pointer;
	display: inline;
}

.device-app-select span:hover {
	text-decoration: underline;
}

.device-card .device-app-select ul {
	padding: 4px 0 0;
}

.device-card .device-app-select li {
	font-size: 14px;
	padding: 4px 0;
}

.device-app-connect .device-app-select li {
	font-size: 13px;
}

.device-app-heading {
	padding-bottom: 10px;
	display: block;
}

.app-store-logo {
	text-align: center;
	width: 75%;
	flex: 75%;
	font-size: 0;
}

.app-store-logo img {
	width: 60%;
}

.device-app-download {
	padding-bottom: 15px;
}

.device-app-download-change {
	padding-top: 10px;
}

.device-app-details {
	padding: 4px 0;
}

.device-app-qr {
	/* padding: 10px 0; */
}

.device-app-qr img {
	display: block;
	width: 50%;
	/* margin: 0 auto; */
}

.device-app-qr div {
	padding-top: 10px;
}

.device-app-download .device-app-qr img {
	padding-top: 10px;
}

.device-app-connect .device-app-qr {
	padding-bottom: 15px;
}

.device-app-instructions {
	padding: 12px 0 4px;
	border-top: 1px solid #d4d4d4;
	margin-top: 15px;
}

.device-app-instructions div {
	width: 100%;
	display: flex;
	justify-content: center;
}

.device-app-instructions a {
	margin-top: 8px;
	line-height: 37px;
}

.device-app-instructions button {
	margin-left: 10px;
	margin-top: 8px;
}

.device-app-instructions-email-log {
	display: block;
	padding-top: 12px;
	color: #818181;
	font-size: 12px;
}

.device-app-instructions-email-log span {
	white-space: nowrap;
}

.device-app-download-link {
	padding-top: 10px;
}

#app-authenticated p {
	margin: 0;
}

#provisioning-relatative {
	position: relative;
}

#provisioning-warning {
	margin: 0 0 20px;
	color: red;
}

#provisioning-label {
	z-index: 500;
}

#data_form.manual #device_row_0,
#data_form.manual #device_row_1,
#data_form.manual #device_row_2,
#data_form.manual #device_row_3,
#data_form.manual #device_row_4,
#data_form.manual #device_row_5,
#data_form.manual #device_row_6 {
	display: none !important;
}

.transcription .word {
	cursor: pointer;
}
.transcription .word.spk_0 {
	color: blue;
}
.transcription .word.spk_1 {
	color: red;
}
.transcription .word.spk_2 {
	color: green;
}
.transcription .word.spk_3 {
	color: orange;
}
.transcription .word.spk_4 {
	color: purple;
}
.transcription .word.spk_5 {
	color: yellowgreen;
}
.transcription .word.spk_6 {
	color: turquoise;
}
.transcription .word.spk_7 {
	color: darkblue;
}
.transcription .word.spk_8 {
	color: lightseagreen;
}
.transcription .word.spk_9 {
	color: coral;
}

.voip-btn.btn{
	height: initial;
}


.flex {
	display: flex;
}

.flex-item {
	flex: 1;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-col {
	flex-direction: column;
}

.flex--jc-sb {
	justify-content: space-between;
}

.flex--jc-c {
	justify-content: center;
}

.flex--jc-fs {
	justify-content: flex-start;
}

.flex--jc-fe {
	justify-content: flex-end;
}

.flex--ai-c {
	align-items: center;
}

.flex--ai-fs {
	align-items: flex-start;
}

.flex--ai-fe {
	align-items: flex-end;
}


.g-5 {
	gap: 5px;
}

.sentiment-dot {
	height: 10px;
	width: 10px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}
.voip-history-tbl-col .sentiment-dot,
.voip-voicemail-tbl-col .sentiment-dot {
	margin-top: 3px;
	/* float: left; */
}
.sentiment-dot-positive {
	background-color: #02a935;
}
.sentiment-dot-negative {
	background-color: #ff0000;
}

.voip-secondary {
	color: #989898;
	font-size: 11px;
}

.voip-additional-settings .voip-form-slider-value-inner {
	margin-left: 170px;
}

.voip-additional-settings .voip-form-slider-value {
	margin-left: -170px;
}

.voip-additional-settings .voip-slider-value {
	padding: 7px 0 7px 15px;
	font-size: 11px;
}

.voip-device-type-selector {
	text-align: center;
	max-width: 400px;
}

.voip-device-type-selector a {
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	padding: 10px;
	box-sizing: border-box;
	cursor: pointer;
	margin: 10px 0;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
}

.voip-device-type-selector a:hover {
	background: #eee;
}

.voip-device-type-selector a img {
	vertical-align: middle;
	margin-top: -1px;
}

.voip-device-type-icn {
	white-space: nowrap;
}

.voip-device-type-selector a[data-type="1"] .voip-device-type-icn {
	padding: 0 10px 0 0;
}

.voip-device-type-selector a[data-type="1"] span {
	text-align: left;
}

.voip-device-type-selector a[data-type="2"] .voip-device-type-icn {
	padding: 0 0 0 10px;
}

.voip-device-type-selector a[data-type="2"] span {
	text-align: right;
}

.voip-locked-recordings,
.voip-disabled-transcription {
	padding-top: 12px;
}

.voip-feat-ip {
	font-size: 11px;
	color: #818181;
}

.voip-trial-activate {
	background-color: #FFC;
	font-family: 'Lato', sans-serif;
	padding: 8px; border: 1px solid #FF9;
	margin-bottom: 15px;
}

.voip-trial-activate strong {
	display: block; padding-bottom: 4px;
}

.voip-admin-table--configure-v2 th.voip-admin-table-recalc {
	width: 1px;
}
.voip-admin-table--configure-v2 th.voip-admin-table-recalc span {
	margin: 0 -8px;
}
.voip-admin-table--configure-v2 td.voip-admin-table-recalc {
	width: 1px;
}
.voip-admin-table--configure-v2 td.voip-admin-table-recalc .styled-checkbox {
	width: 16px;
	overflow: hidden;
	/* margin: 0 5px; */
	margin: 0 12px;
}

.voip-overlay-superadmin,
.voip-form-superadmin,
.voip-subscription-superadmin,
.voip-locked-extensions-superadmin {
	border: 1px solid #d4d4d4;
	border-left-width: 4px;
	border-left-color: #563d7c;
	background: #f7f3fd; 
}

.voip-form-superadmin-cont {
	overflow: visible;
}

.voip-form-superadmin {
	padding: 9px 9px 9px 5px;
	margin-left: -9px;
	overflow: hidden;
}

.voip-subscription-superadmin,
.voip-locked-extensions-superadmin {
	margin: 30px 0;
	padding: 15px;
}

.voip-locked-extensions-superadmin p {
	margin: 0; 
	padding: 10px 0;
}
.voip-locked-extensions-superadmin textarea {
	width: 100%;
	max-width: 500px;
	box-sizing: border-box;
	border-radius: 2px; 
	font-size: 12px; 
	color: #333;
}

.voip-subscription-superadmin-phone {
	padding-bottom: 0;
}

.voip-subscription-superadmin .voip-admin-subscription:first-child {
	padding-top: 0;
}

.voip-subscription-superadmin .voip-admin-subscription-body:last-child {
	padding-bottom: 0;
}

.voip-card-superadmin {
	background: #f7f3fd;
	padding: 8px;
	margin: 6px -8px 0;
}

.voip-card-superadmin .device-card-header-admin {
	margin-top: 0;
}

@media screen and (max-width: 480px) {
	.voip-overlay-superadmin,
	.voip-form-superadmin,
	.voip-subscription-superadmin {
		border-left-width: 1px;
		border-left-color: #d4d4d4;
	}

	.voip-form-superadmin {
		padding: 5px;
		margin-left: 0;
	}
}

.voip-form-superadmin-icn:after {
    /* content: '';
    width: 7px;
    height: 7px;
    background: #563d7c;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px; */
}

.prod-selectbox-admin-toggle {
	padding-top: 5px;
}
.prod-selectbox-admin-toggle {
	cursor: pointer;
}
.prod-selectbox-admin-toggle:hover {
	text-decoration: underline;
}

.prod-sb-opt-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod-selectbox .prod-sb-option {
    padding-right: 20px;
    position: relative;
}

.prod-selectbox .prod-sb-option:before {
    content: '';
	height: 0;
    width: 0;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -2px;
}

.voip-device-replacement {
	display: none;
}

.replacement_charge {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
}

#replacement_amount {
	padding-right: 60px;
}

.voip-device-replacement-msg {
	padding-bottom: 15px
}

.swappable-html {
	height: 100%;
}

.swappable-html body {
	min-height: 100%;
	overflow: hidden;
}

.voip-form--control-page {
	width: 68%;
	max-width: 890px;
}

.voip-form--control-page .voip-form-input-medium {
	max-width: none;
}

.voip-switch-groups-cont {
	padding-top: 20px;
}

.voip-switch-groups-cont h3 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 16px;
	margin: 0;
}

.voip-switch-groups-columns {
	display: flex;
	justify-content: space-between;
}

.voip-switch-groups-content {
	width: 68%;
	max-width: 890px;
}

.voip-switch-groups-sidebar {
	width: 30%;
	max-width: 415px;
}

.voip-switch-groups {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.voip-switch-groups.empty:after {
	content: 'Add a group using the button below, then drag the switches you want to appear in the group from the section on the right';
}

.voip-switch-group {
	background: #eee;
	margin-bottom: 1px;
	position: relative;
	padding: 8px 45px 8px 7px;
	display: block;
}

.voip-switch-group-header {
	font-weight: bold;
	padding: 5px 0;
	cursor: pointer;
}

.voip-switch-group-body {
	display: flex;
	padding-top: 10px;
}

.voip-switch-group-body-form,
.voip-switch-group-body-switches {
	flex: 0 0 calc(50% - 10px);
}

.voip-switch-group-body-form {
	padding-right: 10px;
}

.voip-switch-group-body-switches {
	padding-left: 10px;
}

.voip-switch-group-body-form .voip-form-input-label,
.voip-switch-group-body-form .voip-form-text-label {
	width: 87px;
}

.voip-switch-group-body-form .voip-form-input,
.voip-switch-group-body-switches {
	max-width: 408px;
}

.voip-switch-group-body-form .voip-form-input:last-child {
	padding-bottom: 0;
}

.voip-switch-group-switches {
	background: #fff;
	min-height: 100%;
	box-sizing: border-box;
	list-style-type: none;
	margin: 0;
	padding: 6px;
	border: 1px solid #cdcdcd;
	border-radius: 2px;
	position: relative;
}

.voip-switch-group-switches:before {
	content: 'Drag switches here from the section on the right';
	font-size: 10px;
	width: 100%;
	text-align: center;
	display: block;
	padding: 4px 0;
	margin-bottom: 6px;
}

.voip-switch-groups-sidebar .voip-switch-group-switches:before {
	content: 'Drag these switches to the groups on the left';
}

.voip-switch-group-switches.ui-droppable-active:after { 
	content: '+';
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-radius: 2px;
	vertical-align: middle;
	text-align: center;
	font-size: 100px;
	color: #fff;
	text-shadow: -1px 0 0 #000, 0 1px 0 #000, 1px 0 0 #000, 0 -1px 0 #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.voip-switch-groups-sidebar .voip-switch-group-switches {
	min-height: 78px;
}

.voip-switch-groups-sidebar .voip-switch-group-switches {
	min-height: 95px;
}

.voip-switch-group-member,
.voip-switch-group-spacer {
	padding: 10px 30px 10px 10px;
	background: #eee;
	margin-bottom: 1px;
	position: relative;
	display: block;
}

.voip-switch-group-spacer {
	text-align: center;  
	padding: 5px 30px 5px 10px;
	font-size: 10px;
}

.voip-switch-group-spacer span {
	background: inherit;
	padding: 5px;
	z-index: 1;
	position: relative;
}

.voip-switch-group-spacer:before {
	content: '';
	border-bottom: 1px solid #cdcdcd;
	position: absolute;
	left: 10px;
	right: 30px;
	top: 50%;
}

.voip-switch-group-switches-system .voip-switch-group-spacer {
	padding-right: 10px;
}

.voip-switch-group-switches-system .voip-switch-group-spacer:before {
	right: 10px;
}

.voip-switch-group-member span {
	display: block;
	font-weight: 600;
}

.voip-switch-groups-sidebar .voip-switch-group-member-remove-button {
	display: none;
}

.swappable-html .ui-sortable-helper,
.swappable-html .ui-draggable-dragging {
	background:	#e6e6e6;
	box-shadow:0 0 2px #000;
	z-index: 100;
}

.voip-switch-groups-add {
	padding: 20px 0;
}

.voip-switch-group-switches-empty {
	padding: 0 6px 6px;
	text-align: center;
}

.voip-form-input-btn-set-button {
	float: right; 
	padding-left: 7px; 
}

.voip-form-input-btn-set-input {
	overflow: hidden;
}

.cpy-control-url {
	border: 1px solid #cdcdcd;
	border-radius: 2px;
	height: 30px; 
	width: 30px;
	cursor: pointer;
	background: url(/images/icn-copy.svg) #f3f3f3 no-repeat;
	background-size: 12px auto;
	background-position: center;
	position: relative;
}

.cpy-control-url:hover {
	background-color: #e6e6e6;
}

.cpy-control-url span {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.cpy-control-url .voip-tooltip {
	width: 40px;
	margin-left: -30px;
}

.voip-switch-page {
	background: none;
	padding: 20px;
	max-width: 920px;
	margin: 0 auto;
}

.voip-switch-page h1,
.voip-switch-page h2 {
	font-family: 'Lato', sans-serif;
	margin: 0;
}

.voip-switch-page h1 {
	/* font-size: 30px; */
	font-size: 25px;
}

.voip-switch-page h2 {
	font-size: 18px;
}

.voip-switch-page h2 {
	margin-bottom: 10px;
}

.voip-switch-page-header {
	margin-bottom: 20px;
}

.voip-switch-page-header-top {
	display: flex;
}

.voip-switch-page-header h1 {
	flex-grow: 1;
	margin: 10px 30px 10px 0;
}

.voip-switch-page-logo {
	align-items: center;
	display: flex;
}

.voip-switch-page-logo img { 
	/* width: 250px; */
	width: 135px;
	display: block;
}

.voip-switch-page-group {
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;
}

.voip-switch-page-group p {
	margin: 0;
}

.voip-switch-page-group h2 + p {
	margin-top: 10px;
}

.voip-switch-page .voip-switches {
	display: block;
	border-top: 0;
	padding: 0;
	height: auto;
}

.voip-switch-page p + .voip-switches {
	margin-top: 10px;
}

.voip-switch-page-group p + .voip-switch-page-note,
.voip-switch-page-group .voip-switches + .voip-switch-page-note {
	margin-top: 10px;
}

.voip-switch-page .voip-switches__expand,
.voip-switch-page .voip-switches__expand.active {
	display: none;
}

.call-tags {
	display: block;
	margin-left: -4px;
	margin-top: -4px;
}

.call-tag {
	background: #e5f2fd;
	color: #3b679b;
	padding: 3px 5px;
	border-radius: 4px;
	display: inline-block;
}

.call-tags .call-tag {
	margin-left: 4px;
    margin-top: 4px;
}

@media screen and (max-width: 1300px) {
	.voip-form--control-page {
		width: 100%;
		max-width: none;
	}

	.voip-switch-groups-content {
		max-width: 461px;
	}

	.voip-switch-groups-sidebar {
		flex-grow: 1;
		padding-left: 20px;
	}

	/* 100% */
	.voip-switch-group-body {
		flex-direction: column;
	}

	.voip-switch-group-body-form,
	.voip-switch-group-body-switches {
		padding: 0;
		flex: 1;
	}

	.voip-switch-group-body-form {
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 1000px) {
	.voip-switch-groups-columns {
		flex-direction: column;
	}

	.voip-switch-groups-content,
	.voip-switch-groups-sidebar {
		width: 100%;
	}

	.voip-switch-groups-content {
		max-width: none;
	}

	.voip-switch-groups-sidebar {
		padding-left: 0;
	}

	.voip-switch-groups.empty:after {
		content: 'Add a group using the button below, then drag the switches you want to appear in the group from the section below';
	}
	
	.voip-switch-group-switches:before {
		content: 'Drag switches here from the section below';
	}

	.voip-switch-groups-sidebar .voip-switch-group-switches:before {
		content: 'Drag these switches to the groups above';
	}

	/* 50% */
	.voip-switch-group-body {
		flex-direction: row;
	}

	.voip-switch-group-body-form,
	.voip-switch-group-body-switches {
		flex: 0 0 calc(50% - 10px);
	}

	.voip-switch-group-body-form {
		padding-right: 10px;
		padding-bottom: 0
	}

	.voip-switch-group-body-switches {
		padding-left: 10px;
	}
}

@media screen and (max-width: 900px) {
	/* 100% */
	.voip-switch-group-body {
		flex-direction: column;
	}

	.voip-switch-group-body-form,
	.voip-switch-group-body-switches {
		padding: 0;
		flex: 1;
	}

	.voip-switch-group-body-form {
		padding-bottom: 15px;
	}

	.voip-switch-groups-content {
		/* max-width: 461px; */
		max-width: none;
	}

	.voip-switch-group-body-form .voip-form-input,
	.voip-switch-group-body-switches {
		max-width: none;
	}
}

@media screen and (max-width: 840px) {
	/* 50% */
	.voip-switch-group-body {
		flex-direction: row;
	}

	.voip-switch-group-body-form,
	.voip-switch-group-body-switches {
		flex: 0 0 calc(50% - 10px);
	}

	.voip-switch-group-body-form {
		padding-right: 10px;
		padding-bottom: 0
	}

	.voip-switch-group-body-switches {
		padding-left: 10px;
	}

	.voip-switch-groups-content {
		max-width: none;
	}
}

@media screen and (max-width: 668px) {
	.voip-switch-page-header-top {
		flex-direction: column-reverse;
		text-align: center;
	}

	.voip-switch-page-logo {
		justify-content: space-around;	
	}

	.voip-switch-page-logo img {
		width: 120px;
	}

	.voip-switch-page h1 {
		font-size: 22px;	
	}

	.voip-switch-page-header-top h1 {
		margin-right: 0;
		margin-bottom: 0;
	}

	.voip-switch-page-header p {
		text-align: center;
	}

	/* 100% */
	.voip-switch-group-body {
		flex-direction: column;
	}

	.voip-switch-group-body-form,
	.voip-switch-group-body-switches {
		padding: 0;
		flex: 1;
	}

	.voip-switch-group-body-form {
		padding-bottom: 15px;
	}

	.voip-switch-groups-content {
		/* max-width: 461px; */
		max-width: none;
	}
}

@media screen and (max-width: 480px) {
	.voip-switch-page .voip-switches__switch {
		max-width: none;
		float: none;
	}

	.voip-switches__buttons {
		float: none;
	}

	.voip-switch-page .voip-switches .voip-btn {
		float: none;
		margin-bottom: 15px;
	}
}