table.dataTable thead > tr > td {

	padding-left: 8px;
	
	padding-right: 30px;


}

table.dataTable thead > tr {
	/* background-color: #3bc0c3 ;*/
	/*     background: rgba(0, 0, 0, 0) url("https://www.rivierafinance.com/wp-content/uploads/2016/03/bg.png") repeat scroll 0 0; */ 
	/*background-color: #3bc0c3 ;*/
	background-color: #08347a ;
	color: white;
	font-weight: bold;
	white-space: nowrap;
}

tr.gridHeader , tr.gridHeader > th{
	background-color: #08347a !important;
	color: white;
	font-weight: bold;
	white-space: nowrap;

}



table.dataTable .datafooter{
	
	font-weight: bold;
	height: 30px;

}

table.dataTable .datafooter > td {
	border: none ;
/*	border-top:2px solid #111; */
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	vertical-align: middle;
}

table.dataTable .datafooter ~ .datafooter > td {
	
	border: none ;
	border-top: none;
	/* border-collapse: collapse;
	border-left: 0px  !important;
	border-right: 0px !important;
	border-bottom: 2px solid black !important;
	border-top: 2px solid black !important;*/

}







table.dataTable.no-footer{
	border-bottom:1px solid #ddd !important

}

.table thead > tr > th, .table thead > tr > td {
	text-align: center;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 10px;
	vertical-align: top;
}



.panel-heading {
    border-color:#eff2f7 ;
    font-size: 16px;
    padding-bottom: 15px;
    padding: 5px 5px;

}


/*Cherif: To switch to original, delete this class*/
.panel.panel-primary .panel-heading {
   background-color: #08347a;
    color: #fff;
}

/*Cherif: To switch to original, delete this class*/
.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary{
    background-color: #79bde9;
    border: 1px solid #79bde9;
	color: black !important;
}

/******** 2. Left Panel (aside navigation) ********/
aside.left-panel {
 /* background-color: #1a2942; */
 /*background-color: #20427a; 

 background: rgba(0, 0, 0, 0) url("https://www.rivierafinance.com/wp-content/uploads/2016/03/bg.png") repeat scroll 0 0;*/

 /*background-color:  #1a2942;*/

 background-color:  #282d32;
}

/*Cherif : Unbold all panel heading*/
.panel-heading > h4,  .panel-heading > h5 {
 font-weight: normal !important;
 font-size: 16px !important;

}

.contact-card{

	padding: 10px 10px;

}

.list-group-item
{

	border-bottom-style: none;
	border-bottom-width: 0;

	border-top-style: none;
	border-top-width: 0;

	border-right-style: none;
	border-right-width: 0;

	border-left-style: none;
	border-left-width: 0;

}

a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{
	color:#0072c6;
	/*text-decoration:none;*/
	text-decoration:underline;
	background-color:#f5f5f5;
	/*font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;*/

}

a.list-group-item,button.list-group-item{
	color:#0072c6;
	/*font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;*/
	text-decoration:none;

}

/*Links Color*/
a{
    /*color: #333b4d;*/
	color:#0072c6;
    cursor: pointer;
    /*outline: none !important;*/
	text-decoration: none !important;
	/*font-family: az_ea_font,wf_segoe-ui_semibold,"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;*/
}


a:hover,a:focus{
    color: #2A3542;
    text-decoration: underline !important;
}

/*** Aside Collapsed ***/
@media (min-width: 769px) {
	aside.left-panel.collapsed {
		width: 68px !important;
		text-align: center;
	}
}

p.PageTitle {
	text-align: center;
	font-size: 17px;
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
	color:inherit
}

p.PageSubTitle {
	text-align: center;
	font-size: 15px;
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
	color:inherit
}

div.page-title {
	text-align: center;
}

.form-control.size-3{
	display: initial;
	width: 3em !important;
	margin-bottom: 10px;
}
.form-control.size-4{
	display: initial;
	width: 4em !important;
	margin-bottom: 10px;
}

