/**************************
*  MV Reports CSS         *
*  Author: lex@mathvision *
***************************/
::selection{ background-color:#f38b39;color:#fff;}
::moz-selection{ background-color:#f38b39;color:#fff;}
::webkit-selection{ background-color:#f38b39;color:#fff;}
select::-ms-expand {display:none;}

/**************
 * Body style *
 **************/
html {background-color:#3e5d9c;}
html#account-html {background-color:#d5dae9;}
body, html {min-height:100%;}
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-y:scroll;	
	overflow-x:hidden;
	background-image: -moz-linear-gradient(top, #ebebeb, #d5dae9);
	background-image: -ms-linear-gradient(top, #ebebeb, #d5dae9);
	background-image: -webkit-linear-gradient(top, #ebebeb, #d5dae9);
	background-image: -o-linear-gradient(top, #ebebeb, #d5dae9);
	background-image: linear-gradient(top, #ebebeb, #d5dae9);
	background-color: #d5dae9;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif;
	line-height: 1.2;
	text-align: left;
	position:relative;
	color:#555;
}
input:focus, input:active, select:active, select:focus {outline:none;}

/*******************
 * Main Containers *
 *******************/
#main {background-color:#3e5d9c;}
#account-main {padding-top:50px;background-color:#d5dae9;}
#account-pad {top:40px;height:10px;background-color:#d5dae9;z-index:5;}

/***********
 * Headers *
 ***********/
#header-for-web {border-bottom:3px solid #f24800;top:0;left:0;z-index:100;height:40px;}
#header {height:40px;}
#header .header-title {
	padding:8px 12px 0 2px;
	height:37px;
	border-right:1px solid #25427c;
	color:#eee;
	font-size:18px;
	font-weight:bold;
}
.home-link {margin-left:6px;padding:3px 6px;height:37px;color:#eee;}
.home-link:hover {color:#eee;opacity:0.8;}
.home-link.selected-home {background-color:#2a437b;}
.home-link.selected-home:hover {opacity:1.0;}
.home-link .rp-icons {height:32px;padding:0 2px 0 26px;}
.home-link .rp-icons span {padding-top:8px;font-size:14px;}
.rp-ico-home {background-position:0 0px;}
.rp-ico-reports {background-position:0 -32px;}
.rp-ico-users {background-position:0 -64px;}
.rp-ico-create {background-position:0 -96px;}
.rp-ico-approve {background-position:0 -128px;}
.rp-ico-scorecard {background-position:0 -160px;}
.rp-ico-schedule {background-position:0 -192px;}

/********
 * Menu *
 ********/
#the-menus {line-height:0;padding:2px 0 3px 0;}
#the-menus a {width:32px;height:32px;margin-right:5px;}
#the-menus .menu-account-divider {border-left:1px solid #25427c;margin:0 4px;padding-left:8px;}

#menu-account {background-position:0 -40px;}
#menu-account:hover {background-position:-32px -40px;}
#the-menus .account-menu-toggled {background-position:-64px -40px;}
#the-menus #account-box {width:230px;}
#the-menus #account-image-holder {padding:1px 0 0 56px;min-height:48px;}
#the-menus #account-image-holder img {top:0px;left:0px;}
#the-menus .account-username {font-size:14px;color:#4876c5;}
#the-menus .account-username:hover {color:#618dd8;}
#the-menus #user_logout {margin-top:5px;}

.menubox-ctr-1 {right:0px;}
.menubox-ctr-1 .arrow_div .the-arrow {right:7px;}
.menubox-ctr-1 .arrow_div .the-arrow-bg {right:8px;}

#the-menus .menu-box {width:200px;display:none;}
#the-menus .menu-box .arrow_div {height:13px;}
#the-menus .menu-box .arrow_div .the-arrow {
	width:0;
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #bcbdbf;
	z-index:5;
}
#the-menus .menu-box .arrow_div .the-arrow-bg {
	width:0;
	height: 0; 
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #fff;
	top:1px;
	z-index:10;
}

#the-menus .menu-box .menu-box-cont {background-color:#fff;border:1px solid #bcbdbf;min-height:40px;line-height:1.3;padding:10px;}
#the-menus .menu-box .menu-box-cont a {width:auto;height:auto;padding:4px 0 6px 0;margin-right:0px;}
#account-name {padding:4px 3px 10px 3px;font-size:12px;}

/***********
 * Content *
 ***********/
#acontainer {padding-top:40px;}
#content {padding:0 0 40px 0;line-height:1;}
.the-content {color:#203360;text-align:left;font-size:13px;line-height:1.4;}
.the-content p {padding:5px 25px 15px 25px;}
.the-content ol {margin:0;padding:5px 35px 15px 45px;}
.the-content ol li {padding-bottom:5px;}

.thead-fx {height:40px;z-index:5;}
.the-tbl {line-height:0;padding-top:40px;}
.thead-fx, .the-tbl {padding-right:240px;}
.theader {height:40px;background-color:#f85816;line-height:0.9;color:#fff7ec;font-size:14px;font-weight:bold;}
.theader .the-td {border-left:1px solid #bd3f02;}
.theader .sortable {background-color:#ff6b2d;color:#fff;}
.theader .sortable:hover {color:#fff;}
.theader .sort-span {font-size:12px;font-weight:normal;}
.theader .the-td.td-0 {border-left:none;}

.tden {display:none;}
.tnone {min-height:75px;color:#666;font-size:14px;background-color:#fff;}
.tbody {min-height:55px;background-color:#fff;line-height:0;}
.tbody.by-date .td-1 {font-weight:bold;}
.tbody.by-title .td-2 {font-weight:bold;}
.tbody .the-tr {line-height:1.1;border-top:1px solid #ddd;}
.tbody .the-tr input, .tbody .the-tr select {height:30px;}
.tbody .the-tr input, .tbody .the-tr select, .tbody .the-tr textarea {margin:0px;}
.tbody .the-td {min-height:52px;padding:6px 7px 10px 7px;font-size:14px;color:#555;}
.tbody .the-td span {display:block;padding-top:4px;}
.tbody .the-td.td-0 {font-size:10px;color:#376fff;}
.tbody .the-td.td-0 .num-ctr {padding-top:7px;}
.tbody .the-td.td-0 .num-ctr.new-ctr {color:#be0d0d;font-size:9px;}
.tbody .the-td.td-0 .delete-tr {font-size:14px;margin-top:3px;color:#a30101;}
.tbody .the-td.td-0 .delete-tr:hover {color:#c00f0f;}
.tbody .the-td.td-0:hover .delete-tr {display:block;}

.tnoresults {border-left:1px solid #ddd;background-color:#fff;line-height:1.0;color:#666;}
.tnoresults-d {min-height:130px;padding-bottom:5px;}

/***********
 * Sidebar *
 ***********/
#sidebar {top:0px;right:230px;}
#sidebar_box {padding:6px;width:230px;min-height:120px;top:50px;background-color:#3d66c5;z-index:10;}
.add-start #sidebar {right:250px;}
.add-start #sidebar_box {width:250px;background-color:#25932c;}
.sidebar-title {padding:6px 5px;font-size:16px;color:#ffca78;}
.side-button {top:2px;right:2px;height:24px;color:#fff;}
.side-button:hover, .side-button:focus, .side-button:active {outline:none;}
.add-button {padding:6px 10px;background-color:#108d17;font-size:13px;}
.add-button:hover {color:#fff;background-color:#19a220;}
.reset-button {padding:7px 10px;background-color:#d56117;font-size:12px;}
.reset-button:hover {color:#fff;background-color:#f0782c;}
.sidebar-body {padding:2px;}
.sidebar-body.filter-boxes {padding:6px 2px;}
.sidebar-body .showing-box {padding:4px 0 8px 0;font-size:14px;color:#eee;}
.sidebar-body .showing-box b {font-size:18px;color:#fff;}
.side-separator {margin:5px 0;height:1px;background-color:#284b94;}
.filter-box {padding:1px 0 2px 0;}
.filter-name {padding:8px 0 0 4px;width:30%;color:#fff;font-size:13px;}
.filter-item {margin:0;width:70%;height:30px;}
.filter-value-item {padding:1px 0 2px 0;}
.filter-label {padding:4px 4px 4px 6px;width:60%;color:#fff;font-size:13px;}
.filter-values {padding:1px 0;width:40%;color:#fff;font-size:18px;font-weight:bold;}
.small-diff {font-size:11px;color:#25f53a;}
.small-diff.red-diff {color:#a90808;}

/*********
 * Login *
 *********/
.login-ajax-box {padding:55px 1px 5px 1px;}
.login-field {float:none;width:80%;padding-right:10px;height:60px;margin:auto;}
.login-button {float:none;width:40%;padding-top:16px;height:72px;margin:auto;}
#the-login-submit {height:30px;padding:7px 0;margin-top:0px;}
#login-box {width:400px;max-width:100%;padding:0 10px;margin-top:10%;}
#login_title {color:#fff;font-size:32px;margin:15px 0 2px 0;font-weight:bold;}

/**********
 * Ajaxes *
 **********/




/**********
 * Footer *
 **********/
#footer {background-color:#3551aa;height:32px;bottom:0;left:0;z-index:50;display:none;}

/*********
 * Pages *
 *********/


/* Home */
.alert {display:none;}
.lr-sub-tr .will-blink .blinking {
  color:#b83434;
 }
.lr-sub-tr .will-blink .blinking .alert {
  display:inline-block;
  background-color:#b83434;
  color:#fff;
  padding:2px 7px 2px 5px;
  font-size:10px;
  -moz-animation-duration: 1000ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-delay: 500ms;
  
  -webkit-animation-duration: 1000ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-delay: 500ms;
  
  animation-duration: 1000ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 500ms;
}
@-moz-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  from {
    opacity: 1.0;
  }
  
  to {
    opacity: 0;
  }
}
@keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}

/****************
 * Default Tags *
 ****************/
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:15px;}
h5 {font-size:14px;}
h6 {font-size:13px;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
a {text-decoration:none;color:#4372d1;}
a:hover {color:#6490e9;}
a img {border:0px;text-decoration: none;}
p {margin:0;padding:5px;}
ul {margin:0;padding:0;}
ul li {list-style:none;}
select {padding:5px;margin-top:5px;color:#585670;border:1px solid #bdc7d8;font-size:14px;}
input,textarea,.input-div {padding:5px;max-width:100%;font-family:Arial;margin-top:5px;color:#585670;border:1px solid #bdc7d8;font-size:14px;}
input, .input-div {height:30px;}
textarea {resize:none;}
.input-div {background-color:#f0f3ff;font-size:14px;}
input:focus,textarea:focus{outline:0;}
button {width:100px;max-width:50%;padding:5px;cursor:pointer;}
textarea {height:60px;}
nav {display:inline-block;}
content {display:inline-block;width:100%;margin:auto;}
img {max-width:100%;height:auto;}
input.error, select.error {border:1px solid #d51c1c;}
input:read-only, textarea:read-only {opacity:0.7;}

/************
 * Reusable *
 ************/
.fw {width:100%;max-width:100%;}
.fh {height:100%;}
.mw {width:1220px;max-width:100%;}
.hw {width:50%;}
.w33 {width:33%;}
.w34 {width:34%;}
.mv-icons {background-image:url(../images/my-mv-icons.png);background-repeat:no-repeat;}
.rp-icons {background-image:url(../images/rp_icons.png);background-repeat:no-repeat;} 
.au:hover {text-decoration:underline}
.fl {float:left;}
.fr {float:right;}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.tj {text-align:justify;}
.pr {position:relative;}
.pa {position:absolute;}
.pf {position:fixed;}
.dib {display:inline-block;}
.db {display:block;}
.dn {display:none;}
.oh {overflow:hidden;}
.ma {margin:auto;}
.rad3 {-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.rad5 {-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.rad10 {-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.round {-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.rad3top {-webkit-border-radius:3px 3px 0 0;-khtml-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.rad5bot {-webkit-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.rad3,.rad5,.rad10,.round {-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
.trans500 {
  -webkit-transition: 500ms linear 0s;  
  -moz-transition: 500ms linear 0s;  
  -o-transition: 500ms linear 0s;  
  transition: 500ms linear 0s;  
}
.trans150 {
  -webkit-transition: 150ms linear 0s;  
  -moz-transition: 150ms linear 0s;  
  -o-transition: 150ms linear 0s;  
  transition: 150ms linear 0s;  
}
.trans150, .trans500 {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.sh-txt {
	-moz-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
	text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
}
.sh-box {
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}
.sh-box-thin {
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.sh-box-no-top {
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}

.sh-bot {
	-webkit-box-shadow: 0 1px 1px -1px black;
	-moz-box-shadow: 0 1px 1px -1px black;
	box-shadow: 0 1px 1px -1px black;
}
.bb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display:box;
	box-pack:center;
	box-align:center;
}
.lh11 {line-height:1.1;}
.theBg {
	background-image: -moz-linear-gradient(top, #4e69b4, #204ba2);
	background-image: -ms-linear-gradient(top, #4e69b4, #204ba2);
	background-image: -webkit-linear-gradient(top, #4e69b4, #204ba2);
	background-image: -o-linear-gradient(top, #4e69b4, #204ba2);
	background-image: linear-gradient(top, #4e69b4, #204ba2);
	background-color: #204ba2;
}
.theRate {
	background-image: -moz-linear-gradient(left, #b54040, #3f63b3);
	background-image: -ms-linear-gradient(left, #b54040, #3f63b3);
	background-image: -webkit-linear-gradient(left, #b54040, #3f63b3);
	background-image: -o-linear-gradient(left, #b54040, #3f63b3);
	background-image: linear-gradient(left, #b54040, #3f63b3);
	background-color: #3f63b3;
}
.red_rate {background-color:#b54040;}
.blue_rate {background-color:#3f63b3;}
.red_rate_text {color:#b54040;}

.red-link {color:#bb3636;}
.red-link:hover {color:#d14343;}
.white-link {color:#eee;}
.white-link:hover {color:#cdcdcd;}
.black-link {color:#555;}
.black-link:hover {color:#777;}
.orange-link {color:#f24800;}
.orange-link:hover {color:#ff7438;}

.blue-calendar {width:22px;height:22px;background-image:url(../images/mv-calendar.png);z-index:2;}
.green-calendar {width:22px;height:22px;background-image:url(../images/mv-calendar-green.png);z-index:2;}


.sep {margin-top:15px;border-top:1px solid #cbd4e2;height:1px;padding-bottom:12px;}
.sep-small {margin-top:7px;border-top:1px solid #ddd;height:1px;padding-bottom:3px;}
.desc {display:block;width:100%;padding:5px 0 2px 0;}
.idesc {display:block;width:100%;padding-top:5px;font-weight:bold;font-size:14px;}
.idesc i {color:#888;font-size:11px;}
.itextbox-error {border-color:#e47878;}
.itextbox-valid {border-color:#5cb467;}
.irequired {color:#f30000;}
.padding-box, .padding-box-small {
	padding:65px 35px 85px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-box-small {padding:15px 35px 25px 35px;}
.search-text {font-weight:bold;color:#d36500;}
.small-text {font-size:10px;line-height:0.9}
.gray-text {color:#777;font-weight:normal;}
.gray-blue-text {color:#8a9fd6;font-weight:normal;}
.blue-text {color:#4c68b3;}
.red-text {color:#b62f24;}
.red-box {background-color:#b62f24;color:#fff;font-size:13px;}
.red-box:hover {background-color:#c43a2f;color:#eee;}
.red-box-border {border-top:1px solid #880a00;}
.red-box-border:hover {border-top:1px solid #a51d12;}
.light-blue-box {background-color:#455fa8;color:#fff;font-size:12px;}
.light-blue-box:hover {background-color:#5e78c3;color:#eee;}
.blue-box {background-color:#244ea1;color:#fff;font-size:13px;border:1px solid #284981;}
.blue-box:hover {background-color:#295abd;color:#eee;border:1px solid #2150af;}
.blue-box-border {border-top:1px solid #002369;}
.blue-box-border:hover {border-top:1px solid #244ea1;}
.orange-box, .orange-box:hover {background-color:#dd4808;cursor:default;color:#fff;}
.orange-box-border, .orange-box-border:hover {border-top:1px solid #a83300;}
.error-box {display:none;background-color:#ffcbcb;color:#bd3232;border:1px solid #db5d5d;padding:5px 8px 6px 8px;margin-bottom:8px;}
.success-box {display:none;background-color:#dcfde0;color:#10911a;border:1px solid #27a322;padding:5px 8px 6px 8px;margin-bottom:8px;}
.ierror {display:none;padding:1px 0 7px 1px;width:100%;color:#d33838;}
.ajax-loader {display:none;}

.for-web {display:inline-block;}
.for-ipad {display:none;}
.for-ipad-mobile {display:none;}
.for-mobile {display:none;}

.popup-overlay {background:#000000;z-index:150;top:0;left:0;display:none;}
.popup-close {top:8px;right:10px;color:#ff824c;font-family:Arial;font-weight:bold;font-size:14px;}
.popup-close:hover {color:#ff824c;}
.popup-ajax {top:0;left:0;display:none;z-index:155;}
.popup-ajax img {top:49%;margin-top:-10px;height:15px;}
.popup-overlay-box {width:700px;height:400px;left:50%;margin-left:-350px;top:50%;margin-top:-200px;z-index:155;background-color:#eee;display:none;}
.popup-overlay-box-left {overflow:scroll;}
.popup-overlay-header {padding:8px;border-bottom:2px solid #f24800;color:#ff824c;font-size:14px;font-weight:bold;background-color:#3a65c7;height:35px;}
.opc-80 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.popup-tr {padding:5px 5px 4px 5px;}
.popup-td {padding-right:15px;}
.popup-td .input-div, .popup-td select, .popup-td input {margin-top:2px;}
.popup-date {top:48px;left:8px;z-index:5;}
.popup-day {background-color:#3a65c7;color:#fff;width:46px;height:43px;font-size:20px;padding:9px 2px 0 0;}
.popup-month-year {margin-left:5px;}
.popup-month-year div {background-color:#3a65c7;color:#fff;width:46px;height:19px;padding-top:2px;}
.popup-month {margin-bottom:5px;}

#enter-content-edit {padding:5px 5px 0 115px;height:365px;}
#time-in-hour,
#time-in-minute {width:58px;}
.time-sep {padding:8px 2px;font-weight:bold;}
.time-am-pm-sep {margin-left:6px;}
.popup-td div input.time-height, .popup-td div select.time-height {height:32px;}


#save-record {bottom:15px;right:15px;background-color:#3a65c7;color:#fff;height:25px;width:100px;padding-top:4px;}
#save-record-ajax {bottom:20px;right:15px;width:100px;height:25px;}


/*************
 * Media CSS *
 *************/
@media only screen and (min-width : 861px) and (max-width : 1200px)
{
}

@media only screen and (min-width : 540px) and (max-width : 860px)
{
	body #content {padding:5px 3px 50px 3px;}
}

@media only screen and (min-width : 100px) and (max-width : 860px)
{
	body .for-web {display:none;}
	body .for-ipad-mobile {display:block;}
}

@media only screen and (min-width : 100px) and (max-width: 720px)
{
	body .survey-option {padding:15px 15px 15px 8px;}
	body .survey-box {padding:10px 0;}
	
	body .survey-text {line-height:22px;padding:4px 15px 15px 15px;}
	body .survey-text p {font-size:17px;padding:6px 6px 13px 6px;}
	body .survey-text p b {font-size:18px;}

	body .option-title {color:#204ba2;font-weight:bold;font-size:17px;padding:6px 4px 16px 5px;}

	body .option-title-2 {font-weight:bold;font-size:17px;padding:6px 6px 4px 6px;}
	body .option-details {padding:16px 12px 10px 11px;border-top:2px solid #ff6d2f;}
	body .option-details .option-detail-inp {width:100%;height:42px;font-size:18px;}
	body .option-details-pad {padding-bottom:16px;}

	body .option-boxes {display:block;width:100%;}
	body .option-box {
		float:none;
		width:100%;
		padding:12px 10px;
		height:122px;
		line-height:22px;
		font-size:17px;
	}
	body .option-circle {margin:32px 13px 6px 7px;}
	body .option-lines {padding-top:4px;width:auto;font-weight:bold;}
	body .option-lines span {font-weight:normal;}
	body .option-5-lines {line-height:19px;padding-top:0px;}
	body .option-3-lines {line-height:25px;padding-top:8px;}
}

@media only screen and (min-width : 100px) and (max-width : 539px)
{
	body #content {padding:5px 2px 50px 2px;}
}