@font-face {
font-family: "Varela Round";
src: url("../font/VarelaRound-Regular.ttf");
}

*{
    margin:0;
    padding:0;
    font-family: Varela Round;
}
.login-body{
    background-image:
    linear-gradient(to right, rgb(22 53 241 / 52%), rgb(86 69 158 / 73%)),
    url('../images/Log_page.png');
    height: 700px;
    color: white;
    padding: 0px;
    min-height: 1000px !important;
    background-size: cover;
    background-position: bottom;
    
}
.login-body h2
{
    font-family: Varela Round;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: none;
    margin-top: 30%;
    text-align:center;
}

.loginBox2
{
   width: 75%;
    margin: 0 auto;
    padding: 50px 0;
}
.loginBox2 i.prefix {
    background-color: #fff;
    color: #948a99;
    text-shadow: 1px 1px 1px rgb(255 255 255 / 75%);
}
.loginBox2 a 
{
   display: block;
    cursor: pointer;
    color: #948a99;
    font-size: 14px;
    margin-top: 10px;
    
}
.cariera-password i{
position: absolute;
       position: absolute;
    top: 375px;
    right: 70px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.login-logo {
    padding:20px;
}

.login-input i{
    height:20%;
    width:5%;
    padding:5px;
    color: #948a99;
}
.login-btn{
    padding:7px;
    margin-top: 8px;
    margin-left:10px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ffffff;
    background-color: #ffffff;
    color: #0057b8;
    font-weight: 600;
    height: 100%;
    border-radius: 10px;
}


/*************************************************/
.btn{
    background: #0057b8;
    color:white;
}
    .table-div
    {
        padding : 20px;
    }
    .table-data
    {
        text-align : center !important;
        box-shadow: 5px 5px 5px 5px;
    }
    .card-body p{
                font-family: Varela Round !important;
                      font-size : 16px;
                      color : #808080;
    }
    .card 
    {
        border : 1px solid #e6e6e6;
        background : white;
        padding : 10px;
        height: 28%;
        margin-top: 20px;
    }
    .card:hover 
    {
        background : #f2f2f2;
    }
    .panel
    {
        padding : 10px;
        background :  white;
     box-shadow: 0px 0px 0px 0px;
    }
    .card-title 
    {
            font-family: Varela Round !important;
              font-size : 22px;
              color : black;
              font-weight : 500;
              text-decoration : none !important;
    }
      .card-title:hover
      {
          color : #303af7;
      }
    .col-sm-4
    {
        padding : 16px;
    }
    .profile-image
    {
        border-radius : 0% !important;
        padding : 0px;
        background : #e6e6e6;
        border-radius : 3px;
    }
 .fa-icons
    {
        color : #bfbfbf;
        	text-shadow: none;
        		font-size : 16px;
        		border : none;
    }
     .fa-icons:hover
     {
           color : #bfbfbf !important;
        	text-shadow: none;
        	font-size : 16px;
            border : none;

     }
    
     .form-control
{
    padding : 10px;
    height : 50px;
            font-size : 14px !important;
        font-weight : 500;
    color : #737373 !important;

}
    .edit-delete 
{
font-size: 25px;
color: #ff4d4d !important;
border:none !important;
background : none;
text-shadow : none;
}
.edit-delete i 
{
    color: #ff4d4d !important;
text-shadow : none;

}
.edit-delete:hover
{
font-size: 25px;
color: #ff4d4d !important;
border:none !important;
background : none;
text-shadow : none;


}
.filters
{
            background : #f2f2f2;
            padding : 20px;
            border-radius : 3px;
            margin-bottom : 15px;

}
.filters .col-sm-6
{
    padding : 10px;
}
.filters label
{
   color : #737373 !important;
            font-size : 14px !important;
        font-weight : 400;
font-family: Varela Round !important;
}
.countjobs
{
    color : #303af7;
    background : #fff;
    border : 1px solid #303af7;
    padding  :5px;
    border-radius : 3px;
    font-family: Varela Round !important;
    font-weight : 500;
    font-size : 18px !important;

}
.card-line .col-sm-12
{
    background : #ACA7A6;
    width:100%;
}
.company-subhead
{
    width:100%;
    height:20%;
    background:#ACA7A6;
    padding:0px;
}
.page-header
{
    padding: 130px 0;
    background-image: url(../images/company_header.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.page-header h1
{
    font-family: Varela Round;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: none;
    align-content: center;
    text-align: center;
    padding: 5px;
}
#color-overlay {
   background-color: black;
   opacity: 0.6;
}
/*****************************************/