/* https://css.github.io/csso/csso.html to minify css */

.LibreME {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

body, html {
  height: 100%;
  margin: 0;
}


body {
	font-family: Calibri, sans-serif;
	font-size: 1.15em;
	background-color: #fff;
	margin: 0;
	padding: 0;	
	
	background-image: url("/images/system/libreme-background.png");
	background-repeat: no-repeat;	
	height: 70%;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	
	
}

.header-link, .header-link:focus {
	color: #cccccc !important;
}

.header-link:hover, .header-link:active {
  	color: #ff9900 !important;
}

.container h2 {
	margin-top: 40px;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.underline{
	text-decoration:underline;
}

.justify {
	text-align:justify;
}

.centertext {
	text-align:center;
}
.righttext {
	text-align:right;
}
.lefttext {
	text-align:left;
}

.outer-center {
    float: right;
    right: 50%;
    position: relative;
}
.inner-center {
    float: right;
    right: -50%;
    position: relative;
}
.clear {
    clear: both;
}

* {
  box-sizing: border-box;
}

input[type=text], select {
  background-color: #fff;
  width: 100%;
  padding: 12px 20px;
  margin: 1px 0 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  /*font-size:1.2em; */
}

input[type=email], select {
  background-color: #fff;
  width: 100%;
  padding: 12px 20px;
  margin: 1px 0 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  /*font-size:1.2em; */
}

input[type=password], select {
  background-color: #fff;
  width: 100%;
  padding: 12px 20px;
  margin: 1px 0 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  /*font-size:1.2em; */
}

input[type=number], select {
  background-color: #fff;
  width: 100%;
  padding: 12px 20px;
  margin: 1px 0 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  /*font-size:1.2em; */
}

input[type=url], select {
  background-color: #fff;
  width: 100%;
  padding: 12px 20px;
  margin: 1px 0 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  /*font-size:1.2em; */
}

input[type=submit] {
  width: 100%;
  background-color: #ff9900;
  color: white;
  padding: 14px 20px;
  margin: 1px 0 10px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size:1.2em;
}

input[type=submit]:hover {
  background-color: #ffad33;
}

button[type=submit] {
  width: 55%;
  background-color: #ff9900;
  color: white;
  padding: 14px 20px;
  margin: 1px 0 10px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size:1.2em;
}

button[type=submit]:hover {
  background-color: #ffad33;
}

textarea {
  background-color: #fff;
  width: 100%;
  padding: 12px 20px;
  margin: 1px 0 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: Calibri, sans-serif;
  /*font-size:1.32em; */
  resize: none;
}

.button {
  width: 50%;
  background-color: #ff9900;
  color: white;
  padding: 14px 20px;
  margin: 1px 0 10px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size:1.2em;
}

form.search {
	/* margin-bottom: 1.5rem; */
}

form.search input[type=text] {
  background-color: #fff;
  float: left;
  width: 80%;
  max-width: 400px;
  height:48px;
  padding: 12px 20px;
  margin: 0;
  display: inline-block;
  border-radius: 5px 0 0 5px;
  font-size:1.2em;
}

form.search button {
  float: left;
  width: 48px;
  height:48px;
  background-color: #ff9900;
  color: white;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size:1em;
  border-left: none;
  cursor: pointer;
}

form.search button:hover {
  background: #ffad33;
}

input:focus, textarea:focus, select:focus {
outline-offset: 0px !important;
outline: none !important;
}

form.search::after {
  content: "";
  clear: both;
  display: table;
}

form.search button:focus, 
.form-control:focus,
.btn:focus,
input[type="file"]:focus ,input[type="text"]:focus ,input[type="checkbox"]:focus{
  border-color: #ff9900;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #ff9900;
  outline: 0 none;
}

input:focus, textarea:focus, select:focus {
outline-offset: 0px !important;
outline: none !important;
}


.btn-primary, .btn-primary:visited {
    background-color: #ff9900 !important;
	border-color: #ff9900 !important;
}

.btn-primary:hover, .btn-primary:active  {
    background-color: #ffad33 !important;
}

.modal-dialog-custom {
	border-radius: 20px;
	background: #394046;
}

.modal-content-custom{
	border-radius: 20px;
	background: #394046;
	border:0px;
}

.modal-header-custom {
    color: #fff;
	background: #394046;
	border-radius: 20px 20px 0 0;
}

.modal-body-custom {
	background: #fff;
}

.modal-footer-custom {
    background: #fff;
	border-radius: 0 0 20px 20px;
}

.accordian-header-custom {
    color: #fff !important;
	background: #394046 !important;
}

label {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

.form-group {
	margin-bottom: 4px;
}





.agree-to-terms {
	margin: 0px 0;
}


.agree-to-terms p {
	text-align:justify !important;
	font-size:1.2em !important;
	padding: 2px 0 10px 0 !important;
	margin: 0 !important;
}

.agree-to-terms li {
	text-align:justify !important;
	font-size:1.2em !important;
	padding: 2px 0 10px 0 !important;
}

.agree-to-terms h2 {
	font-size:2em !important;
	font-weight:bold !important;
	text-align: center !important;
	padding: 2px 0 14px 0 !important;
	margin: 0 !important;
}

.agree-to-terms h3 {
	font-size:1.8em !important;
	font-weight:normal !important;
	text-align: center !important;
	font-style:italic;
	padding: 2px 0 14px 0 !important;
	margin: 0 !important;
}

.agree-to-terms h4 {
	font-size:1.2em !important;
	font-weight:bold !important;
	text-decoration:underline !important;
	padding: 2px 0 12px 0 !important;
	margin: 0 !important;
}


.offer {
	margin: 20px;
}

.offer h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em !important;
}

.offer p {
	margin: 0;
	padding: 0;
	line-height: 1.2em !important;
}


.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


form.share input[type=text] {
  background-color: #fff;
  float: left;
  width: 80%;
  max-width: 400px;
  height:48px;
  padding: 12px 20px;
  margin: 0;
  display: inline-block;
  border-radius: 5px 0 0 5px;
  font-size:1.2em;
}

form.share button {
  float: left;
  width: 48px;
  height:48px;
  background-color: #ff9900;
  color: white;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size:1em;
  border-left: none;
  cursor: pointer;
}

form.share button:hover {
  background: #ffad33;
}

form.share::after {
  content: "";
  clear: both;
  display: table;
}

form.share button:focus, 
.form-control:focus,
.btn:focus,
input[type="file"]:focus ,input[type="text"]:focus ,input[type="checkbox"]:focus{
  border-color: #ff9900;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #ff9900;
  outline: 0 none;
}



.fa-cog {
	color: #3399ff;
	outline : none; -moz-outline-style: none;
	border : 0;
}

.fa-cog:hover, .fa-cog:focus, .fa-cog:active {
  	color: #b3d9ff;
}

.fa-eye-slash {
	color: #ffcc00;
	outline : none; -moz-outline-style: none;
	border : 0;
}

.fa-eye-slash:hover, .fa-eye-slash:focus, .fa-eye-slash:active {
  	color: #ffe680;
}

.fa-eye {
	color: #5cb85c;
	outline : none; -moz-outline-style: none;
	border : 0;
}

.fa-eye:hover, .fa-eye:focus, .fa-eye:active {
  	color: #a6d8a6;
}

.fa-ban {
	color: #ff3333;
	outline : none; -moz-outline-style: none;
	border : 0;
}

.fa-ban:hover, .fa-ban:focus, .fa-ban:active {
  	color: #ffb3b3;
}

.fa-pencil {
	color: #ff9900;
	outline : none; -moz-outline-style: none;
	border : 0;
}

.fa-pencil:hover, .fa-pencil:focus, .fa-pencil:active {
  	color: #ffcc80;
}

.fa-trash {
	color: #808080;
	outline : none; -moz-outline-style: none;
	border : 0;
}

.fa-trash:hover, .fa-trash:focus, .fa-trash:active {
  	color: #bfbfbf;
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/* Style Social Media Buttons  */
  .social {
  padding: 10px;
  font-size: 30px;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 5px 10px 20px 5px;
  border-radius: 50%;
}

.social:hover {
    opacity: 0.7;
	color: #fff;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-envelope {
  background: #808080;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}