﻿/* Global styles start*/

.text_sm { font-size:12px; line-height: 0.5em; }
.sm_link { font-size:12px; line-height: 0.5em; color: #007AFF; }
.sm_link:hover { font-size:12px; line-height: 0.5em; color: #0054B1; }
.textcolor_white { color:#ffffff; }
.textcolor_white:hover { color:#ffffff; }
.text_notes { font-size:12px; line-height:14px; font-family:OpenSans-Italic !important; color:#3f3f3f; font-style:normal !important; font-weight:normal !important; }
.legendref { font-size:10px; line-height:14px; font-family:OpenSans-Italic !important; color:#3f3f3f; font-style:normal !important; font-weight:normal !important; }
.formtext_error { font-family:OpenSans-Bold; color:#C61C22; }
.formtext_errnote { font-family:OpenSans-Regular; font-size:12px; color:#C61C22; }
.textgreen { color:#00A729; }
.tick_disable { color:#e7e7e7; }

.pad0 { padding:0px !important; }
.pad10 { padding:10px; }
.pad20 { padding:30px; }
.pad30 { padding:30px; }
.lpad10 { padding-left:10px; }
.lpad20 { padding-left:20px; }
.rpad10 { padding-right:10px; }
.rpad20 { padding-right:20px; }
.lrpad10 { padding-left:10px !important; padding-right:10px !important; }
.tpad5 { padding-top:5px; }
.tpad10 { padding-top:10px; }
.tbpad5 { padding-top:5px; padding-bottom:5px; }
.tbpad10 { padding-top:10px; padding-bottom:10px; }
.vspacer10 { height:10px; display:block; clear:both; }
.vspacer15 { height:15px; display:block; clear:both; }
.vspacer25 { height:25px; display:block; clear:both; }
.vspacer35 { height:35px; display:block; clear:both; }
.hspacer15 { width:15px; float:left; display:inline-block; }
.fsize0 { font-size:0; }
.fsize12 { font-size:12px; }
.fsize13 { font-size:13px; }
.fsize14 { font-size:14px; }
.fsize16 { font-size:16px; }
.fsize18 { font-size:18px; }
.fsize20 { font-size:20px; }
.fsize40 { font-size:40px; }
/*a:link { color:#007aff; }
a:visited { color:#007aff; }
a:hover { color:#0054B1; text-decoration:underline; }*/
.clearboth { clear:both; }
.iblock { display:inline-block; }
.block { display:block; }
.none { display:none; }
.mar0 { margin:0px !important; }
.lmar5 { margin-left:5px !important; }
.lmar10 { margin-left:10px !important; }
.rmar5 { margin-right:5px !important; }
.rmar10 { margin-right:10px !important; }
.rmar20 { margin-right:20px !important; }
.lrmar5 { margin:0px 5px !important; }
.lrmar10 { margin:0px 10px !important; }
.tmar0 { margin-top:0px !important; }
.tmar5 { margin-top:5px !important; }
.tmar10 { margin-top:10px !important; }
.tmar50 { margin-top:50px !important; }
.tmar70 { margin-top:70px !important; }
.bmar5 { margin-bottom:5px !important; }
.bmar10 { margin-bottom:10px !important; }
.vtop { vertical-align:top; }
.vmid { vertical-align:middle; }
.vtextop { vertical-align:text-top; }
.w300p { width:300px; margin:0 auto; }
.w400p { width:400px; margin:0 auto; }
.w500p { width:500px; margin:0 auto; }
.w550p { width:550px; margin:0 auto; }
.w600p { width:600px; margin:0 auto; }
.w700p { width:700px; margin:0 auto; }
.w800p { width:800px; margin:0 auto; }
.w1000p { width:1000px; margin:0 auto; }
.w100 { width:100%; }
.w80 { width:80%; }
.w20 { width:20%; }
.fl { float:left; }
.fr { float:right; }
.tcenter { text-align:center; }
.mcenter { margin:0 auto; }
.prel { position:relative; }
.notify-warn { padding-left:30px; }
.notify-warn:before { margin-left:-30px; margin-right:10px; padding-left:0px; content:"\f071"; font-family:Font-Awesome; font-size:20px; color:#f5ab35; line-height:20px; }
.notify-warn2 { padding-left:30px; }
.notify-warn2:before { margin-left:-20px; margin-right:10px; padding-left:0px; content:"\f12a"; font-family:Font-Awesome; font-size:20px; color:#007aff; line-height:20px; }
.opensans-reg { font-family:OpenSans-Regular !important; font-weight:normal; font-style:normal; }
.opensans-bold { font-family:OpenSans-Bold; font-weight:normal; font-style:normal; }
.fgred { color:#C33; }
.fgblue { color:#007aff; }
.fggreen { color:#3FAE33; }
.fgwhite { color:#fff; }
.bgwhite { background-color:#ffffff; }
.bggray { background-color:#f0f0f0; }
.bgblue { background-color:#007aff; }
.hoverbg { background-color:#c4e3f3; }
.hoverbg-lite { background-color:#D5FBFF; }
.curhand { cursor:pointer; }
.tleft { text-align:left; }
.tcenter { text-align:center; }
.tright { text-align:right; }
.radborder { padding: 0px 12px; height:32px; line-height:30px; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; }
.allbord { border:1px solid #cecece; }
.lbord { border-left:1px solid #cecece; }
.rbord { border-right:1px solid #cecece; }
.lrbord { border-left:1px solid #cecece; border-right:1px solid #cecece; }
.tbord { border-top:1px solid #cecece; }
.bbord { border-bottom:1px solid #cecece; }
.tbbord { border-top:1px solid #cecece; border-bottom:1px solid #cecece; }
.midsplit { border-left:1px solid #cecece; height:100%; }
.lheight25 { line-height:25px; }
.lheight30 { line-height:30px; }
.posrel { position:relative; }
.posabs { position:absolute; }
/* Global styles ends here*/

/***** Form styles start *****/
.list-2dig { width:60px !important; color:#3f3f3f; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; }
.list-medium { width:180px !important; color:#3f3f3f; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; }
.list-big { display:block; width:280px !important; color:#3f3f3f; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; }
select { width:auto; color:#3f3f3f; height:32px; line-height:32px; padding-left:8px; border:1px solid #cecece; border-radius:4px; margin:0px 2px; }
input[type=text] { box-shadow:none; color:#3f3f3f; height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; }
input[type=password] { box-shadow:none; color:#3f3f3f; height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; }
input[type=text]:focus { padding-left:10px; }
input[type=password]:focus { padding-left:10px; }
.tbox-full { width:100% !important; color:#3f3f3f; font-size:14px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; }
.tbox-medium { width:180px !important; color:#3f3f3f; font-size:14px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; }
.tbox-big { display:block; width:280px !important; color:#3f3f3f; font-size:14px; height:32px; line-height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; }
.text-search { width:auto; padding-left:25px; color:#3f3f3f; height:32px; padding-left:10px; border:1px solid #cecece; border-radius:4px; margin:0px 3px; text-indent:15px; background:#ffffff url(../img/icon-search-disable.png) no-repeat 7px center; }
.input_error { border:1px solid #C61C22 !important; }

label span.fa { color: #FF0000; }

/* Blue Radio button styles 
input[type=radio ]:not(old){ width:14px; margin:0; padding:0; opacity:0; }
input[type=radio ]:not(old) + label{
  display      : inline-block;
  margin-left  : 0px;
  padding-left : 18px;
  background   : url('../img/radiostripe.png') no-repeat 0 -14px;
  line-height  : 14px;
  margin-left:-14px; 
  margin-right:14px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 0;
}
/* Blue Radio button styles */

/***** Form styles end *****/


/* Data table styles starts here */
.datatable-holder { width:100%; overflow-y:hidden; overflow-x:scroll; border:1px solid #cecece; }
.datatable-holder > table { width:1835px; max-width:1920px; }
/*.datatable-holder > table th,.datatable-holder > table td { padding:6px; border-left:1px solid #cecece; border-bottom:1px solid #cecece; }
.datatable-holder > table th { color:#ffffff; background-color: #606060; cursor:pointer; font-weight:normal; }
.datatable-holder > table tr:nth-child(odd) { background-color: #f0f0f0; }
.datatable-holder > table tr:nth-child(even) { background-color: #ffffff; }
.datatable-holder > table tr:first-child { border-top-left-radius:5px; border-top-right-radius:5px; }
.datatable-holder > table tr:first-child th:first-child { border-top-left-radius:4px; }
.datatable-holder > table tr:first-child th:last-child { border-top-right-radius:4px; }
.datatable-holder > table tr:last-child td:first-child { border-bottom-left-radius:4px; }
.datatable-holder > table tr:last-child td:last-child { border-bottom-right-radius:4px; }
.datatable-holder > table tr:last-child { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.datatable-holder > table th:first-child,.datatable-holder > table td:first-child { border-left:0px; }
.datatable-holder > table tr:last-child td { border-bottom:0px; }
.datatable-holder > table td:nth-child(12),.datatable-holder > table td:nth-child(14),.data-table td:nth-child(15) { text-align:right; }
/* Data table styles ends here*/

/***** Modal/White box styles start *****/
#search-trigger { position:relative; display:inline-block; }
.whitebox { background-color:#ffffff; position:absolute; top:36px; border:1px solid #cecece; border-radius:4px; box-shadow:0px 1px 2px rgba(0,0,0,0.25); display:none; z-index:1; }
.whitebox .arrow-link { position:absolute; right:45px; top:-17px; margin-top:0px; }
.whitebox .arrow-link img { vertical-align:top; }
.box-head { height:40px; line-height:39px; border-bottom:1px solid #cecece; padding:0px 15px; clear:both }
.box-head h3 { margin:0px; line-height:39px; }
.box-content { width:100%; padding:12px; }
.box-content .row { width:100%; margin:0 auto; }
.box-content [class*="col-"] { margin:0px; padding:0px; padding-right:10px; }
.box-foot { width:100%; height:50px; padding:3px 10px; border-top:1px solid #cecece; }
.box-head .exit { cursor:pointer; margin-top:12px; }
.fr .whitebox { right:0 !important; }
.fr .arrow > .whitebox,.fr.arrow > .whitebox { right:-10px !important; }
.arrow > .whitebox { left:-10px !important; }
.arrow > .whitebox > .arrow-link { left:5px !important; }
/***** Modal/White box styles end *****/

/***** Modal box styles start *****/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.35); /* Black w/ opacity */
}
.modal-black {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(50,50,50); /* Fallback color */
    background-color: rgba(50,50,50,1); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	display: none;
	z-index: 2;
	position: fixed;
	background-color: #fff;
	margin: auto;
	padding: 0;
	/*width: 700px;*/
	border-radius: 4px;
	border: 0px solid #7f7f7f;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
/* Add Animation */
/* The Close Button */
.modal-close {
    color: #3f3f3f;
    cursor: pointer;
}

.modal-header {
    padding: 0px 10px;
	margin:0;
	height:40px;
	line-height:40px;
	font-family:Lato-Bold;
	font-size:16px;
	border-bottom: 1px solid #cecece;
    color: #3f3f3f;
}

.modal-body {padding: 12px;}

.modal-footer {
    padding: 0px 10px;
	padding-top:10px;
	height:50px;
	border-top: 1px solid #cecece;
}
/***** Modal box styles end *****/


/***** Neo Css override styles start *****/

.button-selections {
  padding: 20px 0;
}
.button-selections .btn,
.button-selections .btn-group .btn {
  margin: 5px;
}
.data-grid {
  padding: 15px;
}
.data-grid .pagination {
  float: right;
  margin: 0;
}
.data-grid-controls {
  width: 20%;
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}
.data-grid { padding:0; }
.table { margin-bottom:5px; }
.row { margin:0; }
.row [class*="col-"] { margin:0px; padding:0px; padding-right:10px; }
.row [class*="col-"]:last-child { margin:0px; padding:0px; }
.row [class*="col-"].lpad10 { padding-left:20px; }
.row [class*="col-"].lpad20 { padding-left:20px; }
.row [class*="col-"].rpad10 { padding-right:10px; }
.row [class*="col-"].rpad20 { padding-right:20px; }
/***** Neo Css override styles end *****/


/***** Media query override styles start *****/
@media (min-width:1920px){
	.container-fluid{ max-width:1920px; }
	.datatable-holder { width:100%; }
	.datatable-holder > table { min-width:100%; }
}
@media (min-width:1860px) and (max-width:1920px) {
.datatable-holder > table { width:100%; }

}
@media (max-width:767px) {
div.arrow-link { display:none; }
}

@media (min-width:769px) {
.bg-login { width:56%; height:450px; }
.login-box { width:380px; padding:20px; }
.loginbgtop { display:none; }
.loginholder { width:1000px; margin:0 auto; }
}
@media (min-width:768px) and (max-width:959px) { 
.loginholder { width:100%; }
.bg-login { width:483px; background:url(../img/matrixcare_med.jpg) no-repeat left top 20px !important; }
}
@media (max-width:960px) { 
.bg-login { width:100%; height:400px; clear:both; background-position: center center !important; }
.login-box { width:100%; padding:20px; }
.brand-login { width:50%; }
.loginfoot { clear:both; }
.loginbgtop { height:30px; display:block; clear:both; }
.loginholder { width:100%; padding-bottom:0; }
.modal-content { width:90% !important; }
.loginmsg { position:absolute; width:100%; top:-60px; right:0px; }

}
/***** Media query override styles end *****/


/***** Login page styles start *****/
.bluestrip { background-color:#16497e; height:6px; }
.orgstrip { background-color:#de5825; height:6px; }
.bg-login { background:url(../img/matrixcare_big.jpg) no-repeat left top 5px; background-size:contain; }
.login-box { background-color:#f2f0f1; border-radius:4px; box-shadow:0px 3px 6px rgba(0,0,0,0.3); }
.brand-login + div.row { position:relative; }
.logobtn { background-image:url(../img/logoicon-16x16.png); background-repeat:no-repeat; background-position: left 10px center; padding-left:32px !important; margin-right:10px; }
.loginmsg { position:absolute; width:380px; top:-60px; right:0px; }
/*.alert { padding:10px; box-shadow:0px 3px 6px rgba(0,0,0,0.3); }*/
.alert { padding:10px;  }
.login-box > h2:first-child { margin:0; }
h2 + .form-group { margin-top:15px; }
.brand-login { width:280px;}
.pwdguide { background:url(../img/icon-tick-gray.png) no-repeat left top 4px; padding-left:20px; line-height:normal; margin-bottom:5px; }
.pwdguide.green { background:url(../img/icon-tick-green.png) no-repeat left top 4px; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #ffffff !important; background-image:inherit !important; color:#3f3f3f; }
/***** Login page styles end *****/


/***** New styles added start *****/
.form-control-error { padding:6px 8px; height:32px; border:1px solid #C61C22 !important; color:#c61c22 !important; }
.formpwd { padding:6px 8px; height:32px; border:1px solid #cecece ; font-size:21px; letter-spacing:5px; font-family:OpenSans-Regular,Font-Awesome !important; }
.formpwd::-webkit-input-placeholder { font-size:18px; } /* Firefox 19+ */
.formpwd::-moz-placeholder { font-size:18px; } /* Firefox 19+ */
.formpwd:-moz-placeholder { font-size:18px; }  /* Firefox 18- */
.formpwd:-ms-input-placeholder { font-size:18px; } 
/*.form-control{ font-family:OpenSans-Regular, Font-Awesome !important; }*/
.form-control::-webkit-input-placeholder { font-size:17px; } /* Firefox 19+ */
.form-control::-moz-placeholder { font-size:17px; } /* Firefox 19+ */
.form-control:-moz-placeholder { font-size:17px; }  /* Firefox 18- */
.form-control:-ms-input-placeholder { font-size:17px; } 
/***** New styles added end *****/

/***** Eval.shortview page styles start *****/
.row.dashinfo [class*="col-"] { margin:0px; padding:0px; padding-right:10px; }
.acc-showarrow { cursor:pointer; z-index:2; border:1px solid #cecece; width:15px; height:55px; line-height:55px; font-family: Material Icons; } 
.acc-showarrow > i { font-size:21px; margin-left:-5px; margin-top:15px; }
.acc-hidearrow { cursor:pointer; z-index:2; border:1px solid #cecece; width:15px; height:55px; line-height:55px; font-family: Material Icons; } 
.acc-hidearrow > i { font-size:21px; margin-left:-5px; margin-top:15px; }
.leftpane div.tbord.hoverbg-lite.tbpad5.lrpad10 > .material-icons { position:absolute; left:0; margin-left:5px; color:#007aff; }
/***** Eval.shortview page styles end *****/

.loginPassword {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}