/*
 * Smartphone specific stylesheet.
 * This is loaded from the head.php file in shoestrap with a media query of max-width: 767px
 */

body #banner-header {
	width: 100%;
}
body{
overflow: hidden; 

}

/* for the top bar */
.navbar.navbar-default.navbar.style5 {
  border-radius: 0;
  border-top: medium none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 998;
}

body header .entry-title{
	text-indent: 22px;	
}

/* this is the main container for the navigation menu
 * We make it stretch almost the entire screen (top is set to right below the logo, bottom is set to 20px)
 * but not beyond it, so that they can scroll it */
body .fluid nav.nav-main{
  bottom: 20px !important;
	padding: 0px !important;
	box-shadow: none;
}

body #menu-client-navigation {
/* NG 9/28/14 width: 105% !important; */
/* NG 9/28/14 margin-left: -15px !important; */
  margin: 0 !important;
}

body button.skr-add-program-request{ 
width: 99% !important;
margin-top: 0px;
 }

body .skr-program-interest{ margin-left: -1px !important;}

body #preferred-response-method-container{ width: 80% !important; line-height: 22px;}

body .navbar-header{
	margin-top: 0px;
  margin-bottom: 35px;
}

body .navbar #site-logo {
  /* center the header, we actually have a taller band than on the ipad */
  margin-top: 14px;
}

body .navbar-header .navbar-toggle {
	display: block;
	right: 0px;
	position: absolute;
}


body .before-main-wrapper .header-wrapper{height: 185px !important;}

body .header-wrapper .textwidget > img {
	margin-left: -55px !important;
	margin-top: 15px !important;
}
body .header-wrapper .textwidget h1 {
	margin-top: 15px !important;
}

body .right-header-well{
	float: left !important;
	width: 100% !important;
	height: 92px !important;
	margin-top: 15px !important;
}

body .user-profile-img {
height: 40px;
width: 40px;
margin-right: 3%;
margin-left: 5%;
margin-top: 30px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
float: left;
}
body .user-profile-name {
margin-right: 20px;
margin-top: 45px;
float: left;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 69%;
}

/* NG 9/28/14 I don't think this is actually used anywhere
body .dropdown-menu {
	left: -1px !important;
	top: 28px !important;
	margin-top: 64px !important;
	width: 101% !important;
}
*/

body .header-wrapper div:first-child{
    float: left;
    width: 100%;	
}

body .textwidget {
	margin-left: 18%;
}

body .dashboard-details {
	
	/*margin-left: -10%;*/
	float: none !important;
	padding: 5px !important;
}

body #content .dashboard-details h3{
	width: 100% !important;
	padding: 2px;
	margin: 0px;
}



body table.sortable th {
	font-size: 11px !important;
}

body #content-wrapper-left{
	padding: 0px;
	width: 98% !important;
	margin-left: 5px !important;	
}

body .wrap.main-section.fluid{
	padding: 0px !important;
}

body #content #report-status {
	width: 100%;
	padding: 0px;
	margin-left: -2px;
	/*margin-top: 25px;*/
}

body table.skr-data-list.expandoGrid{
	width: 100% !important;
}

body table > tbody > tr > th, body table.sortable th {
	font-size: 12px !important;
}

body table.sortable th {

font-size: 11px !important;
}

body #preferred-response-method-container{
 	width: 100% !important;	
}




body #menu-client-navigation li a span.el-icon-Dashboard,
body #menu-client-navigation li.active a span.el-icon-Dashboard{
background-size: 60% !important;
margin-right: 0px !important;
top: 11px;
}

body #menu-client-navigation li a {
text-indent: 18px;
font-size: 14px !important;
}

body #menu-client-navigation li.active a:after {
right: 7px;
top: 21px;
background-repeat: no-repeat;
background-size: 51%;
}

body button.skr-request-approve, body button.skr-request-deny {
	padding: 2px;
  font-size: 11px;
}
	
	body .nav-main.navbar-collapse{margin-top: -1px !important;
margin-left: -1px;
width: 100%;}



/*
NG - comment out, too specific 9/28/14
body.program-approvals-sponsor .nav-main.navbar-collapse,
body.dashboard-sponsor .nav-main.navbar-collapse, 
body.due-dilligence-report-status-sponsor .nav-main.navbar-collapse,
body.report-fulfillment-status-sponsor .nav-main.navbar-collapse,
body.ask-the-analyst-sponsor .nav-main.navbar-collapse
{
margin-top: -22px !important;
margin-left: -1px;
width: 100%;
}

*/



