body {    
    font-family: 'Roboto', sans-serif !important;    
}

.top-ui {
    background: #2A5931;
    line-height: 2.5em;
    padding: 5px;
}

.top-ui a {
    color: #F2CA52;
    font-size: 1.2em;
}

div.ui.header.main-top-subtitle {
    margin-top: 0;
}

h2.ui.header {
    font-size: 1.5rem;
}

.ui.segment.opening {
    border: 2px solid #355C7D;
}

.ui.form {
    padding-bottom: 50px;
}

.question .answer {
    margin-top: 10px !important; 
}

.list li::before {
    content: counter(ordered, lower-roman) "." !important;
}

.list li > div {
    margin-left: 15px !important;
}

div.ui.attached.header,
div.ui.attached.segment {
    border: 2px solid #2A5931;
}

div.ten.wide.column.main-top-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

div.ui.top.attached.block.header {
    background-color: #2A5931;
    color: #F2CA52;
}

.ui.selection.dropdown,
.ui.form input:not([type]), 
.ui.form input[type="date"], 
.ui.form input[type="datetime-local"], 
.ui.form input[type="email"], 
.ui.form input[type="file"], 
.ui.form input[type="number"], 
.ui.form input[type="password"], 
.ui.form input[type="search"], 
.ui.form input[type="tel"], 
.ui.form input[type="text"], 
.ui.form input[type="time"], 
.ui.form input[type="url"],
.ui.form textarea,
div .ui.button {
    border: 1px solid #3E4E59;
}

div.ui.checkbox .box::before, 
div.ui.checkbox label::before {
    border: 1px solid #3E4E59;
}

.attachphoto input[type="text"] {
    cursor: pointer;
}

.attachphoto input[type="file"] {
    display: none;
}

@media print {    
    h2.ui.header {
        font-size: 1.3rem;
    }    
}

.backgroundgradient {
    /* background: rgb(163, 165, 225); */
    background: rgb(141 196 170);
    background: -moz-linear-gradient(top, rgb(141 196 170) 0%, rgb(232, 245, 246) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(163,165,225,1)), color-stop(100%, rgba(232,245,246,1)));
    background: -webkit-linear-gradient(top, rgba(141 196 170,1) 0%, rgba(232,245,246,1) 100%);
    background: -o-linear-gradient(top, rgba(141 196 170,1) 0%, rgba(232,245,246,1) 100%);
    background: -ms-linear-gradient(top, rgba(141 196 170,1) 0%, rgba(232,245,246,1) 100%);
    background: linear-gradient(to bottom, rgb(141 196 170) 0%, rgb(232, 245, 246) 100%);
    background-attachment: scroll, scroll;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a5e1', endColorstr='#e8f5f6', GradientType=0 );    
}

.backgroundgradient .font-link {
    font-weight: bold
}

.backgroundgradient-fixed {
    background-attachment: fixed;
}

.backgroundImg {
    width: 100vw;
    height: 100vh;
    background: url('/static/images/theme/pattern_1920x1080.png');
    opacity: 0.3;
    position: fixed;
}

#main {
    padding: 10px 0;
    position: relative;
}