/*
Acran.com
2020 Copyright - All Rights Reserved

#1565C0 - Blue (Navigation Bar)
  Naavigation
    #4993eb - Search Button
  Footer
    #a1c0e4 - Footer Text
    #ceddf0 - Footer H6 Text
    #7099c7 - Copyright Text
    #0f4988 - Dark Blue Footer Background
    #0a335e - Darker Blue Footer Copyright Background
#c07015 - Orange (Complement Orange) Link Hover
  #f1bb81 - Move to Top Button Hover
#65c015 - Green


*/


html body {
  color: #666666;
  font-family: 'Roboto', sans-serif;  }

h1, h2, h3, h4, h5, h6 {
  font-weight: 200;
  padding-top:15px; }

h2 {
  border-bottom: 2px solid #c07015;
  width: 100%;
  display: block; }

p ,li { 
  font-weight: 100; }

.navbar-brand{
  margin-top: -2px;
  width: 150px; }

th, td {
  color: #666666; }



strong {
  color: #111111 !important;                                                      
  font-weight: 800;    }

/* ======================================== */
/*   HYPERLINKS                             */
/* ======================================== */

a {
  color: #1565C0;                                                           
  font-weight: 600;
  text-decoration: none;  }

a.big_and_red {
  color: red;                                                           
  font-weight: 800;
  text-decoration: none;  }

a:hover,
a:focus,
a.big_and_red:hover,
a.big_and_red:focus{
  color: #c07015;                                                          
  text-decoration: none;
  transition: all 1.0s ease;
  -webkit-transition: all 1.0s ease;/* for Safari & Chrome */  }




/* ======================================== */
/*   QUICK LINKS                            */
/* ======================================== */

p.quicklink {
  font-size: 0.8em;
  padding: 0 !important;
  margin: 0 !important;
  font-style: normal;
  margin: 20px 0 30px 0;  }

p.quicklink strong {
  color: #111111 !important;                                                      
  font-weight: 900;    }

p.quicklink i {
  padding-left: 7px;
  padding-right: 7px; }

p.quicklink a {
  color: #4C9010;                                                           
  font-weight: 700;
  text-decoration: none;  }
p.quicklink a:hover,
p.quicklink a:focus {
  color: #c07015;                                                          
  text-decoration: none;
  transition: all 1.0s ease;
  -webkit-transition: all 1.0s ease;/* for Safari & Chrome */  }



/* ======================================== */
/*   SEARCH FORM                            */
/* ======================================== */



#search_form input {
	outline: none; }

#search_form input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%; }
#search_form input::-webkit-search-decoration,
#search_form input::-webkit-search-cancel-button {
	display: none;  }

#search_form input[type=search] {
	background: #ededed url('/asset/css/search-icon.png') no-repeat 9px center;
	border: solid 1px #ccc;
  color: transparent;
	cursor: pointer;
	padding: 1px 10px 1px 10px;
  width: 15px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;  }

#search_form input[type=search]:hover {
	background-color: #d6e5f8; }

#search_form input[type=search]:focus {
  color: #1565C0;
	cursor: auto;
	background-color: #fff;
	border-color: #8fbbf2;
  padding-left: 32px;
  width: 130px;
	-webkit-box-shadow: 0 0 5px rgba(143,187,242,.5);
	-moz-box-shadow: 0 0 5px rgba(143,187,242,.5);
	box-shadow: 0 0 5px rgba(143,187,242,.5); }

#search_form input:-moz-placeholder {
	color: transparent; }
#search_form input::-webkit-input-placeholder {
	color: transparent; }


/* ======================================== */
/*   NAVIGATION                             */
/* ======================================== */

nav.bg-dark {
  background-color:#1565C0 !important }
.btn_search {
  color: #fff;
  background-color:#4993eb;
  border-color: #e9f0f8; }
.btn_search:hover, .btn_search.hover {
  color: #fff;
  background-color: #8fbbf2;
  border-color: #e9f0f8; }
.btn_search:active, 
.btn_search.active{
  color: #c3f49d !important;
  background-color: #65c015 !important;
  border-color: #c3f49d !important; }
/*
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover{
  background-color:yellow!important }
.navbar-dark .navbar-brand{
  color:#fff}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover{
  color:#fff}
.navbar-dark .navbar-nav .nav-link{
  color:rgba(255,255,255,.5)}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover{
  color:rgba(255,255,255,.75)}
.navbar-dark .navbar-nav .nav-link.disabled{
  color:rgba(255,255,255,.25)}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link{
  color:#fff}
.navbar-dark .navbar-toggler{
  color:rgba(255,255,255,.5);
  border-color:rgba(255,255,255,.1)}
.navbar-dark .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-dark .navbar-text{
  color:rgba(255,255,255,.5)}
.navbar-dark .navbar-text a{
  color:#fff}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover{
  color:#fff}
*/


/* ======================================== */
/*   TABLES                                 */
/* ======================================== */

.table .thead-dark th {
  color: #fff;
  background-color: #0f4988;
  border-color: #0f4988; }

.table .tfoot-dark th,
.table .tfoot-dark td {
  color: #fff;
  background-color: #1565C0;
  border-color: #1565C0; }


/* ======================================== */
/*   ORDERED LISTS                          */
/* ======================================== */

ul.circle {
  list-style: none; /* Remove default bullets */
  list-style-position: outside; }

ul.circle li::before {
  content: "\26AC";  /* CSS Code/unicode for a circle */
  color: #1565C0; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* First Line Indent */
  margin-left: -1em;  }


/* ======================================== */
/*   FOOTER                                 */
/* ======================================== */


footer {
  color: #a1c0e4;
  background-color: #0f4988;  }
footer h6 {
  color: #ceddf0; }
footer p {
  color: #a1c0e4; }
footer a  {         
  color: #a1c0e4;
  text-decoration: none;  }

p.footer-list {
  line-height: 2; }

.footer-copyright {
  color: #7099c7;
  background-color: #0a335e;  }

footer .footer-copyright a {         
  color: #7099c7;
  text-decoration: none;  }

footer a:hover,
footer a:focus {
  color: #c07015;                                                          
  text-decoration: none;
  transition: all 1.0s ease;
  -webkit-transition: all 1.0s ease;/* for Safari & Chrome */  }


/* ======================================== */
/*   BACK TO TOP BUTTON                     */
/* ======================================== */

div.btn_top_wrapper {
  /* The height needs to be set to a fixed value for the effect to work.
   * 100vh is the full height of the viewport. */
  height: auto;  }
  
#btn_top {
  display: none; /* Default Hidden */
  position: fixed; /* Position: Fixed - Sticky */
  bottom: 15px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #c07015; /* Set a background color */                      
  cursor: pointer; /* Add a hand pointer on hover */
  padding: 3px 12px 3px 12px; /* Some padding */
  border-radius: 20px; /* Rounded corners */
  color: #ffffff;                                                               /* White */
  font-size: 1.4em;
  font-weight: bold;  }

#btn_top:hover {
  background-color: #f1bb81; /* background on hover */      }