@import url("gf-base-v2.css");


/* HEADER */


/* FOOTER */
#social_newsletter_footer {
    background: #f50099 none repeat scroll 0 0;
    margin-top: 10px;
    padding: 1.04167%;
    width: 97.9167%;
}
#social_newsletter_footer > div {
    float: left;
    margin-left: 1.04167%;
    width: 32.2917%;
}


/* -  -  -  -  - */

/*fonts*/
@font-face { /* - - - licentieprobleem? - - - - - - - - - - - - - */
  font-family: "Antenna Cond Light";
  font-style: normal;
  font-weight: normal;
  src: url("//cloud.webtype.com/webtype/ff2/2/2cd0dacd-7aa6-4cd7-92db-05a9b16a578d?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a63c595089ad65d1bd5e5e19ab342e1002061eb35fd443407f5bd7da9ff673ca9fc86d91f872884b0269990ba9b9ce46ae33ca2072f6cb21f62ae92a83dd24e4b3ca000f46ac707b537e8d0788c2172fe7a4282ef62beffe83cd3de6275bc25fe1bb7393880cdb622f66966f761b0afefe64fd1cd74c86d2a73a3#iefix") format("embedded-opentype"), url("//cloud.webtype.com/webtype/ff2/3/f9c84b75-adf6-40cc-ac6e-66d71c2a769d?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a62c5c1529dde0d18d230b25f5941a31bdaf119a1d17912947ff59f2e7c6ee7ac1806f805911fd89c44ffb29e23b527d4ded11e472b46c2520398d7860203b1e912e8c35a2318d8e66afe30a2ffc066443aaf1f7bd83fd7667a57bf67234d4b6336977af0083e2c5746d652fb74d32d5ce70feeb9374d04fe9df9") format("woff"), url("//cloud.webtype.com/webtype/ff2/1/8dc0a8fd-d912-4df7-b9ef-05208e7158b4?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a60c59f0f9dd65842a1a9f564a50e419c161cf7e368812f693562714c323d425f1a946f1960b9ad6583b67b445a5c1f42b3325684cb6665ea00f6eb78b81463ef1a9e561e8fefc1234809cbb2fa5ae9b6d896457478389b7914e90c8324b5147905cf4e07be032af3596565514930c4a090a26c65fd4b04d9edef") format("truetype"), url("//cloud.webtype.com/webtype/ff2/4/22577e7f-8008-4eb5-be15-b61fd74f15e9?ec_token=8f7c4c4997246fd7fa920073c8943b56ae7d3c37cb07aca5824c409965cc1f6530c05dae25d8ce2a65c59559cbd10e1ff89984c1dcc3761dac0e9e4f6eba0058e2c61f2433680ff3cb608b04bbb5fd2b7aa179a435865820f891420b2ef5642234d7f30a94f4496e5921aa78d78ce9f04d807213e9903c5a6b50386d315b6ac998b96073552433e4d001784fc9cef6a7f928ae48a404f061bff422879d35a5fb6e2b#web") format("svg");
}
@font-face {
  font-family: "AntennaCondBlack";
  font-style: normal;
  font-weight: normal;
  src: local("☺"), url("../../../Uploads/File/antenncb-webfont.woff") format('woff'), url("../../../Uploads/File/antenncb-webfont.ttf") format("truetype"), url("../../../Uploads/File/antenncb-webfont.svg#webfontTZeXFvcG") format("svg");
}
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  src: url("../../../Uploads/File/fontawesome-webfont-iefix.eot") format("embedded-opentype"), url("../../../Uploads/File/fontawesome-webfont.woff") format("woff"), url("../../../Uploads/File/fontawesome-webfont.ttf") format("truetype"), url("../../../Uploads/File/fontawesome-webfont.svg#fontawesomeregular") format("svg");
}


/*base*/
#body {
    font: 100% Arial, FreeSans, sans-serif;
    padding-top: 0;
}
#wrapperinner {
    background: none;
}


