/* servicing tab */
.tabs {
	float: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	/*background-color: #fafafa;*/
	width: 30%;
}

.tabs button {
	display: block;
	background-color: white;
	padding: 8px 5px;
	width: 100%;
	border: none;
	/*border-top: solid 1px #ccc;*/
	border-bottom: solid 1px #ccc;
	/*border-radius: 5px;*/
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
}

.tabs .ticketLink div {
	display: inline;
}

.button_text {
	font-size: 1em;
	color: #004687;
}

.servicing_custom_buttons {
	padding-top: 15px;
}

[class*="icon_active"] {
    color: #0db700;
}
[class*="icon_inactive"] {
    color: grey;
}

.tabs button.active {
	background-color: #ccc;
	/*color: white;*/
}

.tabcontent {
	float: left;
	padding: 0px 12px;
	/*border: 1px solid #ccc;*/
	width: 100%;
	border-left: none;
}
/* servicing tab */

.smart-logo {
	margin-top: 3px;
}

#chatSupport.on {
	right: 0;
}

input [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

#chatSupport {
	cursor: pointer;
	background: #0275d8;
	padding: 8px 0;
	border-radius: 100px 0 0 100px;
	position: fixed;
	top: 80px;
	right: -135px;
	width: 165px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.17);
	color: #fff;
	letter-spacing: .1em;
	z-index: 99999;
	transition: all .5s ease-in-out;
	white-space:nowrap;
	box-sizing:content-box;
}



#chatSupport a {
	color: #fff;
}

.right{
	padding-right: 5px;
}

.grid_12.GridShow .box{
	border:solid 1px #10528f;
}

.large.center-elements{
	background-color:#4199e9;
	color:white !important;
}

.grid_6 .box{	
	border:solid #10528f 1px;
}

.login_box {
	padding: 0px 10px;
}

.container_12 .grid_3 .box{
	min-height:365px;
}

p input.inputleftNormal{
	min-height:22px;
}

.center_row{
	width:100%;
	padding:2% 1px 1px 1px;
	margin:0 0 0 12%;
}

hr {
    color: #b9d3ff;
    padding-top: 1px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px;
    border-top: 1px solid;
}    



.center_loanDetail_row .box{
	border:solid 1px #004687;
	min-height:365px;
}

.center_loanDetail_row{
	width:100%;
	padding:2% 1px 1px 1px;
	margin:0 0 0 18.5%;
}

.container_12{
	min-height:100%;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}

.mainContainer{
	padding-top:50px;
}

#toolbar {
	background: #004687;
	background: -webkit-linear-gradient(#195893, #004687);
	background: -moz-linear-gradient(#195893, #004687);
	background: linear-gradient(#195893, #004687);
	border-color: #004687;
}
#toolbar .right li > a, #toolbar .right li > a:visited {
	color: #004687;
	text-shadow: none; 
	border-radius:4px;
}
#toolbar .right li>a span:not(.icon){
	display: inline-block;
	min-height:23px;
	position: relative;
	left: -12px;
	margin-right: -5px;
	line-height: 21px;
	line-height: 22px;
	border:none;
	border-radius: 2px 0 0 2px;
	box-shadow:none;
}
#toolbar .right li > a span, #toolbar .right li > a:visited span{
	color: white;
	text-shadow: none; 
}
#toolbar .right li > a, #toolbar .right li > a:hover {
	background: #efefef;
	border-radius:3px;
}

#main .toolbar{
	background: #004687;
	background: -webkit-linear-gradient(#195893, #004687);
	background: -moz-linear-gradient(#195893, #004687);
	background: linear-gradient(#195893, #004687);
	border-color: #004687;	
}
#main .toolbar .user > span{
	color:white !important;
}
#main{
	border:solid 1px #004687;
	border-width: 0 1px 1px 1px;
	box-shadow:0 0 1px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.31);
}

#content .box .header ul li a{
	border:1px solid #c0c8d0;
	border-left:none;
}

#content .box .header ul li:first-child a{
	border:1px solid #c0c8d0;
}

#content .box .header ul li.current a{
	border:1px solid #c0c8d0;
}
#content .box .header ul li:hover a{
	border:1px solid #c0c8d0;
	border-left:none;
}
#content .box .header ul li:hover:first-child a{
	border-left:1px solid #c0c8d0;
}
#content .box .header ul li.current a{
	background:#10528f;
	border-left:none;
	color:white;
}

#content .box .header ul li.current:first-child a{
	background:#10528f;
	border-left:1px solid #c0c8d0;
}

#content .box .header ul li:last-child a{
	border-right:none;
}


h2, .h2 {
    font-size: 1.5em;
}

h2.small{
	padding-left:1%;
	color:black !important;
		
}

header .buttons a{
	border-color:#004687;
}

.box{
	margin-bottom:0;
}

.box .content{
	padding:0; 
	background:white;
}

.dataTables_scrollBody{
	background:#fdfdfd;
}

