.fc1{color:brown;}
.fc2{color:olive;}
.fc3{color:maroon;}
.fc4{color:#f76707;}
.fc5{color:#0C46BF;}

.text-fc5{color:#f76707;}
.text-fc6{color:#0A0A5D;}
.bg-1{background:#f9f9f9;}
.bg-2{background:#DEDDDD;}
.bg-green{background:ligreen;color:maroon;font-weight:200;}
@font-face {
    font-family: mf1;
    src: url(http://localhost/ruhala/core/assets/fonts/Roboto-Black.ttf);
}

.middle_head{
  height:105px;
  border: 1px solid #f9e6b4;
}

#g20.image{
  height: 50px;
  width: 50px;
}
#toplink {height: 30px;width: 1024px;top: 10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;line-height: 1.25em;position:relative;float:right; align:right;padding-right:50px;}
#toplink ul a { color:#333; text-decoration:none; padding:0px 4px 0 4px; }
#toplink ul li.selected a { color:margin-top: 5px;; }
#toplink a.news { color: #333; }
#toplink ul, #toplink li { padding:0; margin:0; list-style:none; }
#toplink ul { margin-top:10px; margin-Left:30px; }
#toplink li { display:inline; border-right:1px solid #fa7f00; }
#toplink .first { border-left:1px solid #fa7f00; padding-left:5px;}

#daydate {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-style: normal;font-weight: bold;text-align:right;top: 15px;bottom:10px;color: #678b3f;height: 40px;width: 1024px;position:relative;float:right;padding-right:140px;}


#scroll-container {

 /* border: 3px solid black;
  border-radius: 5px;*/
  overflow: hidden;
}

#scroll-text {
  text-align: right;
  color:maroon;
  /* animation properties */
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  
  -moz-animation: my-animation 15s linear infinite;
  -webkit-animation: my-animation 15s linear infinite;
  animation: my-animation 15s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(-100%); }
  to { -moz-transform: translateX(100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(-100%); }
  to { -webkit-transform: translateX(100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.img {
  background-image : url(http://localhost/ruhala/core/assets/images/bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; 
  width: 50%;
}

.wrap {
  width: 100%;
  height:100%;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24); }

.login-wrap { width: 50%; }
 
.login-wrap {
  position: relative;
  background: #fff ;
  font-weight: 300; }

.form-group { position: relative; }

.form-group .label .form-label{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  font-weight: 700; }

.form-group a { color: gray; }

.form-control {
  height: 48px;
  background: #fff;
  color: #000;
  font-size: 16px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.2) !important; }
.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.2) !important; }
.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(0, 0, 0, 0.2) !important; }
.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.2) !important; }
.form-control:focus, .form-control:active {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e3b04b; }


.checkbox-wrap {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.checkbox-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "\f0c8";
  font-family: "FontAwesome";
  position: absolute;
  color: rgba(0, 0, 0, 0.1);
  font-size: 20px;
  margin-top: -4px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

  @media (prefers-reduced-motion: reduce) {
    .checkmark:after {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }

/* Show the checkmark when checked */
.checkbox-wrap input:checked ~ .checkmark:after {
  display: block;
  content: "\f14a";
  font-family: "FontAwesome";
  color: rgba(0, 0, 0, 0.2); }

/* Style the checkmark/indicator */
.checkbox-primary { color: #e3b04b; }
.checkbox-primary input:checked ~ .checkmark:after { color: #e3b04b; }

.btn {
  cursor: pointer;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 15px;
  padding: 10px 20px; }

.btn:hover, .btn:active, .btn:focus { outline: none; }

.btn.btn-primary {
  background: #e3b04b !important;
  border: 1px solid #e3b04b !important;
  color: #fff !important; }

.btn.btn-primary:hover {
      border: 1px solid #e3b04b;
      background: transparent;
      color: #e3b04b; }

.btn.btn-primary.btn-outline-primary {
      border: 1px solid #e3b04b;
      background: transparent;
      color: #e3b04b; }

.btn.btn-primary.btn-outline-primary:hover {
        border: 1px solid transparent;
        background: #e3b04b;
        color: #fff; }

.footer-bs {
    background-color:#2674C4;
	padding: 60px 40px;
	color: rgba(255,255,255,1.00);
	margin-bottom: 0px;

}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { display: inline;padding:10px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}


.breadcrumb {
	margin: 20px 0 20px 0;
	padding: 8px 0;
	border: 1px solid #ddd;
	background:#fff;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}