.form-control.size-5 {
	display: initial;
	width: 5em !important;
	margin-bottom: 10px;
}


.altTextField {
    font-size: 10px;
    background-color: Yellow;
    color: black;
}




/*The following 2 lines underlines all links except for the logo and the right navigation bar*/
a {

text-decoration:underline;

}

a.logo-expanded , a.dropdown-toggle , ul.dropdown-menu > li > a {

text-decoration:none;

}

/*Cherif: Delete this class to fallback to default*/
.navigation > ul > li > a {
  display: block;

  /*CS padding: 15px 25px;*/
  padding: 10px 10px;
  /*color: #b4b6bd;*/
  /*CS font-size: 15px; */
  color: #fff;
  font-size: 11px;
  text-decoration: none;
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  font-weight: 200;
  outline: none !important;
  /*az_ea_font,wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif*/
}

/*Cherif: Delete this class to fallback to default*/
.navigation > ul > li:hover{
	background-color: #4a4f53;
}



.navigation ul li ul li a {
  padding: 8px 25px 8px 55px;
  color: #fff;
  text-decoration: none;
 /*CS white-space: nowrap; */
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  /*CS font-size: 14px;*/
  font-size: 11px;
  border-left: 0px solid #75798B;
  text-align: left;
  display: block;
  outline: none !important;
}

.navigation ul li ul li a:hover {
  color: #ffff66;
}

.navigation ul li ul li.active a {
  color: #ffff66 !important;
}

.navigation > ul > li.active:hover > a,
.navigation > ul > li.active > a {
  color: #ffff66;
  background: #4a4f53;
}

/*** 2.3 Sub Menu ***/
.navigation ul li ul {
  display: none;
  color: #fff;
  background-color: #4a4f53;
  /*background-color: #2196f3 ;*/
  padding-bottom: 10px;
}


.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border: none;
	border-bottom: 1px solid #ddd;
}


.panel .panel-body{
  padding-top: 10px;
  padding-bottom: 5px;
}
.panel-default{
  padding-top: 5px;
  padding-bottom: 5px;
}


.panel-heading-compact{
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	border-top: 0px solid black;

    padding-bottom: 0px;
    padding: 5px 5px;
}

.panel-heading-small{
	
	font-weight: bold;
	font-size: 11px;

    padding: 0px 0px;
}

/*Reduce text input size*/

.form-control {
	font-size: 11px;
}



.form-control-static { 
	min-height: 1px !important;
	/*height: 20px;*/
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0

}

/* Unbold all label texts */
label
{
	font-weight:normal;

}




    @media (max-width: 767px) {
    .text-xs-left  { text-align:left }
	.text-xs-right  { text-align:right }
	.text-xs-center  { text-align:center }

	/*Cherif - 10/31/2016 : Per Tony's request, the following classes reduce padding to get more space on small devices.*/
	.content > .container-fluid 
	{
    padding-left: 2px ;
    padding-right: 2px ;
	}

	  .container-fluid{padding-right:2px;padding-left:2px;margin-right:auto;margin-left:auto}

	.panel
	{
    padding: 5px 5px;
    border: none;
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
    box-shadow: none;
	}

	.input-group[class*=col-]
	{
		float:none;padding-right:10px;padding-left:10px

	}
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-xs-1,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12,
	.col-xs-2,
	.col-xs-3,
	.col-xs-4,
	.col-xs-5,
	.col-xs-6,
	.col-xs-7,
	.col-xs-8,
	.col-xs-9 {
	  padding-left: 15px;
	  padding-right: 15px;
	}
}



	@media print {




        a[href]:after {
          /*This is bootstrap CSS and will show link location in printout.
    content: " (" attr(href) ")";*/
    content: none;
  }


    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 5px !important;
    border: 0px  ;
	border-bottom: 1px solid #ddd ;
    }

	.panel {
		padding: 1px 1px;
	}



 


}



