﻿.button {
	background-color: #f4f4f4;
	border-radius: 0;
	box-shadow: none;
	color: #f95a09;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	border: none;
}
.button.small {
	border-radius: 15px;
	float: right;
	margin: 22px 5px 0;
	padding: 6px 15px;
}
.button:hover {
	background-color: #f4f4f4;
	color: #333;
}
.button > span {
	font-size: 84%;
}
.button.b-close, .button.bClose {
	border-radius: 7px 7px 7px 7px;
	box-shadow: none;
	font: bold 131% sans-serif;
	padding: 0 6px 2px;
	position: absolute;
	right: -7px;
	top: -7px;
}

#view_custom_report .popup {
    background-color: #FFF;
    color: #111;
    display: none;
    min-width: 950px;
    padding: 15px;
    top: 50px !important;
}
.example {
	display: block;
	line-height: 1.25;
	padding: 30px 110px 15px 0;
}
.code-undefined {
	color: #617a61;
}
.code-string {
	color: #fa8072;
}
.code-function {
	color: #ffa54f;
}
.code-int {
	color: #2b91af;
}
.code-comment {
	color: #7ccd60;
}

::-moz-selection {
 background-color: #2b91af;
 color: #fff;
 text-shadow: none;
}
::selection {
	background-color: #2b91af;
	color: #fff;
	text-shadow: none;
}
#page h1 + .button {
	position: absolute;
	top: 20px;
	right: 25px;
}
#share {
	position: absolute;
	right: 18px;
	top: 85px;
	width: 205px;
}
#share > div {
	display: inline-block;
}
#page li {
	position: relative;
}
#page ul + a {
	display: block;
	font-size: 180%;
	margin: 25px 0;
	text-align: center;
	text-decoration: none;
}
/*.header {
	margin: 30px 0 0;
	background-color: #000;
	padding: 12px 20px 10px;
	border-radius: 20px 0 0 0;
	width: 100%;
	left: -40px;
	position: relative;
}*/
.note {
	color: #c0c0c0;
	font-size: 80%;
}
.popup, .popup2, .bMulti {
	background-color: #fff;
	/*border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 25px 5px #999;*/
	color: #111;
	display: none;
	min-width: 950px;
	padding: 15px;
}
.popup .logo {
	color: #2b91af;
	font: bold 325% 'Petrona', sans;
}
.popup, .bMulti {
	min-height: 450px;
}
.popup2 iframe {
	background: url('loader.gif') center center no-repeat;
	min-height: 240px;
	min-width: 450px;
}
.loading {
	background: url('loader.gif') center center no-repeat;
}
.bMulti p {
	font: 500% 'Petrona', sans-serif;
	padding: 45px 0 0;
	text-align: center;
}
.bMulti a {
	left: 175px;
	position: absolute;
	top: 175px;
}
.lt-ie9 .bModal {
	background-color: #000;
}
.github {
	background: url('images/github.png') 0 0 no-repeat;
	height: 149px;
	width: 149px;
	opacity: .6;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: .35s;
	-moz-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.github:hover {
	opacity: 1;
}
.b-close{
	/*padding: 0 6px 2px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	position: absolute;
	right: -15px;
	top: -7px;*/
	
	background: url(images/close.png) no-repeat 0 0 !important;
	cursor: pointer;
	display: block;
	height: 30px;
	position: absolute;
	right: -15px;
	text-indent: -9999px;
	top: -15px;
	width: 30px;
	z-index: 1;
}
.b-close img{display:none;}
.b-close:hover {
	/*background-color: #1e1e1e;*/
}
.contentPopup {
	height: auto;
	width: auto;
	background-color: #FFFFFF;
}
.reportPopup {
	background-color: #FFFFFF;
}
.popup_desc {
	clear: both;
	color: #000000;
}
.b-modal.__b-popup1__ {
	background-color: rgb(211,211,211) !important;
}
.details {
	cursor: pointer;
}
#view, #view_edit, #view_form  {
	margin: 0 auto;
	min-height: 450px;
	min-width: 900px;
	margin-top: 40px;
}
.user_role_list {
	width: 175px;
	height: 250px;
	overflow: scroll;
}
.details_add_edit {
	cursor: pointer;
}
.delete_role {
	cursor: pointer;
}
.view_custom_report {
	margin: 0 auto;
	min-height: 250px;
	min-width: 850px;
	margin-top: 40px;
}
.reporting_wrapper {
	min-width: 650px;
	min-height: 350px;
}
.report_options {
	float: left;
	height: 200px!important;
	/*overflow: scroll;*/
	overflow: auto;
	/*text-indent: 5%;*/
	width: 50%;
	box-sizing:border-box;
	
	padding:15px;
	
	border-right:1px dotted #cccccc;

}

