/* Element */


/* Admin */
.sdja_container{width: 100%; max-width: 1000px; margin: 0 auto; padding: 2%;}
.sdja_container h1 ,.sdja_container p{margin: 0; color: black;}
.sdja_btn_head{width: 98%; height: 25px; background-color: #282b31; padding: 1%; border-top-left-radius: 2px; border-top-right-radius:2px; position: relative;}
.sdja_btn_icon{width: 25px; height: 25px; margin: 0 5px; display: inline-block; background-image: url("elements/jobs/images/sdj_icons.jpg"); background-size: 125px;}
.sdja_btn_icon_edit{width:25px; height: 25px; top: 50%; right:30px; position: absolute; background-image: url("elements/jobs/images/sdj_icons.jpg"); background-size: 125px; transform: translateY(-50%);}
.sdja_btn_icon_delete{width:25px; height: 25px; top: 50%; right:0; position: absolute; background-image: url("elements/jobs/images/sdj_icons.jpg"); background-size: 125px; transform: translateY(-50%);}

#sdja_jobs_container{width: 98%; background-color: white; padding:1%; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; position: relative; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));}
.sdja_jobListContainer{display: flex; justify-content: left; padding: 1rem 0; border-bottom: 1px solid #aeca05;}
.sdja_innerJobListContainer{ display:flex; flex-direction: column; align-items: center; background-color: #aeca05; border-radius: 10px; padding:1%; margin-right: 1rem;}

.position_relative{position: relative;}

.sdja_popupWindow{z-index: 1; display: block !important; position: absolute; width: 80%; background-color: white; left: 50%; top: 0; transform: translateX(-50%);filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));}
.sdja_popupWindowCloseBtn{position: absolute; width: 25px; height:25px; right: 0; top: 50%; background-image: url("elements/jobs/images/sdj_icons.jpg"); background-size: 125px; transform: translateY(-50%);}
.sdja_popupWindow label, .sdja_popupWindow input {display: block; }
.sdja_popupWindow input, .sdja_popupWindow select {margin-bottom: 1rem; border: 1px solid rgb(200, 200, 200); border-radius: 5px;}
.sdja_popupWindow_header{background-color: #282b31; width: 100%; display: block; position: relative; min-height: 60px;}
.sdja_popupWindow_header_btn{padding: 0.5rem; margin: 0.5rem; display: inline-block; background-color: #ebebeb; color: black;}
.popup_container{width: 96%; padding: 2%;}
.sdja_popupWindow input{padding-left: 0.25rem; width: 75%;}
.sdja_popupWindow select{padding-left: 0.25rem; background-color: white; width: 75.5%;}
.sdja_save_btn{padding: 0.5rem; background-color: #aeca05; margin-bottom: 1rem; margin-left: 2%; display: inline-block; color: black; border-radius: 10px; cursor:pointer;}
.sdja_save_btn:hover{color: black; background-color: #d8ef59;}

.display_none{display: none;}
.display_block{display: block;}

/* Icons */
.icon_add{background-position: 0 0;}
.icon_add:hover{background-position: 0 -25px;}

.icon_refresh{background-position: -50px 0;}
.icon_refresh:hover{background-position: -50px -25px;}

.icon_edit{background-position: -25px 0;}
.icon_edit:hover{background-position: -25px -25px;}

.icon_minus{background-position: -75px 0;}
.icon_minus:hover{background-position: -75px -25px;}

.icon_delete{background-position: -100px 0;}
.icon_delete:hover{background-position: -100px -25px;}

.icon_options{background-position: -25px -50px;}
.icon_options:hover{background-position: -25px -75px;}

.icon_x{background-position: 0 -50px;}
.icon_x:hover{background-position: 0 -75px;}

.icon_test{background-position: -50px -50px;}
.icon_test:hover{background-position: -50px -75px;}