#darkness{
display: flex;
align-items: flex-start;/*vertical*/
justify-content: center;/*horisontal*/
flex-direction:column;

position: absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background-color:rgba(0,0,0,0.0);
z-index:3;

animation: anim25 400ms normal forwards ease-in;
-webkit-animation: anim25 400ms normal forwards ease-in;
-moz-animation: anim25 400ms normal forwards ease-in;
-o-animation: anim25 400ms normal forwards ease-in;
}

@keyframes anim25{from {background-color:rgba(0,0,0,0.0)} to {background-color:rgba(0,0,0,0.85)}}
@-webkit-keyframes anim25{from {background-color:rgba(0,0,0,0.0)} to {background-color:rgba(0,0,0,0.85)}}
@-moz-keyframes anim25{from {background-color:rgba(0,0,0,0.0)} to {background-color:rgba(0,0,0,0.85)}}
@-o-keyframes anim25{from {background-color:rgba(0,0,0,0.0)} to {background-color:rgba(0,0,0,0.85)}}


#darkness label
{
color:#FFF;
margin-left:10%;
}

#darkness #exp{ width:90%;}


#i_line
{
display: flex;
align-items: flex-start;/*vertical*/
justify-content: center;/*horisontal*/
flex-direction:line;
margin-left: 10%;
width:80%;
}
#i_col
{
display: flex;
align-items: flex-start;/*vertical*/
justify-content: center;/*horisontal*/
flex-direction:column;
margin-right: 1%;
width:50%;
}
#i_col label
{
margin-left: 0%;
}

#darkness #jobtitle_in,#company_in,#desc_in,#link_in,#country_in
{
width:78%;
margin-bottom: 1.5%;
margin-left: 10%;
}
#city_in
{
width:90%; 
margin-left:0;
}
#sal_in
{
width:90%; 
margin-left:0;
}
#type_in{
width:90%;
}
#darkness #s_bt
{
margin-left:10%;
}
#s_bt_add {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    width: 48%;
    height: 10vh;
	margin-right:2%;
	margin-top:1%;
    border: medium none;
    border-radius: 2vw;
}
.blue_bt{
background-color: #3F91C8;
}
.orange_bt{
background-color: #C8A53F
}