.popup #view_custom_report{width: 50% !important;height: 50%; top:30px !important;}

.popup .reportPopup .reporting_wrapper {
	height: 350px;
	min-height: 350px;
	overflow: auto;
	background: #FFF none repeat scroll 0% 0%;
}
.reportPopup .reporting_wrapper .report_options {
	
	width: 32%;
}
.report_options:last-child{border-right:0px dotted #cccccc;}
.report_options label {
	display:inline;
	/*width:83%;*/
	float:left;
	line-height:normal;
	font-weight:normal;
	position:relative;
	left:0;
	font-size:14px;
}
.report_options input {
	margin-left: 10px;
}
.reporting_button {
	clear: both;
}

.checkbox-outer { /*width:21px;*/  float:left; position:relative; margin-right: 7px;}
.checkbox-outer input { margin:0 0 0 0;}
.form-group { width:58%; clear:both; float:left; margin:0 0 16px 0;}
.report_options h3 { font-weight:bold; /*font-size:12px!important;*/ margin:0px 0 10px 0; padding:0px; text-indent:0!important;}

.scrollTable{/*height:300px;*/ overflow:unset; overflow-x:none;}
.alt-scroll-content{width:100% !important;}


@media only screen and (max-width: 939px) {
.popup, .popup2, .bMulti {
	width: 90%;
	min-width: 90%;
	left: 5% !important;
	height: 60%;
	min-height:450px;
}

.reporting_wrapper {
	width: 100%;
	min-width: 100%;
}
.reporting_wrapper {
	height: 350px;
	overflow: auto;
	height: 100%;
	min-height: 100%;
}
#advanceSearchForm {
	height: 100%;
}
.reportPopup {
	height: 80%;
}
.report_options {
	/*overflow-y: scroll;*/
}
}
@media only screen and (max-width:550px) {
.report_options { width:100%; margin-left:0px; margin-bottom:20px; border-bottom:1px dotted #ccc; padding-bottom:20px; height:auto; border-right:0px;}
.report_options:last-child { border-bottom:none;}
	
}
@media only screen and (min-width:551px) and (max-width:768px) {
.report_options { width:50%; margin-bottom:20px;}	

	
}
@media only screen and (min-width:769px) and (max-width:999px) { 
.report_options { width:50%; margin-bottom:20px;}	
	
}
@media only screen and (min-width:600px) and (max-width:640px) {
.report_options {
    width: 50%;
}	
}
@media only screen and (max-width:767px){
.b-close{top:0; right:0;}
}


/* 13-10-2015 */
.reporting_button .button.button-primary{
	background: #ffffff;
	border: 4px solid #d0562d !important;
	font-size: 18px !important;
	line-height: 20px;
	width: auto !important;
	font-family: "verbbold";
    font-size: 20px;
    height: 50px;
	margin: 0;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	color:#d0562d !important;
}
.reporting_button .button.button-primary:hover{
	background: #d0562d!important;
	color:#fff!important;
}
.privacy-content h4.heading20{font-family:"PT Sans",sans-serif!important; font-weight:600!important;}

.qpp-style img{width:auto!important;}
