/*
employeepanel=picture,firstname,lastname
assetpanel=picture,name
deskpanel=picture,deskname
*/

.employeepanel {  background:none; }
.employeepanel span { background-color:white }
.employeepanel img { border-radius:10px!important; }

.panelselected span { background:none }

.assetpanel {}
.deskpanel {}

.DetailFormPicWrapper[formtype="employee"] {
    background: linear-gradient(180deg, #444444 162px, #FFFFFF 0, #FFFFFF 100%);
    padding-top: 20px;
}

.DetailFormPicWrapper[formtype="employee"] img {
    width: 284px;
    height: 284px;
    max-width: 284px;
    max-height: 284px;
    border-radius: 142px;
    border: 3px solid #ffffff;
}

@media only screen and (max-width: 700px) {
    .DetailFormPicWrapper[formtype="employee"] img { border-radius:60px; }
    .DetailFormPicWrapper[formtype="employee"] { background: linear-gradient(180deg, #444444 80px, #FFFFFF 0, #FFFFFF 100%); }
}
@media screen and (max-height: 700px) {
    .DetailFormPicWrapper[formtype="employee"] img { border-radius:60px; }
    .DetailFormPicWrapper[formtype="employee"] { background: linear-gradient(180deg, #444444 80px, #FFFFFF 0, #FFFFFF 100%); }
}


.department_accounting img { border-top: 3px solid #ffc700; border-bottom: 3px solid #ffc700; }
.department_it img { border-top:3px solid #ff7000;  border-bottom:3px solid #ff7000; }
.department_human_resources img { border-top:3px solid #56ad31; border-bottom:3px solid #56ad31; }
.department_marketing img {  border-top:3px solid #7cc4f9; border-bottom:3px solid #7cc4f9; }
.department_production img {  border-top:3px solid #a45cf0; border-bottom:3px solid #a45cf0; }
.department_research_and_development img { border-top:3px solid #50f5bf; border-bottom:3px solid #50f5bf; }