body {background-color: #b4b6b6; font-size: 13px; font-family: OpenSansRegular, Helvetica, Arial, sans-serif;}

.site-max-width {
    max-width: 1100px;
    width: 100%;
}
img {
    height: auto;
    max-width: 100%;
    width: 100%;
}
.margin-top-0 {margin-top: 0px;}
.margin-top-10 {margin-top: 10px;}
.margin-left-5 {margin-left: 5px;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.max-110 {width: 110px;}
.width-100 {float:left; width: 100%;}
.font-11 {font-size: 11px;}
.header-area, .content-area, .footer-area {
	padding-left: 30px;
	padding-right: 30px;
}


.panel-default > .panel-heading-custom {
    background: #ff0000; color: #fff;
}

/*JV button test start*/
.jbutton {
/*input#skin_button    {*/
    background:url(../images/button_black.png);
	font-family: OpenSansSemibold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	/*height: 35px;
	width: 130px;*/
	padding: 10px;
	margin-top: 8px;
	margin-left: 8px;
	border: 0px;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.jbutton:hover {
/*input#skin_button:hover {*/
    background:url(../images/button_green.png);
	font-family: OpenSansSemibold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	/*height: 35px;
	width: 130px;*/
	padding: 10px;
	margin-top: 8px;
	margin-left: 8px;
	border: 0px;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/*JV button test start*/
/*Bootstrap Overwrite */
a {
	color: #8cc63e;
}
sub {
	 bottom: -0.001em;
}
/* Header Area */
.header-area {
	background-color: #191717;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Content Area */
.content-area {
	background:url("../images/content-bg.png") no-repeat scroll right top #fff;
	position: relative;
}
.content-area .color-green {
	color: #8cc63e;
}
.content-area .content-container {
	border:1px solid #555555;
	margin: 0 0 25px;
}
.content-container.max-height {
	max-height: 352px;
    overflow: auto;
}
.c.content-container.max-height2 {
	max-height: 452px;
    overflow: auto;
}
.content-area .content-container h4.content-header {
	font-family: MuseoSans500, Helvetica, Arial, sans-serif;
	background-color: #abb0b0;
	color: #fff;
	font-size: 16px;
	margin: 0;
	padding: 5px 15px;
	text-transform: uppercase;
}
.content-area h2.content-title {
	font-family: MuseoSans500, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
}
.content-area h3 {
	font-family: OpenSansBold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	margin: 7px 0 0;
}
.content-area hr {
	border-color: 	#191717;
}
.content-area .content-container .content-block {
	position: relative;
	background-color: #fff;
	padding: 15px;
}
.content-area .content-container .content-block td.header {
	font-family: OpenSansSemibold, Helvetica, Arial, sans-serif;
}
.content-area .content-container .content-block td {
	font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
}
.content-area table.styled {
	table-layout:fixed;
}
.content-area table.styled.normal {
	table-layout: inherit;
}
.content-area table.styled > tbody > tr:nth-child(2n + 1) > td, .table-striped > tbody > tr:nth-child(2n + 1) > th {
    background-color: #fff;
}
.content-area table.styled.lead-status > tbody > tr:nth-child(2n + 1) > td {
    background-color: #e4e6e7;
}

.content-area table.styled.lead-status > tbody > tr:nth-child(2n + 2) > td {
	 background-color: #fff;
}
.content-area table.styled th {
	font-family: OpenSansSemibold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	padding: 5px;
}
.content-area table.styled td {
	background-color: #e4e6e7;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
	padding: 3px 5px;
}
.content-area .grey-block {
	font-family: MuseoSans500, Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #abb0b0;
	padding: 15px;
	color: #fff;
	max-width: 100px;
}
/* Content Area - Call Block */
.call-block label {
	padding-top: 3px;
}
.call-block input[type="text"] {
	background-color: #e4e5e6;
    border: none;
	height: 27px;
	text-indent: 10px;
}
.call-block label, .call-block input[type="text"] {
	margin: 12px 10px 0;
}
.call-block .btn {
	margin-right: 15px;
}
/* Content Area - Call Status */
.call-status .btn {
	padding: 2px;
}
/* Content Area - Threshold */
.content-area .threshold-list {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 35px;
}
.content-area .threshold-list li {
	float: left;
	padding: 7px;
}
.content-area .threshold-list li > input[type="radio"]{
	margin-right: 5px;
}
/* Footer Area */
.footer-area {
	font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
	background-color: #fff;
}
.footer-area .footer-block {
	border-top: 2px solid #858585;
	padding: 20px 0 40px;
}
.footer-area span {
	padding: 0px 5px;
}
.footer-area ul.footer-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-area ul.footer-list li {
	float: left;
}
/* Modal */
#queue .modal-dialog,
#agent .modal-dialog,
#serviceFilter .modal-dialog,
#statsFilter .modal-dialog,
#action .modal-dialog,
#source .modal-dialog,
#campaign .modal-dialog,
#list .modal-dialog,
#upload .modal-dialog,
#campaignAgents .modal-dialog,
#buQFilter5 .modal-dialog,
#callsPer .modal-dialog,
#show .modal-dialog  {
	margin-top: 7%;
}
#campaignAgents .modal-dialog,
#source .modal-dialog,
#buQFilter5 .modal-dialog,
#callsPer .modal-dialog,
#show .modal-dialog {
	max-width: 330px;
}

#callsPer .modal-dialog,
#show .modal-dialog {
        max-width: 350px;
}

#agent .modal-dialog,
#queue .modal-dialog,
#statsFilter .modal-dialog,
#serviceFilter .modal-dialog,
#campaign .modal-dialog,
#list .modal-dialog,
#upload .modal-dialog {
	max-width: 420px;
}
.modal-dialog .modal-content {
	border-radius: 0;
}
.modal-dialog .modal-header {
	background-color: #191717;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
    text-transform: uppercase;
}
.modal-dialog .close {
	border-left: 1px solid #fff;
    font-size: 30px;
    font-weight: normal;
    height: 16px;
    line-height: 11px;
    margin-top: 0;
    padding-left: 5px;
    right: 20px;
    width: 22px;
}
.modal-dialog .modal-body {
    padding: 10px 20px 0;
}
.modal-dialog ol.popup-list {
	list-style: none;
	border: 1px solid #191717;
	margin: 0 0 10px;
	padding: 0;
	max-height: 340px;
    overflow: auto;
}
.modal-dialog ol.popup-list li:nth-child(2n+1) a {
	background-color: #ddd;
}
.modal-dialog ol.popup-list li a {
	padding: 2px 10px;
	color: #191717;
	display: block;
	text-decoration: none;
}
.modal-dialog ol.popup-list li a:hover {
	background-color: #cce89e;
}
.modal-dialog ol.popup-list li a:focus {
	outline: none;
	background-color: #000;
	color: #fff;
}
.modal-dialog .modal-footer {
	border-top: none;
    padding: 0 22px 15px;
    text-align: right;
}
/* Form */
.form-styled fieldset legend {
	border: 0 none;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}
.form-styled fieldset dl {
	display:table;
	width:100%;
	margin:0px;
	padding:0px;
}
.form-styled fieldset dt,
.form-styled fieldset dd {
	float:left;
	margin-bottom:5px;
}
.form-styled fieldset dt {
	width:5%;
}
.form-styled fieldset dd {
	width:95%
}
.form-styled fieldset dt {
	clear:left;
}
.form-styled fieldset label {
	 text-transform: uppercase;
}
.form-styled input[type="checkbox"], .form-styled input[type="radio"] {
	float: left;
    margin: 2px 5px;
}
.form-styled input[type="checkbox"].padding {
	margin: 4px 6px;
}
input[type="text"].styled {
	background-color: #e4e5e6;
    border: medium none;
    margin-top: 3px;
    max-width: 100px;
    padding: 5px;
	margin-left: 6px;
}
input[type="text"].styled1 {
    background-color: #e4e5e6;
    border: medium none;
    margin-top: 0px;
    max-width: 120px;
    padding: 5px;
    margin-left: 0px;
}
/* Weekly List */
.weekly-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.weekly-list li {
	float: left;
}
.weekly-list li input[type="button"] {
	margin-left: 2px;
    margin-top: -7px;
    min-width: 10px;
    padding: 3px;
}
.form-styled input[type="text"] {
	background-color: #e4e6e7;
    border: medium none;
    max-width: 300px;
    padding: 4px;
    text-indent: 5px;
    width: 100%;
}
/* Links */
a.btn {
	font-family: MuseoSans100, Helvetica, Arial, sans-serif;
	color: #fff;
	border-radius: 0;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btn:hover {
	color: #fff;
}
a.btn > i {
	margin-right: 7px;
}
a.btn.color-black {
	background-color: #000;
}
a.btn.color-green {
	background-color: #8cc63e;
	color: #fff;
}
a.btn.color-black:hover, a.btn.color-black:focus {
	background-color: #8cc63e;
}
a.btn.color-green:hover, a.btn.color-green:focus {
	background-color: #000;
}
a.btn.right-bottom {
	position: absolute;
	right: 15px;
    top: 40px;
}
a.btn.margin {
	margin-top: 8px;
}
a.attached {
	background-color: #000;
    color: #fff;
    font-size: 15px;
    margin-left: -4px;
    padding: 1px 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.attached:hover {
	background-color: #8cc63e;
}
ul.button-links, ul.report-links {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.button-links {
	float: right;
}
ul.report-links {
	display: table;
    width: 100%;
}
ul.button-links li {
	margin-right: 10px;
	float: left;
	width: 123.3px;
}
ul.report-links li {
	width: 47%;
	float: left;
	margin-left: 9px;
}
ul.report-links li:nth-child(2n + 1) {
	margin-left: 0;
}
ul.report-links li a {
	padding: 2px 0px;
	font-size: 12px;
}
ul.button-links li:last-child {
	margin-right: 0px;
}
/* Button */
input[type="button"] {
	font-family: OpenSansSemibold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	background-color: #fff;
	min-width: 160px;
	border: 2px solid #dadbdb;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
input[type="button"].max-100 {
	min-width: 100px;
}
input[type="button"]:hover {
	border-color:#8cc63e;
}
input[type="button"]:focus {
	background:#8cc63e;
	color: #fff;
}
input[type="button"].active, input[type="button"].active:hover {
	background: #e4e5e6;
	border-color:#dadbdb;
}
/* Indicator */
a.indicator {
    background: #B5B5B5;
    display: block;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
a.indicator.active {
	background: #000;
}
/* Datepicker */
.datepicker input[type="text"] {
	background-color: #e4e5e6;
    border: medium none;
    text-indent: 5px;
    width: 80px;
	height: 34px;
}
.datepicker > i {
	border: 1px solid #191717;
    cursor: pointer;
    font-size: 18px;
    padding: 4px 5px 8px;
}
/* Media Queries */
@media (min-width:768px) and (max-width: 974px) {
	.content-area {
		overflow: hidden;
	}
}
@media (max-width: 991px) {
	a.btn.right-bottom {
		position: relative;
		right: 0;
		top: 0;
		margin-top: 20px;
	}
	.content-area .grey-block {
		max-width: 100%;
	}
	a.btn.margin {
		margin: 7px 15px;
	}
	.agent .etabs {
		width: 100% !important;
	}
	input[type="button"] {
		margin: 15px 0px;
	}
	.datepicker {
		margin: 20px 0px;
	}
	.datepicker span {
		float: left;
		line-height: 33px;
		min-width: 50px;
	}
	ul.button-links {
		float: none;
	}
	ul.button-links li {
		float: none;
		width: 100% !important;
	}
	ul.report-links li {
		width: 50%;
		margin-left: 0;
	}
	ul.report-links.table li a {
		margin-left: 10px;
	}
}
@media (max-width: 768px) {
	ul.report-links li {
		width: 100%;
		float: none;
	}
	ul.report-links.table li a {
		margin-left: 0px;
	}
	ul.report-links.table li:nth-child(2n+1) a {
		margin-bottom: 5px;
	}
	.content-area table.styled {
		table-layout: inherit;
	}
}
@media (max-width: 440px) {
	.header-area {
		padding-top: 25px;	
	}
	.logo {
		max-width: 153px !important;
	}
}
@media print {
	.header-area {
		display: none;
	}
	.no-print {
		display: none;
	}
}
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}