.DisplayTabs:last-child{
	border:none;
}

.SearchFieldLabel{
	color:#004687;
}

.subtitle {
    color:white;
    font-size:12pt;
    padding-left:6px;
}


.innerSubTitle {
    font-size: 11pt;
    font-weight: 700;
    padding: 10px;
    background-color: #4199e9;
	color: white;
	text-align: center;
}

.innerSectionTitle {
    font-size: 10pt;
    font-weight: 700;
    padding: 10px;
	color: #990000;
	text-align: left;
}

.TabLabelHeader{
	color: white;
	border:;
	border-top:1px solid #c0c8d0;
	border-bottom:1px solid #c0c8d0;
	padding:0;
	max-height:35px;
	background:#efefef;
}
.TabLabelHeader span{
	display:inline-block;
}

.DisplayLabel, .DisplayTotalsLabel {
	color: #004687;
}

a, a:visited{
	color:#004687;
	font-weight:700;
}

.alink:hover{
	color:#0000FF;
	text-decoration:underline;
}

.alink:hover {
color: black;
font-weight:bold;
}

table.styled tbody tr:hover td {
background:#bfdcf8;
}

header .buttons .icon, header .buttons img {
    height: 15px;
    width: 15px;
    font-size: 15px;
}

header .buttons a {
	text-align:center;
    margin-left: 10px;
    padding: 5px 15px;
    color: #fff;
}

h2.small {
    color:#57B995!important;
    font-size:12pt;
}

h2.large {
    font-size:14pt;
}



.box .header ul li.current a {
    background: #FFFBCC;
}

#main .toolbar .user > span {  
    font-size: 13px;
    font-weight: 700;
    color: #222;
    text-shadow: 0 0px 0 #000; */    
}

#main .toolbar input[type="search"], #main .toolbar input.search {
    float: none;
    position: static;
}

.buttons-excel {
    background-color: #34a853!important;
	color: white!important;
	background-image: none!important;
	border: 1px solid transparent!important;
}

.buttons-excel:active:not(.disabled), .buttons-excel:hover:not(.disabled), .buttons-excel:focus:not(.disabled) {
	background-color: #0a8d00!important;
}

.buttons-pdf {
    background-color: #e00325!important;
    color: white!important;
	background-image: none!important;
	border: 1px solid transparent!important;
}

.buttons-pdf:active:not(.disabled), .buttons-pdf:hover:not(.disabled), .buttons-pdf:focus:not(.disabled){
	background-color: #e83a55!important;
}

.buttons-print {
	background-color: #4285f4!important;
    color: white!important;
	background-image: none!important;
	border: 1px solid transparent!important;
}

.buttons-print:active:not(.disabled), .buttons-print:hover:not(.disabled), .buttons-print:focus:not(.disabled){
	background-color: #5893f5!important;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #e9ecef;
}

.table-striped tbody tr:nth-of-type(odd) {
    color: 000;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-striped tbody tr:hover {
    background: #c1d2e2!important;
}

.btn-form-blue {
    background-color: #204D74!important;
	color: white!important;
	background-image: none!important;
	border: 1px solid transparent!important;
}

.btn-form-blue:hover {
    background-color: #265d8c!important;
    color: white!important;
}

.tabletools {
    text-align: right;
    padding: 8px 0px;;
    background: #f7f7f7;
	border-bottom: none;
}

.dataTables_filter {
	margin-bottom: 8px;
}

.tabletools a:hover, .tabletools a:active, .tabletools a:focus, .btn-form-blue {
	box-shadow: none!important;
}

label.error {
	z-index: 9999;
}

@media print {
	table.dataTable.no-footer {
		border: 1px solid #111;
	}
}


/*// Date Picker | START //*/
.dropdown-menu {

    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: ;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
	font-size:95%;
}

.datepicker {
    padding: 4px;
}

.datepicker thead{
	font-size:110%;
}

.datepicker:parent{
	padding:8px;
}

.datepicker .table-condensed{
 border-spacing: 0;
}

.datepicker .table-condensed span{
	font-size:13px;
	border:1px solid #D0D0D0;
	border-radius:0;
}

.datepicker thead{
	color:white;
	margin:0;
	padding:0;
}

.datepicker .table-condensed .datepicker-switch:hover, .datepicker .table-condensed .next:hover, .datepicker .table-condensed .prev:hover{
	background: #6690b7;
}

.datepicker .table-condensed .next, .datepicker .table-condensed .prev{
	 padding-bottom:5px;
}

.datepicker thead tr th{
	background: #004687;
    background: -webkit-linear-gradient(#195893, #004687);
    background: -moz-linear-gradient(#195893, #004687);
    background: linear-gradient(#195893, #004687);
    border-color: #004687;
	border-radius:0;
}

.datepicker tbody tr td{
	border:1px solid #D0D0D0;
	border-radius:0;
}
/*// Date Picker | END //*/