/*
------------------------------------------------------------------------
Theme Name:[CodeIG]
Author:[Rafasoft]
------------------------------------------------------------------------
*/

@font-face {
    font-family:'Hashiba';
    src: url("/assets/frontend/fonts/Hashiba.ttf");
}

.head_title {
    font-family: 'Hashiba'; 
    font-size: 4.5rem;
}

.layout-top-nav .wrapper{
	margin: 0 auto;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(182,221,232,1) 100%);
}

.top-header{
	padding:10px 0;
}

.top-header .htext {
  text-align: center;
  margin-left: 3%;
}

.main-header {
  border-top: 2px solid #b6dde8;
  border-bottom: 2px solid #b6dde8;
}

.content-wrapper {
  background-color: transparent;
}

.main-footer {
  background-color: transparent;
  border-top: 2px solid #17a2b8;
  color: #888;
}

.login-box {
    margin: 0 auto;    
}

.login-box, .form-area {
  background-color: #DAEEF3;
  padding: 20px;
  border: 1px solid #17a2b8;
}

.login-box .input-group.has-error{
	margin-bottom: 0 !important;
}

.login-box span.help-block{
	display: block;
	margin-bottom: 1rem;
}

/*Form error style*/
form span.help-block, form span.red{
	color: #dc3545;
}

form .has-error input,
form .has-error textarea,
form .has-error select {
  border-color: #dc3545 !important;
}

/*sidebar style*/
.nav-sidebar {
  border: 2px solid #17a2b8;
  background: #DAEEF3;
}

.nav-sidebar .nav-item {
  border-bottom: 2px solid #17a2b8;
}

.nav-sidebar .nav-item:last-child {
  border-bottom: none;
}

/*account*/
.acc-detail-block h6 {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  margin-bottom: 15px;
  background: #DAEEF3;
  font-weight: 600;
}
.acc-detail-block h6 img {
  height: 22px;
}
.acc-detail-block ul {
  padding-left: 0;
}
.acc-detail-block li {
  padding: 5px 0;
  list-style: none;
}

/*search*/
.sresult ul {
	padding-left: 1.5rem;
}

.sresult ul li{
	padding: 5px 0;
}

.sresult .arrow {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.sresult .arrow::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

.sresult .arrow::before {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */'
  transform: rotate(90deg);  
}

.sresult .nested {
  display: none;
}

.sresult .active {
  display: block;
}

@media (max-width: 991px){
	.main-header {
		text-align:center;
	}
	
	.top-header .logo{
		height:150px;
	}
	
	.top-header .htext h2{
		font-size: 1.25rem;
	}
	
	.head_title {
        font-size: 2rem;
        padding-top: 0.75rem;
    }
}