@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab|Lora|Roboto|Libre+Baskerville);

/*Internet Explorer 8 fix - default it to small logo */
.sv-navbar-brand #small_logo{
	width:30px;
	margin-top:-7%;
	}
@media (min-width:992px) { 
	.sv-navbar-brand #small_logo{
	width:75px;
	margin-top:-3%;
	}
	.sv-navbar-brand #large_logo{
	width:175px;
	margin-top:-1%;
	}
}
@media (max-width:991px) { 
	.sv-navbar-brand #small_logo{
	width:30px;
	margin-top:-7%;
	}
    .sv-navbar-brand #large_logo{
	width:100px;
	margin-top:-1%;
	}
    .sv-input-group .sv-form-control{
      border-top-right-radius:4px !important;
      border-bottom-right-radius:4px !important;
    }
}
.sv-page-content{
   margin-bottom:100px;
}

.sv-navbar-default .sv-navbar-toggle, 
.sv-navbar-default .sv-navbar-toggle,
.sv-panel .sv-dropdown[role="group"]{
	border:1px solid #fff;
	/*border-radius:4px;*/
}

.sv-navbar-default .sv-navbar-toggle:hover, 
.sv-navbar-default .sv-navbar-toggle:focus,
.sv-panel .sv-dropdown[role="group"]:hover{
    background-color: #DD0B15;
	border:1px solid #fff;
	/*border-radius:4px;*/
}

.sv-navbar-default .sv-navbar-toggle:hover .sv-icon-bar{
  background-color:#fff;
}

.sv-lse-five{
	width: 5%;
}
.sv-lse-ten{
	width: 10%;
}
.sv-lse-fourteen{
	width: 14%;
}
.sv-lse-fifteen{
	width: 15%;
}
.sv-lse-sixteen-six{
    width: 16.666%;
}
.sv-lse-twenty{
	width:20%;
}
.sv-lse-twentyfive{
	width:25%;
}
.sv-lse-thirty{
	width:30%;
}
.sv-lse-thirtyfive{
	width:35%;
}
.sv-lse-forty{
	width:40%;
}
.sv-lse-fortyfive{
	width:45%;
}
.sv-lse-fifty{
	width:50%;
}
.sv-lse-fiftyfive{
	width:55%;
}
.sv-lse-sixty{
	width:60%;
}
.sv-lse-sixtyfive{
	width:65%;
}
.sv-lse-seventy{
	width:70%;
}
.sv-lse-seventyfive{
	width:75%;
}
.sv-lse-eighty{
	width:80%;
}
.sv-lse-eightyfive{
	width:85%;
}
.sv-lse-ninety{
	width:90%;
}
.sv-lse-ninetyfive{
	width:95%;
}
.sv-lse-onehundred{
	width:100%;
}


.lse-ipp #large_logo{
    padding-bottom:20px;
}

.ui-dialog { margin:0 auto; }

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-title{
	background-color:#eaeaea !important;
}

.ui-dialog .ui-dialog-buttonpane{
	background-color:#fff !important;
	border-top-color:#fff !important
}

#mainnav li{
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}
#mainnav li:hover a{
	background:#4E91AE !important;
	color:#fff;
	
}
@media (min-width:992px){
	.sv-nav li a .fa{
		margin-left:10px !important;
		margin-top:2px;
	}
	#mainnav{
		margin-bottom:15px;
	}

	#mainnav li a{
		background:#eee !important;
		color:#1d1d1b;
		border-radius:0px !important;
		text-align: center;		
	}
	
    #mainnav li{
        border-bottom:5px solid #75756d;
    }
    #mainnav li.red, #mainnav li.current{
        border-bottom: 5px solid #FB7F57;
    }
    #mainnav li.green{
        border-bottom:5px solid #5cb85c;
    }
	
}
@media (min-width:768px) and (max-width:991px){
	
	#mainnav{
		margin-bottom:15px;
	}
    
    #mainnav li{
		width:100% !important;
        border-bottom:1px solid #ccc;
    }

	#mainnav li a{
		background:#eee !important;
		color:#1d1d1b;
		border-radius:0px !important;
		text-align: left;
        font-size:11px;
	}
	
}

