/*--meiermarkencolor: #ffc500*/
/*
input[type="checkbox"] {
    transform:scale(1.5, 1.5);
}
*/


svgbutton[src=threedots] {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

svgbutton[src=threedots] svg {
    height:20px;
    fill: silver;
}


.datepicker {
    width:90px;
}

.msg {
    margin-left: 10px;
    color: orange
}

.navclick label, .navclick input {
    cursor: pointer;
}


#hambo svg, #home svg {
    fill: white;
    stroke: white;
}

#info svg {
    width: 15px !important;
    height: 15px !important;
    padding:3px;
    border: solid 2px white !important;
    border-radius: 50%;
}

/*
#navtop div:nth-of-type(6) {
    border: solid 2px purple;
}
*/

.navleftbutton button {
    width: 180px;
    display: block;
    margin-bottom: 5px;
    text-align: left;
}

.navleftbutton select {
    width: 180px;
    text-align: left;
    padding-left:3px;
}

/* -- chrome only .selector:not(*:root) -- */
.navleftbutton select:not(*:root) {
    background-color: #efefef 
}

.tilesselectheader{
    margin-top:20px;
}
.tilesselectheaderborderbottom {
    border-bottom:dashed 2px grey;
    width:150px;
    margin-top: -10px;
    margin-left:  5px;
    margin-bottom: 2px;
}


.organization {
    background-color: rgb(255, 217, 202);
}

.person {
    background-color: rgb(233, 248, 202);
}

.title {
    background-color: rgb(250, 213, 253);
}

.project {
    background-color: rgb(235, 250, 255);
}

.job {
    background-color: rgb(255, 255, 196)
}

.service {
    background-color: rgb(189, 238, 255);
}


.protectionblue {
    color:  rgb(0, 195, 255) !important;
}

.colorbox {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 5%;
    border: solid 1px silver;
    position: relative;
    top:2px;
    margin-left: 8px;
}

.popout svg {
    position: relative;
    top: 3px;
    left:5px;
    fill:  rgb(0, 195, 255) !important;
    height:1.2rem !important;
    width: 1.2rem !important;
}

.tel {
    color:blue;
    text-decoration:underline;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 20px;
}

.oneflexcontent td:nth-of-type(1) {
    /* color: red; */
    width: 130px;
}

#titleclasses  td {
    /* color: green; */
    width: 10px;
}

.titleimage {
    height: 60px;
    margin-bottom: 20px;;
}


.projectfile {
    color: rgb(96, 189, 247);
    cursor: pointer;
}

.drivefolder {
    display: flex;
    align-items: center;
    border-bottom:solid 1px grey;
    padding-bottom:8px;
    margin-top:30px;
    margin-bottom:8px;
}
.drivefolder a {
    white-space: nowrap;
}
.drivefolder input {
    margin-left:20px;
    color:silver;
    width:30rem;
}
.drivefile {
    display: inline-block;
    padding-bottom: 4px;
}

/* service operations */
.sortable    { list-style-type: none; margin: 0 0 15px 0; padding: 0; }
.sortable li { margin: 0 3px 6px 3px;  display: flex; align-items: center; background-color: rgb(247, 247, 247);}
.sortable li span {  display: flex; align-items: center; } /* voor de inputs*/

#sortableheader li {background-color:  rgb(238, 238, 238); height:30px;}
#sortableheader li span {display: block;}

/* index */
.sortable li>span:nth-of-type(1) { width: 50px; margin-right: 10px; text-align:center;}
#sortable li>span:nth-of-type(1) { cursor: pointer; display: block;}

/* name */
.sortable li>span:nth-of-type(2) { width: 350px;}
.sortable li>span:nth-of-type(2) input { width: 345px;}

/* processingdays */
.sortable li>span:nth-of-type(3) { width: 80px; text-align: right;}
#sortable li>span:nth-of-type(3) input { text-align: right; width: 75px;}

/* portal */
.sortable li>span:nth-of-type(4) { width: 60px; text-align: center; margin-left:10px; margin-right:10px;}
#sortable li>span:nth-of-type(4) input {margin: auto;}

/* template */
.sortable li>span:nth-of-type(5) { width: 180px;}

/* delete */
/* no css*/