/*header logo*/
.GroningerForumLogo {
    float: left;
    position: relative;
}
.GroningerForumLogo a {
    display: inline-block;
    margin-left: -29px;
}


/*Header nav*/

.servicetop {
    float: right;
    padding: 10px 0 10px 10px;
    height: 25px;
    background-color: #fff;
    font-size: 12.8px;
    line-height: 1em;
    margin: 50px 0 0 0;
}
.servicetop ul {
    overflow: auto;
    padding: 0.25em 0.75em;
}
.servicetop li {
    float: left;
    display: inline-block;
    line-height: normal;
    margin: 0 0.5em 0 0;
}
.servicetop a {
    background: url("bullet-grey.png") no-repeat left center; /*https://www.groningerforum.nl/portal_css/Groninger%20Forum%20Theme/++resource++forumbase.theme.images/bullet-grey.png*/
    padding-left: 16px;
}


/*Main nav*/
body ul.mainnavigation {
	padding-top: 1px;
}
body ul.mainnavigation > li {
    width: auto;
}
ul.mainnavigation > li > a span {
    font-family: "Antenna Cond Light", Arial;
    font-size: 1.91rem;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    box-sizing: border-box;
    line-height: normal;
    margin-right: 34px;
    text-transform: uppercase;
    padding: 0 3px !important;
	color: #000000;
}
ul.mainnavigation > li:last-child > a > span {
    margin-right: 0;
}
ul.mainnavigation > li.bibliotheek > a,
ul.mainnavigation > li > a.link:hover,
ul.mainnavigation > li > a:hover,
ul.mainnavigation > li > a:focus {
    text-decoration: none;
}
ul.mainnavigation > li.bibliotheek > a span,
ul.mainnavigation > li > a:hover span,
ul.mainnavigation > li > a:focus span {
    background-color: #000;
	background-image: url("./images/gradient-black-29.png");
	background-repeat: repeat-x;
    color: #fff;
}


/*Footer*/
.footer::before,
.footer::after {
    content: "";
    background: url("diagonal-stripes-white.png") repeat; /*https://www.groningerforum.nl/portal_css/Groninger%20Forum%20Theme/++resource++forumbase.theme.images/diagonal-stripes-white.png*/
    width: 100%;
    height: 10px;
    display: block;
    margin: 10px 0px 5px 0px;
    clear: both;
}
#social_newsletter_footer {
    width: 100%;
}

#footer div {
    text-align: left;
}
.footer > div {
    overflow: auto;
    position: relative;
    box-sizing: border-box;
}
.footer h2 {
    color: #fff;
    font-size: 1.25em;
    margin-bottom: 0.91em;
    font-family: 'AntennaCondBlack', Arial;
    text-transform: uppercase;
    letter-spacing: 0.00em;
}
.footer h2 img {
    vertical-align: text-bottom;
}

.footer .newsletter {
    margin-top: 17px;
}
.footer .newsletter p {
    margin-top: 0.5em;
    font-size: 0.75em;
    font-weight: bold;
}
.footer .newsletter form input[type="text"] {
    width: 99%;
    height: 26px;
    padding: 1px 0 1px 4px;
    border: 0 solid #444444;

    font-family: "Lucida Grande", Arial, FreeSans;
}
.footer .newsletter form input[type="submit"] {
    background-color: transparent;
    background-image: url("submit-button-black-135.png"); /*https://www.groningerforum.nl/portal_css/Groninger%20Forum%20Theme/++resource++forumbase.theme.images/submit-button-black-135.png*/
    background-position: right center;
    background-repeat: no-repeat;
    border: 0 solid #444444;
    color: #fff;
    font-size: 1.166666667em;
    letter-spacing: 0.00em;
    line-height: normal;
    margin-top: 0.5em;
    padding: 1.282051282% 4.615384615% 1.282051282% 3.076923077%;
    text-transform: uppercase;

    font-family: 'AntennaCondBlack', Arial;
}

