@font-face {
  font-family:"Alata";
  src: url("../vendor/bootstrap5.0.2/fonts/alata-regular.ttf") ;
}
 @font-face {
  font-family:"HelveticaNeue";
  src: url("../vendor/bootstrap5.0.2/fonts/helvetica_neue.ttf") ;
}
 @font-face {
  font-family:"TimesNewRoman";
  src: url("../vendor/bootstrap5.0.2/fonts/times.ttf") ;
}
 @font-face {
  font-family:"SansSerif";
  src: url("../vendor/bootstrap5.0.2/fonts/SansSerif.ttf") ;
}

.welcome{
    color:#247ec2;
    font-size:26px;
    font-family: Alata;
    padding-left:0px;
    padding-bottom:0px;
}

.profile{
    border: solid 1px transperent !important; 
  
   padding: 12px 14px 17px 29px;
   /*  padding-bottom:3px; */
    background-color:#f6f6f6; 
    font-family: var(--myFontFamily);
    line-height: 1.75;
    font-size: 13px; 
    color: #373737;
 }
  
.img-resp {
     width:96%;
     height:122px;
     margin:auto;
     padding-top:5px;
     padding-bottom:5px;
     
 }
.list-table{
    /*  overflow-x: auto !important; */
   	 width: 100% !important;
   	 border-collapse: separate;
     border-spacing: 0 8px;
     font-family: var(--myFontFamily)!important;
     font-size: 14px;
     line-height: 1.27;
     letter-spacing: normal;
     color: #373737;
     margin-right: auto;
     margin-left: auto;
}
.t-head{
	background-color:var(--tblHd);
	height:50px;
	vertical-align:middle;
	
}
.t-row{
    outline: thin solid white;
    background-color:#fff;
    vertical-align:middle;
  
} 
/* td{
    word-wrap:break-word;
   
} */
 
.ul{
     list-style-type: none; 
     padding-top: 3px; }
   
.hrtag{
  	 /* height: 2px !important; */  	 
  	 color: #979797; 
  	 margin-top: 25px;
  	 margin-bottom: 25px;
}
    
 .font{
  font-family: var(--myFontFamily);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #373737;
  }
  
 .font >a{
    text-decoration:none;
 }

.tag{
  font-family: Alata;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;}
  
  
  .tag-2{
  font-family: Alata;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;}
  
 .text2{
  font-family: var(--myFontFamily);
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #247ec2;
  font-weight:500;
 }
 
 .txt2{
  font-family: var(--myFontFamily);
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #000;
  font-weight:500;
 }
 
.lable{
  font-family: var(--myFontFamily);
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #373737;
  }
 input:required {
    border-color: red!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

select:required {
    border-color: red!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
textarea:required {
    border-color: red!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
 text-area:required {
    border-color: red!important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
 
.view {
   text-align:right;
}
 
   .bt{
    border:none;
    background-color:var(--btnColor2);  
    color: white;  
    font-family:var(--myFontFamily); 
    font-size: 12px; 
    font-weight: 500;
    outline: none !important;
    padding: 5px 25px;
 }
 .anker:hover{
  text-decoration:none!important;
 }
 
.butn{
    border:none;
    background-color:var(--btnColor); 
    color: white;  
    font-family:var(--myFontFamily); 
    font-size: 12px; 
    font-weight: 500;
    border-radius: 0px!important;
 }
.bt:focus{
    outline: none !important;
    border: none !important;
     -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
     -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
          box-shadow: inset 0px 0px 5px #c1c1c1;
} 
 
 input[type=button] {
    outline: none !important;
    box-shadow: none !important;
} 

.back{
    background-color: #6c6c6c;
    color: white;  
    font-family:var(--myFontFamily); 
    font-size: 12px; 
    font-weight: 500;
    padding: 5px 12px;
}
.back:focus{
    outline: none !important;
    border: none !important;
     -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
     -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
      box-shadow: inset 0px 0px 5px #c1c1c1;
} 

.btn:hover {
    color: white!important;
}

.change{
    border:none;
    background-color: var(--btnColor);  
    color: white;  
    font-family: var(--myFontFamily); 
    font-size: 10px; 
    font-weight: 500;
   /*  border-radius: 0px!important; */
 }

.check{
	border:none;
    background-color:var(--btnColor); 
    color: white;  
    font-family:var(--myFontFamily); 
    font-size: 14px; 
    font-weight: 500;
    border-radius: 0px!important;
    padding:5px 30px;
}
.it .iti--allow-dropdown{	
	width:100%;
}
.join{
	border:none;
    background-color:#A8DBF0;
    color:black;  
    font-family:var(--myFontFamily); 
    font-size: 14px; 
    font-weight: 600;
    outline: none !important;
    padding: 5px 25px;
}

.form-control-text{
  font-family:var(--myFontFamily);
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  font-weight:500;
  
}
.form-control-text:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.card{
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
	transition:0.3s;
	background-color:#fff;
	cursor: pointer;
}
.card:hover{
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
}

 @media (max-width: 529px){
.view {
    text-align:left;
}
}