/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 20-Jul-2023, 3:16:21 pm
    Author     : Vaishnavi
*/

#homepage{
    /*width: 100vh;*/
    background: transparent linear-gradient(70deg, #13175B 0%, #07547A 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 100vh;
}
#heading{
    margin-top: 40px;
    margin-left: 50px;
    /* UI Properties */
    text-align: left;
    font: normal normal bold 40px/48px Source Sans Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
#image{
    top: 10px;
    left: 43px;
    width: 64px;
    height: 44px;
    /* UI Properties */
    margin-top: 5px;
    opacity: 1;
}
#LoginForm{
    margin-top: 50px;
    width: 380px;
    height: 360px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ADADAD;
    border-radius: 5px;
    opacity: 1;
}
#loginhead{
    text-align: left;
    font: normal normal bold 28px/50px Source Sans Pro;
    letter-spacing: 0px;
    color: #043F6A;
    opacity: 1;
    padding-top: 10px;
    padding-left: 14px;
}
#labelusername{
    margin-top: 10px;
    text-align: left;
    font: normal normal normal 18px/23px Source Sans Pro;
    letter-spacing: 0px;
    color: #575757;
    opacity: 1;
}
#labelpassword{
    margin-top: 10px;
    text-align: left;
    font: normal normal normal 18px/23px Source Sans Pro;
    letter-spacing: 0px;
    color: #575757;
    opacity: 1;
}
#btnlogin{
    margin-top: 40px;
    background: #1099FF 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

#navbar{
    background: transparent linear-gradient(89deg, #13175B 0%, #07547A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    padding-top: 0px;
    padding-bottom: 0px;
}

#navbar a.active {
    border-bottom: 4px solid white;
}
#navbar li.active {
    /*  background-color: #04AA6D;*/
    border-bottom: 4px solid white;


    /*  color: white;*/
}
#ultimus{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 12px;
    font: normal normal 600 26px/33px Source Sans Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

#usersmenu{
    /*    padding-left: 100px;*/
    text-align: left;
    font: normal normal normal 16px/48px Source Sans Pro;
    letter-spacing: 0px;
    color: #444444;
    text-transform: capitalize;
    opacity: 1;
}
#wordsmenu{
    /*    padding-left: 20px;*/
    text-align: left;
    font: normal normal normal 16px/48px Source Sans Pro;
    letter-spacing: 0px;
    color: #444444;
    text-transform: capitalize;
    opacity: 1;
}


.modalhead{
    color: #043F6A;
    font: normal;
    opacity: 1;
    font-size: 24px;

}

.fieldname{

    /* UI Properties */

    font: normal normal normal 15px/15px Source Sans Pro;
    letter-spacing: 0px;
    color: #606060;
    opacity: 1;
}
.wordfieldname{
    font: normal normal normal 15px/15px Source Sans Pro;
    letter-spacing: 0px;
    color: #606060;
    opacity: 1;
    margin-bottom: 8px;
    margin-top: -3px;
    padding-top: -5px;
}

#modalcontent{
    width:300px;
    height:200px;
    margin-left: 170px;
    margin-top: 50px;
}
#modalbody{
    border: #dddcdc double 1px;
    margin:5px;
    padding:5px;
}
#profileimg{
    border-radius: 50%;
    border: lightgrey 2px solid ;
    height: 100px;
    width: 100px;
    float: left;
    margin-bottom: 10px;
}
#profilelabel{
    color: black;
    font-weight: bold;
}
#subprofilelabel{
    color: lightgreyEm;
    font-weight: normal
}
#btnprofilechangepassword{
    background-color: rgb(221, 220, 220);
    color: black;
    height: 25px;
    cursor: pointer;
}
#btnlogout{
    background-color: rgb(221, 220, 220);
    color: black;
    height: 25px;
    margin-top: 5px;
    cursor: pointer;
}
#btnusersave{
    background: #084F78 0% 0% no-repeat padding-box;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-right: 3px;
}
#btnclose{
   background: #d43f3a 0% 0% no-repeat padding-box;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-right: 5px;
}
#btncloseforpssword{
   background: #d43f3a 0% 0% no-repeat padding-box;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-right: 5px;
}

#addnewuser{
    background: #084D77 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    font: normal normal bold 14px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-left: 15px;
}
#btnchangepassword{
    background: #084F78 0% 0% no-repeat padding-box;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-right: 3px;
}

#addwordsfile{
    background: #084D77 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    font: normal normal bold 14px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-left: 5px;
}


#btnchangewordsave{
    background: #084F78 0% 0% no-repeat padding-box;
     font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-right: 3px;
}
#btnback {    
    background: #084F78 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    margin-bottom: 10px;
    text-align: center;
    font: normal normal bold 14px/24px Roboto;      
    letter-spacing: 0px;
    color: #FFFFFF;    
    margin-left:10px;
    padding-left: 20px;
    padding-right: 20px;
}
#addnewconjugationword{
    background: #084D77 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    font: normal normal bold 14px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-left: 7px;
}
#btnconjuwordsave{
    background: #084F78 0% 0% no-repeat padding-box;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-right: 3px;
}
#btnuserchangepasssave{
    background: #084F78 0% 0% no-repeat padding-box;
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-right: 3px;
}
.bootstrap-select.form-control .dropdown-toggle[data-id='userrole']{
    border:1px solid #ced4da
}
div.dataTables_filter input { border: 1px solid black; }