
.admin-message-text {
    font-style: normal;
    font-size: 22px;
    color: #004080;
}
#btndiv
{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: right;
    align-items: right;
    -webkit-justify-content: flex-end;
    justify-content: center;
}

.li-profile-name
{

    float: right;
}
.wrapper {    
    margin-top: 80px;
    margin-bottom: 20px;
}
.logoclass
{
    font-family: 'urdu-nastaleeq' !important;
    font-size: 20pt  !important;
    font-weight: normal !important;
    
}
.logoclass1
{
    font-size: 20pt  !important;
    font-weight: normal !important;
    
}
.logoclass2
{
    font-family: 'sindhi-naskh' !important;
    font-size: 20pt  !important;
    font-weight: normal !important;
    
}
.logoclass3
{
    font-family: 'arabic-naskh' !important;
    font-size: 20pt  !important;
    font-weight: normal !important;
    
}
.nav_inner_urdu
{
    font-family: 'urdu-nastaleeq' !important;
    font-size:14pt !important;
    font-weight: normal !important;
    
}
.nav_inner_english
{
    font-family: 'Arial' !important;
    font-size:14pt !important;
    font-weight: normal !important;
    
}
.nav_inner_urdu_title
{
    font-family: 'urdu-nastaleeq' !important;
    font-size:16pt !important;
    font-weight: normal !important;
    
}
.nav_inner_urdu_title1
{
    font-size:14pt !important;
    font-weight: normal !important;
    
}
.nav_inner_urdu_title2
{
    font-family: 'sindhi-naskh' !important;
    font-size:16pt !important;
    font-weight: normal !important;
    
}
.nav_inner_urdu_title3
{
    font-family: 'arabic-naskh' !important;
    font-size:16pt !important;
    font-weight: normal !important;
    
}
.nav_inner_urdu_abstract
{
    font-size:14pt !important;
    font-weight: normal !important;
    
}
@media (max-width: 770px){
            .logo1{
             
            width: 0px ; 
            height: 0px;
                }
      }
@font-face {
    font-family: 'urdu-nastaleeq'; /*a name to be used later*/
    src: url("../fonts/Nafees_Nastaleeq.ttf"); /*URL to font*/
}
@font-face {
    font-family: 'sindhi-naskh'; /*a name to be used later*/
    src: url("../fonts/MB_Lateefi_Regular.ttf"); /*URL to font*/
}

@font-face {
    font-family: 'arabic-naskh'; /*a name to be used later*/
    src: url("../fonts/ArabicNaskhSSK.ttf"); /*URL to font*/
}
.form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;

}
.myfont{
    font-family: 'urdu-nastaleeq';
    font-size:12pt;
    font-weight: normal !important;
    line-height: 2.5;

}
.myfont1{
    font-family: 'urdu-nastaleeq';
    font-size:24px;
    font-weight: normal !important;

}
.myfont2{
    font-family: 'urdu-nastaleeq';
    font-size:12pt;
    font-weight: normal !important;

}
.myfontEndlish{
    font-size:12pt;
    font-weight: normal !important;
    font-family: Arial, Helvetica, sans-serif;
}
.myfontEndlish1{
    font-size:14pt;
    font-weight: normal !important;
    font-family: Arial, Helvetica, sans-serif;
}
.myfontSindhi{
    font-family: 'sindhi-naskh';
    font-size:12pt;
    font-weight: normal !important;

}
.myfontArabic{
    font-family: 'arabic-naskh';
    font-size:12pt;
    font-weight: normal !important;

}
input[type="text"] {
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

input[type="password"] {
    margin-bottom: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.validation-message {
    font-style: normal;
    font-size: 12px;
    color: #FF1C19;
}


/*Vertical Menu*/
.vertical-menu 
{
    background-color: white; /* white background color */
    width: 200px; /* Set a width if you like */
    height:100vh;
}

.vertical-menu a {
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */

}

.vertical-menu a.active {
    background-color: #000080; /* Add a green color to the "active/current" link */
    color: white;
}

.main-header-flex
{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
}

.flex-container{

    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.flex-container-services{

    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.nav-links
{
    padding: 10 em;
    align-content: center;

}

.service-card
{
    height: 200px;
    width: 200px;
    align-content: center;
    align-items: center;
}

.flex-container-button{

    display:flex;
    align-content: flex-start;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 5px;


}

.synthesis_btn
{


    /*    padding: .25em 2em;*/
    color: #000080;
    font-weight: 500;
    background-color: transparent;
    border: 2px solid #000080;
    border-radius: 10rem;
    transition: .2s;
    display: inline-block;
    margin-right: 10px;
    width: 90px;


}

.base--select {
    display: block;
    border-color: #000080;

}

.banner
{
    background-image: url(../images/landing/cle_banner.png);
    /*background-image: url(../images/pos/pos-bg.png);*/
    background-color: white;
    min-height: 300px;
   
}

p
{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
}