body {
  /*color: #797979;*/
  color: #2d3239;
 /*background-color: #edf0f0;*/
 /*background-color: #f1f1f1;*/

 background-color: #ccccb3;
 /*CS Original font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  /*font-family:  Verdana,sans-serif;*/
  font-family: Verdana,az_ea_font,wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
  padding: 0px !important;
  margin: 0px !important;
 /*CS Original font-size: 14px; */
  /*font-size: 11px;*/

  font-size: 11px;

  /*CS Added*/
  line-height: 140%;
}



/*Cherif: Control tables in InvUpload application*/
.riv-paginate_button{
	box-sizing:border-box;
	display:inline-block;
	min-width:1.5em;
	padding:0.5em 1em;
	margin-left:2px;
	text-align:center;
	text-decoration:none !important;
	cursor:pointer;
	*cursor:hand;
	color:#333 !important;
	border:1px solid transparent;
	border-radius:2px

}
.riv-paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}

#divPager{
	padding: 10px 10px;
	background-color: white;
}

table.dataTable thead > tr > th > a {
	color: white !important;
}

table.dataTable tr.odd, table.dataTable tr.odd > td {
	background-color: #f9f9f9;
	
}

table.dataTable tr.even {
	background-color: #fff !important;
}

/* Uncomment to highlight row on hoover
table.dataTable tr.odd:hover, table.dataTable tr.even:hover {
	background-color: #f9f9f9 !important;

}
*/


.top-menu li >a {
  color: #333;
  text-align: center;
  padding: 22px 15px;
  font-size: 16px;
  text-decoration:none;
}

.top-menu li >a:hover,.top-menu li >a:focus,.top-menu li >a:active {
  background-color: #edf1f2;
  text-decoration:none !important;
}

/*Color of the 3 bars for navigation bar toggle icon*/
.navbar-toggle .icon-bar {
  /*background-color: #b3b3be;*/
  background-color: #333;
}



.link-comment, a:hover > .link-comment, a:focus > .link-comment{
    color: #ff0000;
    text-decoration-line:none  !important;
	font-size: xx-small;
}


table.dataTable tbody tr{background-color: transparent !important}


.HeaderRow
{

	background-color: #3bc0c3 ;
	color: white !important;
	font-weight: bold;
	white-space: nowrap;

    /*FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    background: #DCDCDC;*/
    text-align:center;
    height: 30px;
}


.riv-button-row{
	  text-align: right; 
}

table.riv-radio-combo > tbody > tr > td{
	  text-wrap: none !important;
}

/*For FastCredit Application*/

        #creditInfoHeader{
            padding:5px;
        }
        .creditSectionHeader {
            background-color: #D4D0C8;
            /*  height: 15px;*/
            font-weight: 700;
        }

        .creditDecision{
            font-size: 14px;
            /*padding: 5px;*/
			padding-top: 15px;
		   padding-bottom: 15px;
		   margin-bottom: 10px !important;
        }

       .creditSection{
            border: 1pt solid grey;
            padding-left: 0px;
            padding-right: 0px;
            margin-bottom: 5px;

        }

	   /*col-xs-6 is the width of the areas in the credit decision form. overriding the default padding to remove unwanted indentation*/
	   .col-xs-6 {
		   padding-left: 0px !important ;
	   }


	   #decisionHeader{
		   padding-left: 0px ;
	   }


	   
	   #creditInfoHeader{
		   margin-right: 0px ;
	   }
	   
        .creditDecisionRow, .creditDecisionRow .row{
            margin-right: 1px;
        }

		.creditDecisionText{
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.creditDecisionStatusText{
			font-weight: 700;
		}


       @media (max-width: 767px) {
            .creditDecisionRow{
            margin-right: 0px;
            margin-left:0px;
        }

		#decisionHeader{
		   padding-left: 15px !important;
	   }

	   
	   #creditInfoHeader, #creditInfoBackLink{
		   margin-left: 5px !important;
		   margin-right: 5px !important;
	   }
	   


        }