body.update-password .nav-main.navbar-collapse {
margin-top: -22px !important;
margin-left: 0px;
width: 100%;
}
	
#content-wrapper-left table th, 
body #report-status > table > thead > tr > th {
  font-size: 13px !important;
  padding: 6px !important;
}

/* next 2 rules are to give the expand indicator a little bit of room in the accordion headers */
body #content table.expandoGrid tbody tr.group th {
  padding-right: 20px !important;
}

table.expandoGrid .expand_indicator {
  margin-right: -16px !important;
}


body #content-wrapper-left table td {
font-size: 12px !important;
text-align: center;
}

body #dashboard-hero-header{
	margin-top: 60px !important;
}

body #dashboard-details,
body .dashboard-details{
	margin-left: -2px !important;
}

body #content-wrapper-left{
	margin-top: 35px !important;	
}

#dashboard-hero {

margin: -95px -30px 0 !important;
}


body .main header{ margin-top: 60px !important;}

body .main header .entry-title {
  /* XXX: Changed from 95 px 9/28/14 */
top: 0px !important;
}

/*
body.dashboard-sponsor .main header .entry-title,
body.ask-the-analyst-sponsor .main header .entry-title,
body.report-fulfillment-status-sponsor .main header .entry-title,
body.due-dilligence-report-status-sponsor .main header .entry-title,
body.program-approvals-sponsor .main header .entry-title
  {
top: 0px !important;
}
*/


.before-main-wrapper .header-boxed, .before-main-wrapper .header-wrapper {
  background-color: #7c0608;
  position: relative;
  top: 95px;
  z-index: 997;
}


.skr-sponsor-duediligence-status th:nth-child(3),
.skr-sponsor-duediligence-status td:nth-child(3),
.skr-sponsor-duediligence-status th:nth-child(5),
.skr-sponsor-duediligence-status td:nth-child(5){
display:none;	
}


body #ask-form-container{
	margin-left: -2px;
	/*margin-top: -15px;*/
}

body #preferred-response-method-container br, body .right-header-well{ display: none;}

body #preferred-response-method-container label { margin-top: 12px;}

body label#email_id{ margin-right: 35px; }

body #preferred-response-method-container{
	
	margin-top: 10px;
	}
	
	body.program-interest-client #report-status{ margin-top: 15px; }
 body.bootstrap .before-main-wrapper .header-wrapper { height: 80px !important; }
 
 body .navbar-default .navbar-nav > li > a, body .navbar-default .navbar-nav > li {
height: 60px !important;
}
 
 .nav-main.mobile-nav{
display: block;
position: absolute;
top: 87px;
width: 100%;
z-index: 1000;
height: auto;
background: #1B1E20;
}


 body.mobile #mobile-nav-wrapper {
position: absolute;
z-index: 1001;
top: 0px;
/* NG 9/28/14 change 101 to 100 */
width: 100%; 
height: 100%;
left: -1px;
display: none;
}


body .nav-main li.nav-link a{text-indent:57px !important;}


body.mobile #mobile-nav-wrapper .navbar-header{ /*display:none; */}

 body.mobile #mobile-nav-wrapper #banner-header{
height: 100%;
background: transparent;
}


#menu-client-navigation li a span.el-icon-Report.Fulfillment.Status {
height: 28px;
background: url(/wp-content/uploads/2014/09/btn-bkgd-battery.png);
background-repeat: no-repeat;
position: relative;
left: -6px;
top: 7px;
background-size: 85% !important;
height: 30px;
}


body .dashboard-details.last-child {
margin-top: 35px;
}


body .modal.fade.in {
  z-index: 999999;  /* got to override the "Due Diligence Portal" widget */
}
body .modal-dialog {
  margin: 0;
}
body .modal-content {
  /*
margin-top: 63%;
*/
margin-top: 20%;
margin-left: 0;
background-color: #f2f5f7;
width: 100%;
overflow: hidden;
}

 body .modal-body{
	padding: 7px;	 	 
 }
 
 #program_interest_select {
max-width: 100%;
font-size: 12px;
}


body .alert.alert-success.alert-dismissable {
margin-top: 0px;
width: 99%;
}


input[type="submit"] {
  padding: 10px 30px;
}

.download-button {
  top: 15px;
}
.download-button .fa {
  font-size: 150%;
}
.download-button .text {
  display: none;
}
body .modal-splash {
  padding: 30px;
}