/* 
We created a this custom.css file so you can add customize styles without modifying the bootstrap stylesheet. However, you can use your own stylesheets if you prefer.  
*/
body {
	margin-top: 50px;
}

footer {
	margin: 50px 0;
}

.browser-warning {
  margin: 20 auto;
  width: 90%;
  padding:10px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;

}

.logodiv {
  background: url(../img/login_back.jpg) no-repeat;
  
}

.help-bar {
  position: fixed;
  bottom:-1px;
  min-height:37px;
  border: 0px;
  z-index:1500;
}


.ui-autocomplete .m-name {
	margin-right: 1em;
	font-size: 120%;
}
.ui-autocomplete .m-year {
	float: right;
	font-size: 120%;
}
.ui-autocomplete .m-cast {
	display: block;
	font-size: smaller;
}
.ui-autocomplete .m-name-sm {
	margin-right: 1em;
	font-size: 80%;
}
.ui-autocomplete .m-year-sm {
	float: right;
	font-size: 80%;
}

@media (min-width:768px) {
 .help-button {
  background: url(../img/help.jpg) no-repeat;
  width:37px;
  height:201px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
     -moz-border-radius-topleft: 4px;
     -moz-border-radius-topright: 4px;
	  border-top-left-radius: 4px;
	  border-top-right-radius: 4px;
  -webkit-box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
 }
}

@media (min-width:992px) {
 .help-button {
  background: url(../img/help-h.jpg) no-repeat;
  height:37px;
  width:201px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
     -moz-border-radius-topleft: 4px;
     -moz-border-radius-topright: 4px;
	  border-top-left-radius: 4px;
	  border-top-right-radius: 4px;
  -webkit-box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
  
 }
}

.helpdiv {
 position: absolute;
 display: block;  
 width: 350px;
 height:800px;  
 top: 60px;  
 left: 0;
 padding: 8px 11px;  
 padding-top: 35px;
 margin-left:-353px; 
 background-color:linen; 
 border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
     -moz-border-radius-topright: 8px;
     -moz-border-radius-bottomright: 8px;
	  border-top-right-radius: 8px;
	  border-bottom-right-radius: 8px;
  -webkit-box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 3 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
 overflow:auto;
 z-index:1510;
}



.modal-ish {
  width: 560px;
  margin: 30px auto auto auto;
  padding:10px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal-ish-lg {
  width: 90%;
  margin: 30px auto auto auto;
  padding:0px 0px 10px 0px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.align-center {
	text-align:center;
}

.no-border{
	border-width:1px 0px 1px 0px;
}

.no-margin {
	margin:0px;
}

.form-control-switch {
  display: block;
  height: 34px;
  font-size: 14px;
  line-height: 1.428571429;
}

.tight {
	padding-left:0px;
	padding-right:0px;
}

.ovf {
	overflow:visible;
}

.no-ovf{
	overflow:hidden;	
}

.afm, email {
	
}

.regyear {
	 background-image: url('../img/regyear.jpg');
	 height:200px;
}

.imgdiv {
	color: silver;
	font-size: 200%;
}

.loading {
	display:none;
 }


.btn-file {
  position: relative;
  overflow: hidden;
}

.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;
  background: red;
  cursor: inherit;
  display: block;
}

input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

.pagination {
	margin: 0px;
}
@media (min-width:768px) {
	.imgdiv {
		color: silver;
		font-size: 200%;
	}
}

@media (min-width:992px) {
	.imgdiv {
		color: silver;
		font-size: 300%;
	}
}

@media (min-width:1200px) {
	.imgdiv {
		color: silver;
		font-size: 400%;
	}
}

.row-slide {
	width: 300%;
}

.step {
	float: left;
}

/*PDF classes*/
.pdf-well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
}

.pdf-table {
	padding: 5px;
}

.breakhere {
	page-break-before: always;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.li-inline {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}



/* 
Author: Start Bootstrap - http://startbootstrap.com
'SB Admin' HTML Template by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/


/* Nav Overwrites */
.navbar {
	background-color:linen !important;
}

.navbar .navbar-toggle {
  border-color: #dddddd;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-brand {
	padding:10px !important;
}

.navbar-collapse {
	padding-right:15px !important;
	background-color:linen !important;
}

/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}


/* Nav Announcements */

.announcement-heading {
  font-size: 50px;
  margin: 0;
}

.announcement-text {
  margin: 0;
}

/* Edit Below to Customize Widths > 768px */
 
 /* Side Nav */
@media (min-width:992px) {
 .side-nav {
  width: 205px;
  position: fixed;
  top: 50px;
  padding-top:40px;
  height: 100%;
  border-radius: 0;
  border: none;
  background-color:linen !important;
  overflow-y: auto;
  font-size:inherit;
  }

  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */

 .side-nav>li.dropdown>ul.dropdown-menu {
  position: relative;
  min-width: 170px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  }

 .side-nav>li.dropdown>ul.dropdown-menu>li>a {
  color: #999999;
  padding: 15px 15px 15px 25px;
  font-size:inherit;
  }

 .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
 .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
 .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {

 }

 .side-nav>li>a {
 width: 170px;
 }

 .navbar-inverse .navbar-nav>li>a:hover,
 .navbar-inverse .navbar-nav>li>a:focus {
 background-color: #080808;
 }
}

@media (min-width:768px) {

  /* Wrappers */

  #wrapper {
	padding-left: 50px;
  }

  #page-wrapper {
	padding: 5px 15px;
  }

}

@media (min-width:992px) {

  /* Wrappers */

  #wrapper {
	padding-left: 210px;
  }

  #page-wrapper {
	padding: 5px 15px;
  }

}
   i[rel="popover"]{
   cursor: pointer;
   display:inline-block; /* chrome-fix */
  }
.popover-title {
    font-size: 12px;
}
.popover-content {
    font-size: 10px;
}

.modal {
  padding: 0 !important; // override inline padding-right added from js
}

.modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal .modal-content {
  height: auto;
  min-height: 100%;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}

.except {
    position: relative;
    z-index: 9999;
	background: white;
    cursor: default;
}

.directions {
    position: relative;
    z-index: 9998;
	background: white;
    cursor: default;
}

.backdrop {
    position: fixed;
    z-index: 9997;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #33333377;
    backdrop-filter: blur(4px);
}