/*@font-face
{
    font-family: 'Iconic';

    src: url('Iconic-Pictograms-Bold-trial.ttf');
}*/

::placeholder{font-style: italic;font-size: .8em;}
.topstick{position: -webkit-sticky;position: sticky;top: 0;z-index: 1;background: white;width: 100%;overflow: hidden;}
.button-default{color: white;padding: 7px 10px;min-width: 100px;margin-top: 8px;margin-bottom: 8px;border:none;background: navy;border-radius: 4px;text-decoration: none;}
.button-default:hover{text-decoration: none;background: #A30B36;}
a.button-default:hover{color: white;}

.hline{padding: 5px ;border-bottom: 1px solid navy;color: #BB234F;font-weight: bold;text-align: center;text-transform: uppercase;font-family: railway;margin-bottom: 10px;}
 
.addlink{text-decoration: none;}
.addlink:hover{text-decoration: none;}
.nomandat{width: 100%;height: 35px;border: 1px solid lightgray;padding-left: 5px;margin:2px;border-radius: 3px;}
.mandat{width: 100%;height: 35px;border: 1px solid lightgray;padding-left: 5px;margin:2px;border-bottom: 1px dotted red;border-radius: 3px;}
.lvlreq:after {content:" *";color: red;}

.searchform{display:flex;flex-direction:row;border:1px solid lightgrey;border-radius: 4px;padding:1px;margin-top: 8px;}
.searchform input:focus{outline: none;}
.searchform input{flex-grow:2;border:none;height: 35px;padding-left: 30px;background: url(searchicon.png) no-repeat center left;}
.searchform button{border: none;border-radius: 4px;}
.searchform:focus-within {outline: 1px solid blue}

.editicon{content: url(editicon.png);height: 20px;width: 20px;float: right;top:0;}

.fieldicon{float: right;filter: grayscale(100%);text-decoration: line-through;font-size: .7em;margin-left: -40px;margin-top: -27px;position: relative;z-index: 2;cursor: pointer;}

.container-fluid{ background: white;}
.container{border-radius: 10px 10px 0px 0px;background-image: url("../images/bg10.png");background-repeat: no-repeat;background-position: center;background-size: auto 70%;background-attachment: fixed;min-height: 82vh;padding-top: 10px;padding-bottom: 50px;} 

.singleitem{padding: 10px;margin: 5px 0px;border: 1px solid goldenrod;box-shadow: 2px 3px gray;border-radius: 8px;}
.singleitem:hover {box-shadow: 2px 3px red;}

.contactimg{height: 25px;margin: 2px;background: white;border-radius: 20%;padding: 2px}
.secondarylink{text-decoration: none;margin-top: 10px;}
.secondarylink:hover{text-decoration: none;color: red;transition: 1s;}

.pagehead{padding: 5px 10px;margin-bottom: 10px;min-width: 50%;}

.redbg{background-image: url("../icons/svg/br-red.svg");background-size: cover;background-position: bottom;background-repeat: no-repeat;color: white;}
.navybg{background-image: url("../icons/svg/br-navy.svg");background-size: cover;background-position: bottom;background-repeat: no-repeat;color: white;}
.graybg{background-image: url("../icons/svg/br-gray.svg");background-size: cover;background-position: bottom;background-repeat: no-repeat;color: navy;}
.close {position: absolute;right: 2%;top: 10px;cursor: pointer;}
.editicon{filter: brightness(0) saturate(100%) invert(42%) sepia(34%) saturate(4341%) hue-rotate(349deg) brightness(100%) contrast(95%);}
table{margin-top: 10px; width: 100%;background: white;} td,th{ padding:3px; border: 1px solid lightgray;}