/*Styling for collapsible navbar in xs and sm viewport*/
  .sv-nav li.green span.sv-badge, #mainnav li.green span.sv-badge{
      background-color:#5cb85c;
      color:#fff;
  }
  .sv-nav li.red span.sv-badge, #mainnav li.red span.sv-badge{
      background-color:#FB7F57;
      color:#fff;
  }

/*New style 'active' tab */

@media (min-width:1px) and (max-width:767px){
  #mainnav li.current a:before, .sv-nav li.current a:before{
  	content: "\f054";
    font-family: "FontAwesome";
    left:1%;
    position:absolute;
    top:24%;
    font-size:10px;
    color:#59A6C8;
  }
    #mainnav li.current a, .sv-nav li.current a{
      /*background-color:#e10017 !important;
      color:#fff;*/
      font-weight:bold;
      border-left:3px solid #59A6C8;

  }
}
@media (min-width:768px) and (max-width:991px){
  #mainnav li.current a:before, .sv-nav li.current a:before{
  	content: "\f054";
    font-family: "FontAwesome";
    left:1%;
    position:absolute;
    top:28%;
    font-size:10px;
    color:#59A6C8;
  }
    #mainnav li.current a, .sv-nav li.current a{
      /*background-color:#e10017 !important;
      color:#fff;*/
      font-weight:bold;
      border-left:3px solid #59A6C8;

  }
}
@media (min-width:992px) and (max-width:1170px){
    #mainnav li.current a, .sv-nav li.current a{
      background-color:#59A6C8 !important;
      color:#fff;
  }
}
@media (min-width:1171px){
    #mainnav li.current a, .sv-nav li.current a{
      background-color:#59A6C8 !important;
      color:#fff;
  }
}

#mainnav li.current:hover a::before{
	color:#fff !important;
	
}
/*Pull in the old class to hide question numbers*/
.qnumber{
	display:none;
}


/* LSE Specific Styling*/
.sv-lse{
	background:#DD0B15 !important;
	color:#fff !important;
}
.sv-lse:hover{
	background:#AE0012 !important;
	color:#fff !important;
}
.sv-lse-border{
	background:#e10017 !important;
	border:1px solid #611D24 !important;
	color:#fff !important;
}
.sv-lse-border:hover{
	background:#AE0012 !important;
	border:1px solid #611D24 !important;
	color:#fff !important;
}
.sv-lse-ipp{
	background:#1D1D1B !important;
	color:#fff;
}
.sv-lse-ipp:hover{
	background:# !important;
	color:#fff;
}
.sv-well{
min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #eaeaea;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.sv-well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.sv-well-lg {
  padding: 24px;
  border-radius: 6px;
}
.sv-well-sm {
  padding: 9px;
  border-radius: 3px;
}
td.sv-active, tr.sv-active, tr.sv-active th, li.sv-active a{
	background:#6E6E6E !important;
}

label.sv-active{
	background:#dd0b15 !important;
}
.sv-panel-heading h1,
.sv-panel-heading h2,
.sv-panel-heading h3,
.sv-panel-heading h4,
.sv-panel-heading h5,
.sv-panel-heading h6{
    font-family:"Roboto", "Open Sans",Helvetica !important;
}

.sv-close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.sv-close:hover,
.sv-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.sv-close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.sv-btn-file {
    position: relative;
    overflow: hidden;
}
.sv-btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
 }    	
@media(max-width:992px){
			.mobile-tooltip{
				border-bottom:1px dotted #337ab7;
				color:#52524c !important;
				cursor:help;
			}
		}

@media (max-width:991px){
.hide-big-inline{
   display:inline !important;
}
.hide-small-inline{
    display:none;
}
.sv-panel-footer a.sv-btn.sv-col-xs-12, .sv-panel-footer a.sv-btn.sv-col-sm-12{
	   margin-bottom:10px;
	}
}
@media (min-width:992px){
.hide-big-inline{
   display:none;
}
.hide-small-inline{
    display:inline !important;
}
}
.sv-dropdown-menu a{
  cursor:pointer;
}

.dark-grey{
   color:#4C4C4C;
   font-weight:300;
}
[role="alert"] > div a{
	color:#4E91AE;
}