html {height:100%;}
body {font-weight:400;font-size:14px;font-family:Arial, Helvetica, sans-serif;min-height:100%;position:relative;padding-bottom:50px;}
body.dashboard {background:#f1f1f1}
ul {padding:0;}
iframe {display:block;}
img {max-width:100%;}
label {font-weight:normal}
a {cursor:pointer}
a:focus {outline:none}

/* fix for font family types and headings and body text styles - GW:03/-1/2019 */
/* start rift font */
@font-face {
    font-family: rift-soft-demi;
    src: url("../fonts/ppFonts/riftsoft-demi.otf");
}
@font-face {
    font-family: rift-soft-medium;
    src: url("../fonts/ppFonts/riftsoft-medium.otf")
}
@font-face {
    font-family: omnes-regular;
    src: url("../fonts/ppFonts/omnes-regular-webfont.ttf");
}

/* classess for inline styles */
.rift {
    font-family: rift-soft-medium !important;
}
.rift-demi {
    font-family: rift-soft-demi !important;
}
.omnes-regular {
    font-family: omnes-regular !important;
}

h1, h2 {
	font-family: rift-soft-demi !important;
	color:green !important;
}

h3, h4, h5, h6, h7, h8 {
	font-family: rift-soft-medium !important;
	color:purple !important;
}

body, main, table, tr, th, td, p , input, select, option{
	font-family: omnes-regular !important;
    font-size: 18px;
	color:orange !important;
}

/*fix for logo size - GW:03/01/2019 */
.navbar-brand > img { height:70px; width:auto; }
.navbar { padding:10px 0 20px 0; }
.navbar-header {float:left;}

.full {float:left;width:100%;}
.left-pull {float:left;max-width:100%; margin-top:10px;}
.right-pull {float:right;max-width:100%; margin-top:10px;}
.heading1 {font-size:32px;color:#333;margin:15px 0 20px;font-weight:400;text-align:center;text-transform:uppercase}
.red-btn {border:none;display:inline-block;line-height:26px;height:36px;text-decoration:none;color:#fff;font-size:14px;color:#fff;padding:5px 15px;border-radius:2px;
background:#e60100;
background:-moz-linear-gradient(top, #e60100 0%, #d30100 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e60100), color-stop(100%,#d30100));
background:-webkit-linear-gradient(top, #e60100 0%,#d30100 100%);
background:-o-linear-gradient(top, #e60100 0%,#d30100 100%);
background:-ms-linear-gradient(top, #e60100 0%,#d30100 100%);
background:linear-gradient(to bottom, #e60100 0%,#d30100 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60100', endColorstr='#d30100',GradientType=0 );}
.gray-btn {border:none;display:inline-block;line-height:26px;height:36px;text-decoration:none;color:#fff;font-size:14px;color:#fff;padding:5px 15px;border-radius:2px;background:#646464}

.user-dropdown .dropdown-toggle {background:transparent !important;border:none;padding:0px;border-radius:3px;margin-top:5px;color:#555;color:#fff;}
.user-dropdown .dropdown-toggle img {border-radius:50%;margin-right:5px;}
.user-dropdown .dropdown-toggle span {margin:0 5px 0 7px;}
.nav-sidebar {margin-right:0;margin-bottom: 20px;margin-left:0;}
.nav-sidebar > li {margin-bottom:2px;position:relative;}
.nav-sidebar > li:after {content:"";position:absolute;top:100%;left:0;right:0;border-top:1px solid #555555;border-bottom:1px solid #717171;}

.nav-sidebar > li > a {padding-right:13px;padding-left: 13px;color:#fff;border-radius:0;line-height:28px;}
.nav-sidebar > li > a i {padding-right:12px;}
.nav-sidebar > li > a:hover {background-color: #515151;}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {color:#fff;background-color:#515151;border-radius:0px;}
.site-footer {position:absolute;left:0;bottom:0;right:0;border-top:1px solid #dedede;background:#fff;z-index:99;padding:15px;text-align:center}
.site-footer p {line-height:20px;font-size:12px;color:#b5b5b5;margin-bottom:0}
.dashboard .site-footer {left:16.6667%;}
.login-body {height:auto;padding-bottom:0}
.heading2 {display:block;margin:0px 0 15px;color:#595958;font-weight:100;font-size:20px;text-transform:uppercase}
.heading3 {display:block;margin:0px 0 10px;color:#595958;font-weight:100;font-size:16px;text-transform:uppercase}


.headinglowcase2 {display:block;margin:0px 0 15px;color:#595958;font-weight:100;font-size:20px;}
.headinglowcase3 {display:block;margin:0px 0 10px;color:#595958;font-weight:100;font-size:16px;}

.page-head {background:#fff;padding:8px 0;border-bottom:1px solid #e1e1e1;margin-bottom:25px;}
.page-head p {font-weight:300;color:#595958;font-size:16px;margin-bottom:0;letter-spacing:0.7px}
.page-head .heading2 {margin-bottom:0;margin-top:5px;}

.profile-update-form {background:#fff;padding:18px 15px;border:1px solid #ddd}
.header-search {float:right;position:relative;border:1px solid #e7e7e7;width:252px;max-width:100%;}
.header-search input[type="text"] {width:100%;padding:4px 25px 4px 7px;background: transparent;border:none;border-radius:0;height:34px;}
.header-search button[type="submit"] {background: transparent;border:none;position:absolute;top:0px;right:0px;bottom:0px;text-align:center;width:30px;color:#646464}
.menu-open {float:right;font-size:20px;color:#fff;margin-top:20px;}
.sidebar {position: fixed;top:66px;bottom:0;left:0;z-index:101;display:block;padding:0px 0 20px;overflow-x:hidden;overflow-y:auto;background-color:#646464;border-right:1px solid #eee;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;}
.menu-bg {position:fixed;top:0;left:0;bottom:0;right:100%;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;background:rgba(0, 0, 0, 0.7);z-index:100;overflow:hidden}
.menu-close {margin-top:10px;margin-right:15px;color:#fff;float:right}
.menu-close:hover {color:#fff;}
.user-dropdown .dropdown-menu {background:#646464;border:none;border-radius:0;left:auto;margin-top:17px;right:0;top:100%;}
.user-dropdown .dropdown-menu li a {padding:5px 10px;color:#fff;display:block;}
.bootstrap-form {border:10px solid #e5e5e5;background:#fff;padding:15px;}
.bootstrap-form label.col-sm-4 {padding-top:5px;}
.col-padding {padding-left:0;padding-right:0;}
.dashboard .menu-open {margin-top:10px;}
.header-right { float:right;font-size:22px;color:#fff;text-transform:uppercase;margin:15px 0 0;-webkit-text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);-moz-text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);-ms-text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);}
.menu-bar {background:#646464}
.menu-bar .navbar-nav li a {font-size:15px;color:#fff;text-transform:uppercase;font-weight:bold;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;display:block}
.user-dropdown .dropdown-menu li a:hover {background:rgba(0, 0, 0, 0.3);text-decoration:none;}
.menu-bar .navbar-nav li a:hover {background-color: #515151;text-decoration:none;}

.site-content {margin:10px 0}
.video-bg {border: 10px solid #e5e5e5;background:#f4f4f4;padding:1px;}
.login-page {margin-top:50px;}
.login-form {border:1px solid #e3e3e3;margin-top:9px;}
.login-head {padding:20px;line-height:20px;font-size:20px;color:#fff;background:#a5a5a5}
.login-content {padding:25px 20px 15px;}
.login-content .form-group {background:#fff;border:1px solid #dfdfdf;height:50px;padding-left:47px;position:relative;}
.login-content .fa {left:0;line-height:48px;position:absolute;text-align:center;top:0;width:46px;color:#a6a7a7}
.login-content .form-control {border:none;border-left:1px solid #ddd;border-radius:0;color:#222;width:100%;font-size:15px;height:48px;padding:5px 8px;}
.forgot-pass {color:#6e6c6c;float:right;font-size:15px;text-decoration:underline;}
.login-footer {background:#f4f4f4;border-top:1px solid #dfdfdf;padding:12px 20px;}
.login-footer .remember {line-height:20px;margin-top:10px;float:left;}
.login-footer .remember input[type="checkbox"] {float:left;height:19px;margin:1px 5px 0 0;}
.login-footer .remember span {float:left;}
.white-box {background: #ffffff;border:10px solid #e5e5e5;padding:15px;}
.small.red-btn {height: 22px;line-height:16px;padding:3px 8px;font-size:11px;}
.medium.red-btn {height:30px;line-height:22px;padding:3px 8px;font-size:12px;}
.small.gray-btn {height: 22px;line-height:16px;padding:3px 8px;font-size:11px;}
.medium.gray-btn {height:30px;line-height:22px;padding:3px 8px;font-size:12px;}
.inline-block {display:inline-block}
.block-group {display:block;margin-left:85px;}
.group-row > label {float:left;}
.block-group .checkbox-inline {margin:0 10px 0 0}
.group-row .form-control {width:180px;margin-right:7px;float:left;padding:5px ;}
.group-row .select-down {float:left}
.group-row .gray-btn {height:34px;padding:4px 15px;}
.dashboard-content {padding-bottom:25px;}
.editor-block {margin-top:25px;}
.dashboard-content .form-group.row {margin-right:0;margin-left:0;}
.dashboard-content .form-group.row label {padding-left:0}
.header-search.black {border:1px solid rgba(255, 255, 255, 0.2);background:rgba(0, 0, 0, 0.2);margin-top:5px;color:#aaa}
.header-search.black button[type="submit"] {color:#8c8c8c}
.index-content {padding:35px 0}
table tr th {color: #252525}
table tr td {color: #777777}
table.no-margin {margin-bottom:0}
.no-margin {margin:0}
.contact-page {margin-top:25px;}
.contact-page .form-group {overflow:hidden;}
.contact-form input.form-control {height:40px;}
.contact-page .heading3 {margin-bottom:18px;}
.contact-page .map {margin-bottom:25px;}
.contact-address p {overflow:hidden;margin-bottom:7px;line-height:18px;padding:5px 0;font-size:15px;}
.contact-address p .fa {float:left;width:28px;height:28px;margin-right:10px;background:#eee;border-radius:3px;text-align:center;line-height:28px;color:#666;font-size:13px;margin-top:-5px;}
.thanks-page {margin:50px 0}
.thanks-page p {line-height:26px;}
.que-page {margin:20px 0;}
.answer-list {list-style:none;padding-top:10px;padding-left:30px;}
.answer-list:after, .answer-list:before {clear:both;display:table;content:"";}

.answer-list li {float:left;margin:0 31px;position:relative;}
.answer-list li input[type="radio"] {float:left}
.answer-list li label {float:left;width:45px;height:45px;border:1px solid #ee1c25;border-radius:50%;padding:1px;margin:0}
.answer-list li label span {float:left;width:100%;height:41px;background:#ee1c25;border-radius:50%;}
.answer-list li input[type="radio"]:checked + label {border-color:#000}
.answer-list li input[type="radio"]:checked + label span {background:#000}
.answer-list li input[type="radio"] {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.question {font-size:16px;color:#666}
.question span {float:left;color:#222;}
.question p {margin-left:30px;}


/*.answer-list li:nth-child(4) {margin-top:3px;}
.answer-list li:nth-child(4) label {width:42px;height:42px;}
.answer-list li:nth-child(4) span {height:38px;}
.answer-list li:nth-child(3) {margin-top:6px;}
.answer-list li:nth-child(3) label {width:39px;height:39px;}
.answer-list li:nth-child(3) span {height:35px;}
.answer-list li:nth-child(2) {margin-top:9px;}
.answer-list li:nth-child(2) label {width:36px;height:36px;}
.answer-list li:nth-child(2) span {height:32px;}
.answer-list li:nth-child(1) {margin-top:12px;}
.answer-list li:nth-child(1) label {width:33px;height:33px;}
.answer-list li:nth-child(1) span {height:29px;}*/


.status-text {padding-left:30px;}
.status-text span {float:left;font-weight:bold;}
.status-text span.right-pull {float:right;position:relative;left:-7px;}
.status-text {font-size:12px;}
.que-page .heading2 {padding:10px 0;}
.que-row + .que-row {padding-top:20px;border-top:1px solid #ddd;margin-top:15px;}
.answer-list li:after {content:"";position:absolute;left:100%;width:62px;margin-top:-1px;top:50%;background:#222;height:2px;}
.answer-list li:last-child:after {display:none}



.login-form .text-danger {padding-left: 47px;margin:-10px 0 15px;display:block}
.heading-countdown .heading2 {float:left}
.heading-countdown .timeTo {float:right}
.center-pagination {text-align:center;}
.center-pagination .pagination {width:100%;}
.center-pagination .pagination > li {float:left;}
.center-pagination .pagination > li.active {float:right;}
.center-pagination .pagination > li > a, .center-pagination .pagination > li > span {text-align:center;padding:7px 18px;font-size:18px;float:right;border-radius:4px;}
#Divpagination {min-height:650px;}
.small#Divpagination {min-height:0;}
.gray-btn.large {font-size:18px;padding:5px 18px 8px;height:40px;line-height:30px;}
.table-question + .table-question {margin-top:30px;}
.table-question .heading3 {margin-bottom:5px;}
.table-question img {margin-bottom:15px;}
.normal-listing {padding-left:25px;color:#444;list-style:none}
.normal-listing li .fa {padding-right:8px;}
.listing-icon {padding-right:8px;}
.heading-listing p {font-size:14px;margin-bottom:0;}
.heading-listing p label {font-weight:bold}
.margin-10 {margin:10px 0 20px;}
.map iframe {width:100%;height:270px;}
.form-inline label {font-size:13px;}
.form-inline .control-label {font-weight:bold;padding-right:12px;font-size:13px;}
.contact-us p {font-size:14px;color:#444}
.contact-us .heading3 {margin-bottom:10px;}
.button-row {padding-top:10px;}
.contact-address p span {display:block;margin-left:38px;}
.contact-address p.address-first {line-height:28px;}
.contact-address p.address-first .fa {margin-top:-2px;}
.contact-us {padding-top:25px;}
.padding-bottom {padding-bottom:15px;}
.pfg-table {border-collapse: collapse;}
.pdf-table tr td {padding:7px 8px;border:1px solid #ddd;font-size:12px;}
.pdf-table tr th {padding:7px 8px;border:1px solid #ddd;font-size:12px;font-weight:bold;border-collapse: collapse;}
#CowSoapReport,#CowSoapReport div {background:#fff !important;}
.download-row {font-size:15px;color:#555;overflow:hidden;padding:7px 0px;margin:0}
.download-row a {float:right;color:#222}
.download-row + .download-row {border-top:1px solid #ddd;}
.halp {float:left;width:40%;}
.graph-row {padding-top:0;padding-bottom:0;text-align:center}
.admin-login-page .login-form .text-danger {padding-left:35px;}
.pass-hint {font-size:10px; color:#aaa}
.login-validate li {list-style:none;color:red}
.vjs-poster{background-size:100% 100%;}
#nprogress{pointer-events:none;}
#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:3px;}
/* Fancy blur effect */
#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d, 0 0 5px #29d;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px);}
/* Remove these to get rid of the spinner */
#nprogress .spinner{display:block;position:fixed;z-index:1031;top:25px;right:15px;/* display:none; remove comments */}
#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite;border-radius:50% !important;}
.nprogress-custom-parent{overflow:hidden;position:relative;}
.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute;}
/*.chart-outer {position:relative}
.chart-outer:after{position:absolute;top:0;left:210px;bottom:0;content:"";width:auto;border-right:1px solid #ccc;border-left:3px solid #fff;pointer-events:none}*/
.chart-outer {width:100%;position:relative}
/*div[id*="barchart"] {position:relative}
div[id*="barchart"] > div > div:last-child {position:absolute;top:0;left:177px;bottom:0;content:"";width:auto;border-right:1px solid #ccc;border-left:3px solid #fff;pointer-events:none}*/
header.header-disable {pointer-events:none;opacity:0.5}
div[id*="barchart"] {min-width:720px;}
.chart-outer {overflow:auto;overflow-y:hidden}

@media(min-width:1400px){

}

@-webkit-keyframes nprogress-spinner{
	0% {-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes nprogress-spinner{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
.user-resualt {margin-bottom:30px;}
.user-resualt .page-head .col-xs-12{padding-left:0;padding-right:0}
.user-resualt .page-head {margin-left:0;margin-right:0;}
.user-resualt .graph-row {width:50%;}




@media (min-width:1200px) {
.container.login-container{width:1100px;}
.login-container .row.login-page > .col-sm-12:first-child {width:58%;}
.login-container .row.login-page > .col-sm-12:last-child {width:42%;}
.video-bg iframe {height:332px !important}
.login-form{margin-top:25px;}

}
@media (min-width:768px) {
.page-content {padding-top:66px;}
.login-outer .heading1 {margin-bottom:35px;}
.menu-open {display:none}
.user-dropdown {float:right;margin-top:7px;}
.menu-bar .navbar-nav > li {padding-right:70px;}
.table-row {display:table;width:100%;}
.table-row .table-cell{display:table-cell;position:relative;float:none;vertical-align:top}
.table-row .table-cell .full-height {height:100% !important;position:absolute;top:0;bottom:0;right:15px;left:15px}
.user-resualt {padding-top:20px;}

}
@media (max-width:1099px) {
.btns-rows .gray-btn {padding:5px 10px;font-size:13px;}


}

@media (min-width:768px) and (max-width:980px) {
/*fix for logo size - GW:03/01/2019 */
.navbar-header {float:none; text-align:center;}
.navbar-brand {float:none;display:inline-block;}


.dashboard .site-footer {left:25%;}
.menu-bar .navbar-nav > li {padding-right:10px;}
.video-bg iframe {height:393px !important;width:100% !important;}
.navbar-nav {float:none !important;display:inline-block}
#navbar {text-align:center}
.user-resualt .white-box .gray-btn {padding:5px 8px;font-size:12px;}
.btns-rows .gray-btn {width:100%;margin:1px 0}
.btns-rows form {width:100%;}

}
@media (max-width:767px) {
.navbar-header {text-align:center;}
.dashboard .navbar-header .navbar-brand {float:none;display:inline-block;}
.user-dropdown {float:left}
.dashboard .navbar-fixed-top,.new-navbar {position:relative;padding-bottom:7px;}
.sidebar {top:0;width:250px;border:none;left:-250px;}
body.open-menu .menu-bg {right:0}
body.open-menu .sidebar{left:0}
.dashboard .site-footer {left:0;}
.navbar-header {float:left}
.dashboard .navbar-header {float:none}
.menu-bar #navbar {display:block;padding:0 30px;}
.menu-bar #navbar li {float:left}
.menu-bar #navbar .row {margin:0}
.new-navbar .navbar-header {width:100%;text-align:center;margin:0}
.header-right {width:100%;text-align:center}
.new-navbar .navbar-brand {float:none}
.site-footer p {font-size: 10.5px;}
.menu-bar .navbar-nav > li a {font-size:13px;padding:7px 12px;}
.header-search.black {width:100%;}
.margin-xs {margin-bottom:20px;}
.white-box {margin-top:15px;}
.navbar-nav {float:none !important;display:inline-block}
#navbar {text-align:center}
.answer-list li:after {width:30px;}
.answer-list li {margin:0 15px;}
.status-text span.left-pull {margin-left:-13px;}
.status-text span.right-pull {margin-right:-10px;}
.answer-list .answer-list {padding-left:0}
.answer-list li label {width:30px;height:30px;}
.answer-list li label span {height:26px;}
.question p {font-size:13px;}
.user-resualt .white-box .gray-btn {width:100%;margin:1px 0;}
.user-resualt .white-box form {width:100%;}
.btns-rows form {width:100%;}
.btns-rows .gray-btn {width:100%;margin:1px 0}
    .center-pagination .pagination > li > a, .center-pagination .pagination > li > span {
   text-align:center;padding:4px 12px;font-size:14px;float:right;border-radius:4px;
    }


}
@media (max-width:639px) {
.menu-bar .navbar-nav > li a {font-size:12px;padding:7px;}
.user-resualt .graph-row {width:100%;}

}


@media (max-width:479px) {
.header-search {width:100%;margin-bottom:10px;}
.header-right {font-size:16px;}
.answer-list li label {width:25px;height:25px;}
.answer-list li label span {height:21px;}
.answer-list li:after {width:15px;}
.answer-list li {margin:0 7px}
.status-text span{width:75px;text-align:center;}
.status-text span.left-pull {margin-left:-60px;}
.status-text span.right-pull {margin-right:-29px}
.countdownHolder {float:left !important}


}

#dvCowGraph, #canvaspanel{max-width:750px; margin:0 auto;}

#canvaspanel .row{margin-left:0; margin-right:0}
#canvaspanel [class*="col-"]{padding-left:0; padding-right:0}


@media(min-width:1000px){
#dvCowGraph, #canvaspanel{width:auto;}
}

 

@media(max-width:767px){
    #cowgraphrow{width:100%; overflow-x:auto; }
    #cowgraphrow #canvaspanel{width:100%;}
    #cowgraphrow #canvaspanel canvas{max-width:100%;}
    /*#clsPdfGeneration{display:none;}*/
}


/*
@media print {
    #dvCowGraph{max-width:1000px; border:solid 1px red;}
}*/


/* top progress bar */
/* Make clicks pass-through */
