
a:active, a:focus {
	border: 0;
	outline: 0;
}
a {
	color: #2181C2;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	color: #2181C2;
	text-decoration: underline;
}

/* BUTTONS */

.btn_blue {
    border: 1px solid #2190d1;
    border-radius: 5px;
    color: #1e73a5;
    padding: 10px 15px;

    box-shadow: 0 0 0;

    background: #EDFDED; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f8ff) to(#c0d6e4)); /*old webkit*/
    background: -webkit-linear-gradient(top, #f0f8ff, #c0d6e4); /*newer webkit*/
    background: -moz-linear-gradient(top, #f0f8ff, #c0d6e4); /*old gecko*/
    background: -o-linear-gradient(top, #f0f8ff, #c0d6e4); /*opera 11.10+*/
    background: linear-gradient(to bottom, #f0f8ff, #c0d6e4); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
    -pie-background: linear-gradient(#f0f8ff, #c0d6e4);
    /* PIE */
    behavior: url(https://www.reports.mediahawk.co.uk/resources/js/PIE.htc);
}
.btn_green {
	border: 1px solid #7CBD35;
	border-radius: 5px;
	color: #3D9F28;
	padding: 10px 15px;

	box-shadow: 0 0 0;

	background: #EDFDED; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#EDFDED) to(#C7E8C7)); /*old webkit*/
    background: -webkit-linear-gradient(top, #EDFDED, #C7E8C7); /*newer webkit*/
    background: -moz-linear-gradient(top, #EDFDED, #C7E8C7); /*old gecko*/
    background: -o-linear-gradient(top, #EDFDED, #C7E8C7); /*opera 11.10+*/
    background: linear-gradient(to bottom, #EDFDED, #C7E8C7); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
    -pie-background: linear-gradient(#EDFDED, #C7E8C7);
	/* PIE */
	behavior: url(https://www.reports.mediahawk.co.uk/resources/js/PIE.htc);
}
.btn_red {
    border: 1px solid #9F000F;
    border-radius: 5px;
    color: #ffffff;
    padding: 10px 15px;
    box-shadow: 0 0 0;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -pie-background: linear-gradient(#F9966B, #FF0000);
    /* PIE */
    behavior: url(../js/PIE.htc);
}
a.btn_green:hover,
a.btn_green:active,
a.btn_green:focus {
	color: #3D9F28;
	border: 1px solid #7CBD35;
	text-decoration: none;
}
.btn-static {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#e6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* NAV */

.navbar .brand {
	background:url(../) 0px 0px no-repeat;
	width: 0px;
	height: 0px;
	padding: 0;
	margin: 8px 0 8px 0px;
}
.navbar .brand-default {
	display: block;
	background:url(../img/logo.png) 0px 0px no-repeat;
	width: 129px;
	height: 18px;
	padding: 0;
	margin: 8px 0 0 15px;
}
.navbar a {
	color: #FFFFFF;
	text-decoration: none;
}
.navbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* LOGIN / FORGOT */

.login_form .btn_green,
.forgot_pass_form .btn_green {
	position: relative;
}

/* OVERVIEW */

a.notify_close {
	display: block;
	background: url(../img/icon_gcross.png) 0px 0px no-repeat;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	color: #7CBD35;
	float: right;
	padding: 0 0 0 30px;
	margin: 0;
	min-width: 120px;
}

.recording_area_close {
	display: block;
	background: url(../img/icon_darkcross.png) 0px 0px no-repeat;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	color: #7CBD35;
	float: right;
	padding: 0 0 0 18px;
	margin: 0;
	cursor: pointer;
}

/* INBOUND CALLS */

.filter_header a {
	font-size: 0.8em;
	margin: 1px 0 0 0;
}
#filter_select_acc {
	margin-top: -10px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 26%;
	text-align: left;
}
a.link_download {
	display: inline-block;
	background:url(../img/icon_download.png) 0px 0px no-repeat;
	height: 13px;
	line-height: 13px;
	vertical-align: middle;
	font-size: 0.8em;
	color: #323232;
	text-decoration: none;
	padding: 0 0 0 22px;
	margin:  6px 0 0 25px;
	float: right;
}

/* Safari & Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.btn_go {
		padding: 8px 15px;
	}
}
a.link_download:hover {
	color: #2181c2;
}
.tri_down {
	display: inline-block;
	background:url(../img/icon_tri_d.png) 0px 0px no-repeat;
	width: 12px;
	height: 6px;
}
.tri_up {
	display: inline-block;
	background:url(../img/icon_tri_u.png) 0px 0px no-repeat;
	width: 12px;
	height: 6px;
}

/* CAMPAIGNS */

.stats_table_header a.link_new {
	font-size: 0.8em;
	margin: 5px 0 0 0;
	display: inline-block;
}

/* NEW CAMPAIGNS */

.header_border .pull-right a {
	font-size: 0.8em;
}

/* REMOVE CAMPAIGN */

.under_grid .pull-left a {
	font-size: 0.8em;
}

/* NEW CAMPAIGN NUMBER */

a.icon_rcross {
	display: block;
	background:url(../img/icon_rcross.png) 0px 0px no-repeat;
	width: 14px;
	height: 14px;
	line-height: 14px;
}
.edit_select_form .edit_options ul li a.icon_rcross {
	float: left;
	margin: 10px 0 0 10px;
}
.append_new_field #icon_rcross_ga{
	display:inline-block;
	margin: 5px 0 -2px 9px;
}
#icon_rcross_ga{
	display:inline-block;
	margin: 5px 0 -2px 5px;
}
.btn_edit_submit {
	position: relative;;
}

/* CALL SUMMARY OVERVIEW */


/* SIDE NAV */

.icon_overview {
	background:url(../img/icon_overview.png) center center no-repeat;
}
.icon_realtime {
	background:url(../img/icon_realtime.svg) center center no-repeat;
}
.icon_inbound_calls {
	background:url(../img/icon_inbound_calls.png) center center no-repeat;
}
.icon_vision {
	background:url(../img/icon_vision.png) center center no-repeat;
}
.icon_outbound_calls {
	background:url(../img/icon_outbound_calls.png) center center no-repeat;
}
.icon_connect {
	background:url(../img/icon_connect.png) center center no-repeat;
}
.icon_call_summary {
	background:url(../img/icon_call_summary.png) center center no-repeat;
}
.icon_integrate {
	background:url(../img/icon_integrate.png) center center no-repeat;
}
.icon_account {
	background:url(../img/icon_account.png) center center no-repeat;
}
.icon_shopping_cart {
	background:url(../img/icon_shopping_cart.png) center center no-repeat;
}
.icon_cogs {
	background:url(../img/icon_cogs.png) center center no-repeat;
}
.icon_arrow_back {
	background:url(../img/icon_arrow_back.png) center center no-repeat;
}
.icon_gear {
	background:url(../img/icon_gear.png) center center no-repeat;
}
.icon_manage_inbound {
	background:url(../img/icon_manage_inbound.png) center center no-repeat;
}
.icon_manage_outbound {
	background:url(../img/icon_manage_outbound.png) center center no-repeat;
}
.icon_manage_vision {
	background:url(../img/icon_manage_vision.png) center center no-repeat;
}
.icon_billing {
	background:url(../img/icon_billing_alt.png) center center no-repeat;
}
.icon_accounts {
	background:url(../img/icon_accounts.png) center center no-repeat;
}

#sidenav_accordion {
	width: 221px;
}

#sidenav_accordion .accordion-group {
    position: relative;
}

#sidenav_accordion a.accordion-toggle:active,
#sidenav_accordion a.accordion-toggle:focus,
#sidenav_accordion a.accordion-toggle {

	width: 191px;
	color: #505050;
	font-size: 1em;
	text-decoration: none;
}
#sidenav_accordion a.accordion-toggle:hover {
	background: #E6E6E6;
	text-decoration: none;
}
#sidenav_accordion a.accordion-toggle .icon {
	float: left;
	width: 28px;
	height: 28px;
	margin: 0 15px 0 0;
}
#sidenav_accordion a.accordion-toggle span {
	float: left;
	display: block;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
#sidenav_accordion a.accordion-toggle .beta-badge {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 44px;
    height: 44px;
    background-image: url('https://www.reports.mediahawk.co.uk/resources/img/beta-badge-44px.png');
    background-size: contain;
}
#sidenav_accordion a.accordion-toggle .new-badge {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 44px;
    height: 44px;
    background-image: url('https://www.reports.mediahawk.co.uk/resources/img/new-badge-44px.png');
    background-size: contain;
}
#sidenav_accordion a.accordion-toggle.on {
	font-weight: bold;
}
#sidenav_accordion .accordion-inner {
	border-top: 0;
	padding: 0 0 15px 50px;
	width: 148px;
}
#sidenav_accordion .accordion-inner a {
	display: block;
	color: #505050;
	font-size: 0.875em;
	text-decoration: none;
	padding: 4px 8px;
	margin: 0;
	position: relative;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

	/* PIE  */
	behavior: url(https://www.reports.mediahawk.co.uk/resources/js/PIE.htc);
}
#sidenav_accordion .accordion-inner a.on {
	font-weight: bold;
}
#sidenav_accordion .accordion-inner a:hover {
	background: #E8E8E8;
}
#sidenav_accordion .accordion-group {
	border-radius: 0;
	margin: 0;
	padding: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #C8C8C8;

	background: #FDFDFD; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FDFDFD) to(#F0F0F0)); /*old webkit*/
    background: -webkit-linear-gradient(top, #FDFDFD, #F0F0F0); /*newer webkit*/
    background: -moz-linear-gradient(top, #FDFDFD, #F0F0F0); /*old gecko*/
    background: -o-linear-gradient(top, #FDFDFD, #F0F0F0); /*opera 11.10+*/
    background: linear-gradient(to bottom, #FDFDFD, #F0F0F0); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
    -pie-background: linear-gradient(#FDFDFD, #F0F0F0);
	/* PIE */
	behavior: url(https://www.reports.mediahawk.co.uk/resources/js/PIE.htc);
}

.green-item {
	color: #3d9f28 !important;
}

#sidenav_accordion #services_menu_item {
	border-bottom: 1px solid #7CBD35;
    border-top: 1px solid #7CBD35;
    background: #EDFDED;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#EDFDED) to(#C7E8C7));
    background: -webkit-linear-gradient(top, #EDFDED, #C7E8C7);
    background: -moz-linear-gradient(top, #EDFDED, #C7E8C7);
    background: -o-linear-gradient(top, #EDFDED, #C7E8C7);
    background: linear-gradient(to bottom, #EDFDED, #C7E8C7);
}

#sidenav_accordion #services_menu_item a:hover {
	background: #C7E8C7;
}

#sidenav_accordion #subscription_menu_item {
	border-bottom: 1px solid #7CBD35;
    border-top: 1px solid #7CBD35;
    background: #EDFDED;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#EDFDED) to(#C7E8C7));
    background: -webkit-linear-gradient(top, #EDFDED, #C7E8C7);
    background: -moz-linear-gradient(top, #EDFDED, #C7E8C7);
    background: -o-linear-gradient(top, #EDFDED, #C7E8C7);
    background: linear-gradient(to bottom, #EDFDED, #C7E8C7);
}

#sidenav_accordion #subscription_menu_item a:hover {
	background: #C7E8C7;
}

#sidenav_accordion #voice_tags_trial_menu_item {
	border-bottom: 1px solid #CC6900;
    /*border-top: 1px solid #CC6900;*/
    background: #FFCF4C;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFCF4C) to(#FF9C19));
    background: -webkit-linear-gradient(top, #FFCF4C, #FF9C19);
    background: -moz-linear-gradient(top, #FFCF4C, #FF9C19);
    background: -o-linear-gradient(top, #FFCF4C, #FF9C19);
    background: linear-gradient(to bottom, #FFCF4C, #FF9C19);
}

#sidenav_accordion #voice_tags_trial_menu_item a:hover {
	background: #FF9C19;
}

.hasTooltip {
	z-index: 99998;
    position: relative;
	color: #2181C2;
}
.hasTooltip span {
    display: none;
}
.hasTooltip span.active {
	z-index: 99999;
    display: inline-block;
    background-color: #eee;
    border-radius: 5px;
    color: #505050;
    box-shadow: 1px 1px 3px gray;
    position: absolute;
    padding: 5px;
    top: 1.8em;
    left: 5px;
    max-height: 250px;
	white-space: nowrap;
	text-decoration: none;
}
.modalTooltip {
    position: relative !important;
    overflow: hidden;
}

.tooltip-text {
    text-align: left;
}

.Flag_NotFlagged {
	width: 16px;
	height: 16px;
	background-color: #D3D3D3;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 8px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.Flag_Flagged {
	width: 16px;
	height: 16px;
	background-color: #B94A48;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 8px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.PlayCall_NotPlayed {
    width:100%;
    height:100%;
  	padding-top:2px;
    background: url('https://www.reports.mediahawk.co.uk/resources/img/icon_call_play.png') no-repeat center center;
}

.PlayCall_Played {
    width:100%;
    height:100%;
    padding-top:2px;
    background: url('https://www.reports.mediahawk.co.uk/resources/img/icon_call_played.png') no-repeat center center;
}

.VisionFlag_NotFlagged {
    width:67px;
    height:33px;
    background: url('https://www.reports.mediahawk.co.uk/resources/img/icon_vision_flag.png') no-repeat center center;
}

.VisionFlag_Flagged {
    width:67px;
    height:33px;
    background: url('https://www.reports.mediahawk.co.uk/resources/img/icon_vision_flagged.png') no-repeat center center;
}

.VisionPlayCall_NotPlayed {
    width:67px;
    height:33px;
    background: url('https://www.reports.mediahawk.co.uk/resources/img/icon_vision_play.png') no-repeat center center;
}
.VisionPlayCall_Played {
    width:67px;
    height:33px;
    background: url('https://www.reports.mediahawk.co.uk/resources/img/icon_vision_played.png') no-repeat center center;
}

.PlayCall_Played:hover,
.PlayCall_NotPlayed:hover,
.VisionPlayCall_NotPlayed:hover,
.VisionPlayCall_Played:hover,
.VisionFlag_NotFlagged:hover,
.VisionFlag_Flagged:hover {
    cursor: pointer;
}

a.Download_Call_Recording:active {
    text-decoration:none;
}

.custom_select_picker select {
	background: transparent;
	width: 268px;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 40px;
	-webkit-appearance: none;
}
.custom_select_picker {
	background: url('https://www.reports.mediahawk.co.uk/resources/img/select_picker_bg.png') repeat-x;
	height: 40px;
	width: 20%;
	border: 1px solid #F7F7F7;
}

.edit_call_scoring {
    width:100%;
    height:100%;
  	padding-top:2px;
    background: url('https://www.reports.mediahawk.co.uk/resources/img/scoring.png') no-repeat center center;
}
.edit_call_scoring:hover {
    cursor: pointer;
}

.view_visit {
    width:100%;
    height:100%;
  	padding-top:2px;
    background: url('https://www.reports.mediahawk.co.uk/resources/img/details-on.png') no-repeat center center;
}
.view_visit:hover {
    cursor: pointer;
}

.btn-inline {
    margin-top: -10px;
}

.add_dimensions {
    cursor: pointer;
}
#icon_rcross_dcm{
    display:inline-block;
    margin: 5px 0 -2px 8px;
}

.btn-mediahawk {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #7A99AC;
  background-image: -moz-linear-gradient(top, #7A99AC, #001A70);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7A99AC), to(#001A70));
  background-image: -webkit-linear-gradient(top, #7A99AC, #001A70);
  background-image: -o-linear-gradient(top, #7A99AC, #001A70);
  background-image: linear-gradient(to bottom, #7A99AC, #001A70);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7A99AC', endColorstr='#ff001A70', GradientType=0);
  border-color: #001A70 #001A70 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #001A70;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-mediahawk:hover,
.btn-mediahawk:active,
.btn-mediahawk.active,
.btn-mediahawk.disabled,
.btn-mediahawk[disabled] {
  color: #ffffff;
  background-color: #7A99AC;
  *background-color: #7A99AC;
}
.btn-mediahawk:active,
.btn-mediahawk.active {
  background-color: #001A70;
}


.a.unified {
    color: #7A99AC;
}

.rgrid-vision-buttons {
    display: inline-block;
    white-space: nowrap;
}

.sf-search-display-label {
    margin-left: 20px;
}

.mh-btn {
    display: inline-block;
    font-weight: 400;
    color: #6c757d;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .45rem .9rem;
    font-size: .9rem;
    line-height: 1.5;
    border-radius: .15rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.mh-btn:hover {
    text-decoration: none;
}

.mh-btn-outline-primary {
    color: #039cfd;
    border-color: #039cfd;
}

.mh-btn-outline-primary:hover {
    background-color: #039cfd;
    border-color: #039cfd;
    color: #fff;
}

.mh-btn-outline-danger {
    color: #A82E18;
    border-color: #A82E18;
}

.mh-btn-outline-danger:hover {
    background-color: #A82E18;
    border-color: #A82E18;
    color: #fff;
}

.mh-btn-success {
    color: #fff;
    background-color: #3A854B;
    border: 1px solid #3A854B;
}

.mh-btn-success:hover {
    color: #fff;
    background-color: #45af49;
    border-color: #45af49;
}

.mh-padded-left-btn {
    margin-left: 5px;
}

.mh-padded-top-btn {
    margin-top: 2px;
}