@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

body{
  margin: 0px;
  padding: 0px;
  font-family: 'Montserrat', sans-serif!important;
  font-size:13px;
  padding-bottom:75px;
}

.top-logo-w-back{
  height: 250px;
  width: 100%;
  background: linear-gradient(180deg, #FFF313 0%, #FFFA9E 100%);
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}
.h-top-img{
  width: 100px;
}
.main-cont{
  padding:30px 20px 0 20px;
}
.log-in-f input {
  margin: 10px 0;
  height: 50px;
  border-radius: 50px;
  background: #FFFAA1;
  border: none;
}

.log-in-f span {
  margin: 10px 0;
  height: 50px;
  border-radius: 50px;
  background: #FFFAA1;
  border: none;
}

.log-in-f input[type=submit]{
  background: #ED3237;
  color: #fff;
  font-weight: 600;
  border: none;
}
.sign-up-btn a{
    text-decoration: none;
    color: #ED3237;
    font-weight: 600;
}

.sign-up-btn{
    position: relative;
    top: 30px;
    color: #777777;
}

.h-top-logo{
  width: 100px;
}
.top-strip{
  width: 100%;
  background: #fff;
  padding: 12px 0;
  box-shadow: 0px 12px 14px -10px rgba(0, 0, 0, 0.15);
}
.image-back {
  background-image: url('../images/green-back.jpg');
  background-position: center;
  background-size: 100% 110%;
  background-repeat: no-repeat;
  color: #fff;
  padding: 50px 20px 30px 20px;
  margin: 0px 0px 0px 0px;
  border-radius: 0px;
  background-color: #16714E;
  overflow: visible;
  height: 216px;
}

.midil-row-border{
  border-top:1px solid #4D9F80 ;
  border-bottom:1px solid #4D9F80 ;
}
.green-back .row{
  padding: 18px 0;
}
.main-cont-home{
  padding: 25px 20px 10px 20px;
  border-top-left-radius:50px ;
  border-top-right-radius:50px ;
  background: #fff;
  margin: -45px 0 0 0;
  z-index: 100;
  position: relative;
}

.main-cont-home img {
  box-shadow: 0px 5.435897350311279px 18.119657516479492px -9.059828758239746px rgba(0, 0, 0, 0.25);
  border-radius: 23px;
  width: 92px;
}

.indx-img {
  box-shadow: 0px 5.435897350311279px 18.119657516479492px -9.059828758239746px rgba(0, 0, 0, 0.25);
  border-radius: 50px!important;
  border: 2px solid #ED3237!important;
  padding: 3px!important;
  width: 64px!important;
}

.dash-img{
  border-radius: 50px!important;
  border: 1px solid #ED3237!important;
  padding: 3px!important;
  width: 45px!important;
}

.dash-card .card-footer {
  background: #fff;
  color: #000;
  font-weight: 500;
  font-size: 12px;
  padding: 4px;
  border-radius: 0 0 13px 13px;
  border: none;
}
.dash-card .card-header{
background-color: #fff;
border: none;
padding: 0;
}

.dash-card .card-body {
  background-color: #fff;
  border: none;
  padding: 0;
  border-radius: 9px;
}

.dash-card .card-title{
    background-color: #fff;
    border: none;
    padding: 9px 0 0 0;
    font-weight: 600;
    font-size: 11px;
    color: #000;
}


/*.dash-card-img {
  width: 66px;
  box-shadow: 0px 10px 24px -5px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin: 0 0 15px 0;
}*/


.dash-card-img {
  width: 66px;
  border-radius: 5px;
  margin: 0 0 15px 0;
    min-height: 100%;
    text-align: center;
}

.dash-card {
  border: none!important;
  padding: 10px 0 0 0;
  border-radius: 0px;
  min-height: 100%;
background: #FFF;
box-shadow: 0 0 10px #0003;
/*box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.15);*/
}

.dash-card .icon{
    font-size:28px;
    color:#267ef1;    
    padding-top: 10px;

}
.logo-c-name img{
margin: 0 10px 0 0 ;
}

.logo-c-name span {
  font-weight: 600;
  font-size: 12px;
  color: #000;
  margin: 8px 0 0 0;
}

.top-cont{
  padding: 10px 15px;
}

.indx-card .card-footer {
  background: #ED3237;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  padding: 4px;
  border-radius: 0 0 13px 13px;
}
.indx-card .card-header{
background-color: #fff;
border: none;
padding: 0;
}

.indx-card .card-body{
  background-color: #fff;
  border: none;
  padding: 0;
  }

.indx-card .card-title{
    background-color: #fff;
    border: none;
    padding: 9px 0 0 0;
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.indx-card {
  border: 1px solid #ED3237!important;
  padding: 10px 0 0 0;
  border-radius: 15px;
  box-shadow: 0px 4px 34px -10px rgba(139, 189, 255, 0.50);
}

.main-cont-home a {
 text-decoration: none;
}
.main-cont-home h6 {
  color: #5C5C5C;
  font-weight: 700;
  font-size: 17px;
  margin: 10px 0;
}
.gradiant-back{
  background: linear-gradient(180deg, #8FC74A 0%, #16714E 100%);
  color: #fff;
}
.ref-btn button {
  border: none;
  
  
  margin: 0px 7px;
}

.ref-btn {
  background: #fff;
  border: none;
  padding: 20px 15px;
  border-radius: 20px 20px 0 0;
  filter: drop-shadow(0px -2px 25px rgba(0, 0, 0, 0.15));
  position: relative;
  top: 84px;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  color: #fff!important;
}

.btn:hover {
  color: #fff!important;
}

.ref-links{
  margin: 10px 0;
}
.ref-links h6{
  font-size: 13px;
}

.links {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scroll-div{
  background: #FFFAA1;
  padding: 7px 12px 0 12px;
  font-size: 12px;
  font-weight: 600;
}

.banner-div{
  padding: 15px 20px;
}

.ticket-data {
    padding: 20px 0 0 10px;
    background: #ededed!important;
    margin-bottom: 20px;
    border-radius: 20px;
}

#TicketData{
    padding:20px;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.profile{position:relative; margin-bottom:70px;}
.profile .top{position:absolute; z-index:3; color:#fff;}
.profile .top a{color:#fff;}
.profile .layer{position:absolute; z-index:2; left:0px; right:0px; top:0px; bottom:0px; background-color:rgba(0,0,0,.5);}
.profile .name{position:absolute; top:80px; bottom:0px; left:0px; right:0px; text-align:center; margin:auto; color:#fff; font-size:24px; z-index:4;}
.profile .profileimg{position:absolute; z-index:3; width:120px; height:120px; text-align:center; line-height:120px; font-size:60px; background-color:#f3f3f3; box-shadow:0 0 10px #0003; border:5px solid #fff; border-radius:100px; bottom:-60px; left:0px; right:0px; margin:auto; overflow:hidden;}
.profile .profileimg img{min-height:100%; min-width:100%; width:100%; position:relative; top:-10px;}

.ProfileData i{font-size:30px;}
.ProfileData .matter{line-height:1; font-weight:600;margin-left: 8px;}
.ProfileData .matter small{font-size:11px; display:block;}
.ProfileData .small i{font-size:11px;}