.footer .twitter {
    background-color: #fff;
}

.footer .fb_iframe_widget {
    display: inline;
}
.footer .fb_iframe_widget > span {
    width: 100% !important;
}
.footer .fb_iframe_widget > span > iframe {
    max-width: 99%;
    max-height: 100%;
}


/*Hide LoggOff from UA navigation*/
.application.UserActivities .navigation .logoff {
    display: none;
}


/*OnlyRelated works*/
.application.Relations .recordDisplayElement img {
    border-top: 3px solid #f50099;
}




@media screen and (max-width: 600px) {
    #header > div {
        overflow: auto;
    }
    .GroningerForumLogo a {
        margin-left: 0;
    }
    body {
        background-image: none;
    }
    .GroningerForumLogo img {
        width: 55.713286713px;
        height: 55px;
    }
    .servicetop {
        display: none;
    }

    /*main nav*/
    body #navigation {
        display: block !important;
        margin-top: 10px;
    }
    body #navigation > ul {
        display: none;
    }
    body.menu-on #navigation > ul {
        display: block;
    }
    body ul.mainnavigation > li {
        width: 100%;
    }
    body #navigation::after {
        content: "";
        background: url("diagonal-stripes-white.png") repeat;
        width: 100%;
        height: 10px;
        display: block;
        margin: 10px 0px 20px 4px;
        clear: both;
    }
    .menu-close {
        display: none;
    }
    .burger {display: inline-block !important; cursor:pointer;}
    .burger::before {
        content: "Menu";
        font-family: 'AntennaCondBlack', Arial;
        text-transform: uppercase;
        letter-spacing: 0.00em;
        font-size: 1.5rem;
        margin-left: 4px;
        padding-top: 0.5rem;
    }
    .burger::after {
        content: "\f0da";
        font-family: FontAwesome;
        display: inline-block;
        speak: none;
        font-size: 1.5rem;
        letter-spacing: 0.00em;
        padding-left: 0.125em;
    }
    body.menu-on .burger::after {
        content: "\f0d7";
    }
    body.menu-on ul.mainnavigation > li > a > span {
        border-bottom: none;
        padding: 5px 0;
        font-size: 1.3rem;
        margin-left: 4px;
    }
    body ul.mainnavigation:hover::after {
        display: none;
    }

    /*Wide searchboxes*/
    .searchRows th {
        display: none;
    }
    .searchRows td {
        display: block;
        width: 100% !important;
    }
    .searchRows td > div, .searchRows td > div > div, .searchRows td > div > div > div {
        width: 100% !important;
        display: block !important;
    }
    #divSearchScreen.expert .searchForm .searchRows .rowIndex .dijitComboBox {
        box-sizing: border-box;
        border-left: 1px solid #000 !important;
    }

    /*Hode footer*/
    #footer {
        display: none;
    }
}


/* dropdown-container */
.dropdown-container {
    height: 40px;
    border: 1px solid #505450;
    position: relative;
    overflow: auto;
}
#divSearchScreen.expert .searchForm .searchRows .rowIndex .dropdown-container,#divSearchScreen.advanced .searchForm .searchRows .rowIndex .dropdown-container {
    border-left: 0 !important;
}
.dropdown-container select {
    height: 100%;
    border: none;
    cursor: pointer;
    min-width: 100%;
    background: #fff;
    font-size: 16px;
}
.dropdown-container::before,.dropdown-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
    pointer-events: none;
}
.dropdown-container::before {
    background: #fff;
}
.dropdown-container:hover::before {
    background: #fcfdff url(../base/images/buttonHover.png) repeat-x bottom;
}
.dropdown-container:after {
    background: url(../base/images/comboArrowDown.gif) no-repeat center;
}
.dropdown-container option {
    padding: .1em .2em;
    background-color: #f7f7f7;
    font: menu;
}

#eMandateInfo > p {
  margin-bottom: 8px;
}












/* NEW STYLING CRE8ION */

