::-moz-selection { background: #0078D7; }
::selection { background: #0078D7; }

.navbar-default {
  background-color: white;
  border-color: rgba(34, 34, 34, 0.05);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  font-family: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
.navbar-default .navbar-header .navbar-brand {
  font-family: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 800;
  letter-spacing: 1px;
  color: #009688;
}
.navbar-brand {
  /*padding-top: 12px;*/
	font-size: 30px;
}
#top-ref{
	margin-top: 50px;
}
.title-word-1, .login .title-word-1{
  color: #34495e;
}
.title-word-2, .login .title-word-2{
  color: #009688;
}
.super-title{
	text-decoration: none !important;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #fcbd20;
}
.navbar-default .navbar-header .navbar-toggle {
  font-size: 12px;
  color: #222222;
  padding: 8px 10px;
}
.navbar-toggle{
  border: none;
}
.navbar-toggle .fa{
  font-size:20px;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
  background:none;
  color:#009688;
}

.navbar-default .nav > li > a {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  color: #222222;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #009688;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #009688 !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
    border-color: transparent;
  }
  .title-word-1{
    color: #fff;
  }
  .title-word-2{
    color: #fff;
  }
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: white;
  }
  .navbar-default.affix,
  .navbar-default.fixed-white{
    background-color: white;
    border-color: rgba(34, 34, 34, 0.1);
  }
  .affix .title-word-1,
  .fixed-white .title-word-1{
    color: #34495e;
  }
  .affix .title-word-2,
  .fixed-white .title-word-2{
    color: #009688;
  }
/*
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #009688;
  }*/

  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus,
  .navbar-default.fixed-white .nav > li > a,
  .navbar-default.fixed-white .nav > li > a:focus{
    color: #222222;
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover,
  .navbar-default.fixed-white .nav > li > a:hover,
  .navbar-default.fixed-white .nav > li > a:focus:hover{
    color: #009688;
  }
}
.heading-font {
  font-family: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
.body-font {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}
.alt-font {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 1px;
}
html,
body {
  width: 100%;
}
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  font-weight:normal;
  /*margin-bottom: 80px;*/
	font-family: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  webkit-tap-highlight-color: #009688;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #009688;
}
a:hover,
a:focus {
  color: #fcbd20;
}
hr {
  max-width: 100px;
  margin: 25px auto 0;
  border-width: 1px;
  border-color: rgba(34, 34, 34, 0.1);
}
hr.light {
  border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
p {
  /*font-size: 18px;*/
  line-height: 1.5;
  margin-bottom: 20px;
}

footer {
  padding:40px 0px 40px;
  /*position: absolute;*/
  /*bottom: 0;*/
  width: 100%;
	font-size: 14px;;
  /* Set the fixed height of the footer here */
  /*height: 80px;*/
  /*background-color: #384041;*/
  background-color: #292c2f;
  /*text-align: center;*/
  color: rgba(255, 255, 255, 0.5);
}
footer h4 {
  color: rgba(255, 255, 255, 0.9);

}
footer .footer-group{
  text-align: left;
}
footer ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
footer ul li {
  margin: 5px 0;
}

footer ul li a {
  /*font-size: 12px;*/
  color: rgba(255, 255, 255, 0.5);
}
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
  text-decoration: none;
}
footer a:hover,
footer a:focus {
  color: #fff;
}
footer .logo-img {
  height: 40px;
  width: auto;
}
footer .divider-line{
  margin: 15px 0;
}
footer .social-links{
  text-align: right
}
footer .social-links a{
  height: 35px;
  width: 35px;
  background-color: #33383b;
  display: inline-block;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 35px;
  }
.bg-primary {
  background: #03A9F4;
  background: -webkit-linear-gradient(#03A9F4, #0284be);
  background: linear-gradient(#03A9F4, #0284be);
}
.text-primary {
  color: #fdcc52;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

html {
  position: relative;
  min-height: 100%;
}

label{
  font-weight: normal;
}

body, .input-group-addon, .form-control, .btn{
  font-size:16px;
}


a {
    color: #009688;
}
a:focus, a:hover {
    color: #16a085;
}

.divider-line{
	margin:10px 0px;
	border-bottom:1px solid #ccc
}
.glyphicon{
  font-size:16px;
}
.collapse{
  overflow:hidden;
}
.modal-title{
	font-size:20px;
	color:#009688;
  font-weight: bold;

}
.modal-message{
	margin-bottom:30px;
}
.modal-content{
	border-radius:0px;
}
.popover{
	font-family: 'Open Sans', 'Helvetica', 'Arial', 'sans-serif';
}

.toggle-yes-no .btn{
	border-radius:4px;
}
.btn-outline {
  color: white;
  border-color: white;
  border: 1px solid;
	background: transparent;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #0284be;
  background-color: #fff;
  border-color: #fff;
}
.btn {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 300px;
  padding:10px 16px;
}
.btn-sq{
  border-radius: 2px !important;
}
.btn-xl {
  padding: 15px 45px;
  font-size: 11px;
}
.btn.focus, .btn:focus, .btn:hover{
  outline: none !important;
}
.btn-success{
  background:#009688 !important;
  border-color:#009688;
}
.btn-success:hover {
    color: #fff;
    background-color: #00796B !important;
}
.btn-success:active, .btn-success:active:focus{
  background:#009688 !important;
  border-color:#009688;
}
.btn-pay{
  background:#009688;
  color:#fff;
}
.btn-pay.focus, .btn-pay:focus, .btn-pay:hover{
  color:#fff;
  background:#00796B ;
}

.form-control{
  color: #333;
  font-weight: normal;
  box-shadow: none;
  border: 1px solid #9E9E9E;
  height: auto;
	padding: 8px 12px 8px 12px;
  border-radius: 2px;
}
.form-control:focus {
        border: 1.5px solid #009688;
        box-shadow: none
    }

.popover{
	border-radius:0px;
	padding: 0px;
	border: 1px solid #009688;
	-webkit-box-shadow: none;
  box-shadow: none;
}
.popover-title{
	border-radius:0px;
	color: #009688;
	font-size: 18px;
}
.popover.right>.arrow{
	border-right-color: #009688;
}

/*---------------CHECKBOX-----------------*/
.checkbox-btn {
	height: 1.7em;
	width: 1.7em;
	padding: 2px 2px 3px 4px !important;
	background: #eee;
	border-color: #ccc;
	color:white;
}
.remember-me .checkbox-btn{
	background: #fff;
}
.checkbox-btn span{
	color:white;
}
.checkbox-btn span.glyphicon {
	opacity: 0;
}
.checkbox-btn.active span.glyphicon {
	opacity: 1;
}
.checkbox-btn:hover, .btn-success:focus, .checkbox-btn:active, .checkbox-btn.active {
    background: #16a085;
}
.checkbox-lable{
	margin-top:3px;
}
.remember-me{
	margin-top:10px;
	margin-bottom:30px;
	display:flex;
}

/*   ------------   Boostrap Callouts  ------------   */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #5C246E;
}
.bs-callout-primary h4 {
    color: #5C246E;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.close-callout{
	font-size:14px;
	color:#ccc;
	cursor:pointer;
}


/*-----------------Daterange Picker----------------------*/

.daterangepicker td.start-date.end-date{
	border-radius:100px;
}

.daterangepicker td.active, .daterangepicker td.active:hover{
	background-color:#009688;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover{
	background-color:rgba(0,150,136,0.3)
}

.daterangepicker td, .daterangepicker th{
	border-radius:100px;
}
.daterangepicker{
	border-radius:2px;
	font-size:16px;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect{
	font-size:16px;
}
.legal-page{
  padding-bottom: 24px;
}
.legal-page-icon{
  padding:10px;
  border-radius:50%;
  border:1.5px solid #009688;
  height:80px;
  width:80px;
  margin:auto;
}