.guestRegister #column2 {
	width: 100% !important;
}

fieldset.group > legend {
	position: relative;
	top: inherit;
}

.guestRegister .group.fieldSetBGrp01Identity fieldset.edit.radio .label legend{
	margin: 0;
	color: #505450;
	font-size: 100%;
	border: none;
}

.guestRegister fieldset.group > legend {
	position: relative;
	border: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	top: inherit;
}

fieldset.group {
    border: none;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0 !important;
}

fieldset.group .text .data,
fieldset.group .radio .data,
fieldset.group .select .data {
	margin: 0 0 20px 0;
}

fieldset.group .label {
	padding: 0 0 5px 0;
	display: inline-block;
}

fieldset.group .label label {
	padding: 0;
	margin-bottom: 0;
}

.dijitTextBox, .dijitComboBox,
.dijitSpinner,
.dijitInlineEditor input,
.dropdown-container {
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 4px;
}

.fieldSetBGrp01Identity .dropdown-container {
	display: inline-block;
}
.dropdown-container::before,
.dropdown-container:after {
	display: none;
}

.radio label,
.checkbox label {
	padding-left: 5px;
	padding-right: 30px;
}

#registerHelp {
	padding-left: 40px;
}

button.link2, .link2.button,
.buttonLink span, .dijitButton > button > div,
.RichTextItem .StyleButton,
.topInfo a,
.mainOptions .option.optReserve a {
	border-radius: 4px;
  background: #000 !important;
}

.link2.button:hover, .buttonLink span:hover, .dijitButton > button:hover > div, .RichTextItem .StyleButton:hover, .topInfo a:hover, .mainOptions .option.optReserve a:hover, .customnavigation .navigation.List.row.row1 li a:hover {
    background: #333 !important;
    color: #fff !important;
}



.EditBorrowerData .confirmation tr.label {
	display: table-row;
	font-weight: normal;
	padding: 0;
	border-radius: 0;
}
.EditBorrowerData .confirmation tr.label td {
	padding: 10px 0 0 10px;
}



#eMandateMain #columnwrapper {
	padding-top: 20px;
    box-sizing: border-box;
}

#eMandateMain #intro label{
	font-weight: 400;
}

#eMandateMain #input {
	margin-bottom: 30px;
}

#eMandateMain label.label {
	color:#51534A;
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
	text-align: left;
	font-size: 100%	;
	padding: 0;
	margin: 0 0 5px 0;
}

#eMandateMain #input > div {
	flex-direction: column;
}

#eMandateMain #input > div > * {
	flex: 1;
}

#eMandateMain select {
	border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
	display: inline-block;
}

fieldset.group legend {
  position: relative;
  top: inherit;
}

.guestRegister #dojoUnique3 {
  opacity: 0;
  pointer-events: none;
}

body .dijitDialogCloseIcon {
  border: none !important;
  margin: inherit !important;
}

#PersonalDataDiv .expiryDate {
  display: none;
}

#content_dojoUnique18 fieldset.group > legend {
  text-indent: -999999px;
  height: 0;
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.illprint, .illemail {
    display: none;
}

.UserActivities .navigation a, .modifyData a, .newRequest a {
    color: #000 !important;
}
.UserActivities .navigation a:hover, .modifyData a:hover, .newRequest a:hover {
    color: #ff7300 !important;
}

#divRestrictions .restriction a, #divSearchAssociations .association a, #UserDataSummaryDiv tr td.label a, #LinkedAccountsDiv .name a {
  color: #000;
}
/* 20240312.eh.an */
.LoanHistory .recordDisplayElement .tools {
	float: left !Important;
	width: 25px !Important;
	display: block !important;
}

.LoanHistory .recordDisplayElement.notools > .data,
.LoanHistory .recordDisplayElement.smallimage > .data {
margin-left:175px !important;
}
.LoanHistory .recordDisplayElement .tools input{
	margin-top:0;
}
.LoanHistory .topInfo {
  display: block;
}