@font-face {
    font-family: 'pt_sans_captionbold';
    src: url('../fonts/PTC75F-webfont.eot');
    src: url('../fonts/PTC75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTC75F-webfont.woff') format('woff'),
         url('../fonts/PTC75F-webfont.ttf') format('truetype'),
         url('../fonts/PTC75F-webfont.svg#pt_sans_captionbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansitalic';
    src: url('../fonts/PTS56F-webfont.eot');
    src: url('../fonts/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS56F-webfont.woff') format('woff'),
         url('../fonts/PTS56F-webfont.ttf') format('truetype'),
         url('../fonts/PTS56F-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sinkin_sans900_x_black';
    src: url('../fonts/SinkinSans-900XBlack-webfont.eot');
    src: url('../fonts/SinkinSans-900XBlack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SinkinSans-900XBlack-webfont.woff') format('woff'),
         url('../fonts/SinkinSans-900XBlack-webfont.ttf') format('truetype'),
         url('../fonts/SinkinSans-900XBlack-webfont.svg#sinkin_sans900_x_black') format('svg');
    font-weight: normal;
    font-style: normal;
}

*
{margin: 0px;padding: 0px;position: relative;vertical-align: top;}

html
{width: 100%;height: 100%;}

body
{width: 100%;height: 100%;font-family: 'pt_sansregular', arial;background-color: #8ac;overflow: auto;}

body
{overflow: hidden;}
.div-indexpage
{min-height: 100%;min-width: 100%;box-sizing: border-box;z-index: 8;overflow: auto;height: 100%;width: 100%;}
.div-indexcontent
{display: flex;min-width: min-content /* this ensures that any forced minimal content what would still overflow stretches the container instead of forcing partial overflow */;min-height: 100%;flex-direction: column;}

/*
.div-ccpheader header
{position: absolute;width: 100%;background-color: #04488e;display: flex;color: #fff;line-height: 40px;flex-wrap: nowrap;white-space: nowrap;z-index: 10;}

.div-ccpheader header nav
{display: flex;flex-grow: 1;flex-wrap: nowrap;overflow: auto;}
.div-ccpheader header nav a
{color: #fff;padding: 7px 10px 5px 10px;text-align: center;display: inline-block;text-decoration: none;cursor: pointer;text-shadow: 1px 1px 4px rgba(0,0,0,0.7);}
.div-ccpheader header nav a .fa
{display: block;font-size: 24px;line-height: 28px;}
.div-ccpheader header nav a label
{display: block;font-size: 13px;line-height: 20px;}
.div-ccpheader header nav a:hover label
{text-decoration: underline;cursor: pointer;}
.div-ccpheader header nav a.selected
{background-color: rgba(255,255,255,0.2);}

.div-ccpheader header .timestamp
{padding: 10px 20px;text-align: right;line-height: 20px;font-size: 14px;}
.div-ccpheader header .timestamp a
{color: #fff;text-decoration: none;}
.div-ccpheader header .timestamp a:hover
{text-decoration: underline;}

.div-ccpheader header .logoutbutton
{vertical-align: top;height: 28px;background-color: #e4032c;display: inline-block;border: none;width: auto;padding: 0px 10px;line-height: 28px;color: #fff;cursor: pointer;font-size: 16px;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;height: auto;text-decoration: none;line-height: 1;text-align: center;padding: 6px 10px 5px 10px;}
.div-ccpheader header .logoutbutton:hover
{text-decoration: none;}
.div-ccpheader header .logoutbutton:hover label
{text-decoration: underline;}
.div-ccpheader header .logoutbutton label
{cursor: pointer;height: 20px;display: inline-block;font-size: 13px;line-height: 20px;padding: 0px 10px;}
.div-ccpheader header .logoutbutton .fa
{display: block;font-size: 24px;line-height: 28px;text-decoration: none;}

.div-ccpheader .navoverlay
{display: none;}
.div-ccpheader .pageoverlay
{display: none;}

@media screen and (max-width: 1400px)
{
    .div-ccpheader
    {position: absolute;left: 0px;top: 0px;height: 100%;}
    .div-ccpheader header
    {flex-direction: column;position: absolute;left: 0px;top: 0px;height: 100%;z-index: 10;width: 60px;overflow: hidden;margin-top: 0px;}
    .div-ccpheader header nav
    {flex-direction: column;}
    .div-ccpheader header nav a
    {padding-left: 0px;height: 40px;line-height: 40px;text-align: left;}
    .div-ccpheader header nav a .fa
    {display: inline-block;width: 60px;text-align: center;padding: 0px;margin: 0px;font-size: 26px;}
    .div-ccpheader header .timestamp
    {display: none;}
    .div-ccpheader header .logoutbutton
    {width: 100%;box-sizing: border-box;padding-left: 0px;height: 40px;line-height: 40px;text-align: left;padding: 0px;}
    .div-ccpheader header .logoutbutton label
    {font-size: 20px;line-height: 40px;}
    .div-ccpheader header .logoutbutton .fa
    {display: inline-block;width: 60px;text-align: center;padding: 0px;margin: 0px;font-size: 22px;line-height: 40px;}
    .div-ccpheader .pageoverlay
    {display: none;width: 100%;height: 100%;left: 0px;top: 0px;position: fixed;z-index: 9;background-color: rgba(0,0,0,0.1);}
    .div-ccpheader .navoverlay
    {display: block;width: 40px;height: 100%;left: 0px;top: 0px;position: fixed;z-index: 11;}
    .div-ccpheader header nav a .fa,
    .div-ccpheader header nav a label
    {line-height: 40px;}
    .div-ccpheader header nav a label
    {display: none;}
    .nav-expanded .div-ccpheader header nav a label
    {display: inline-block;font-size: 16px;}
    .nav-expanded .div-ccpheader .pageoverlay
    {display: block;}
    .nav-expanded .div-ccpheader .navoverlay
    {display: none;}
    .nav-expanded .div-ccpheader header .timestamp
    {display: block;}
    .nav-expanded .div-ccpheader header
    {width: auto;overflow: auto;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);}
    .nav-expanded .div-indexpage
    {opacity: 0.2;}
}
@media screen and (max-height: 800px) and (max-width: 1400px)
{
    .div-ccpheader header nav a
    {height: 30px;line-height: 30px;}
    .div-ccpheader header nav a .fa
    {font-size: 22px;}
    .div-ccpheader header nav a .fa,
    .div-ccpheader header nav a label
    {line-height: 30px;}
}
@media screen and (max-height: 540px) and (max-width: 1400px)
{
    .div-ccpheader header nav a
    {height: 20px;line-height: 20px;}
    .div-ccpheader header nav a .fa
    {font-size: 16px;}
    .div-ccpheader header nav a .fa,
    .div-ccpheader header nav a label
    {line-height: 20px;}
}

.div-indexpage
{border-top: 60px solid transparent;}
@media screen and (max-width: 1400px)
{
    .div-indexpage
    {border-left: 60px solid transparent;border-top: none;}
}
*/

.darkpage
{background-color: #579;}

.darknavlinks
{display: flex;padding: 20px;}
.darknavlinks a + a
{margin-left: 20px;}
.darknavlinks a
{color: #bcd;transition: color 1s;}
.darknavlinks a:hover
{color: #fff;transition: color 300ms;}

.subtabs
{padding: 20px 16px 0px 16px;white-space: nowrap;}
.subtabs a
{transition-property: color,border-bottom-color;transition-duration: 300ms;border-bottom: 4px solid transparent;vertical-align: bottom;color: #bcd;margin: 4px 4px 0px 4px;padding: 10px 20px;display: inline-block;font-family: 'pt_sans_captionbold', arial;font-weight: normal;text-decoration: none;font-size: 18px;}
.subtabs a:hover
{text-decoration: underline;border-bottom-color: #e4032c;color: #eee;transition-duration: 100ms;}
.subtabs a.selected
{color: #fff;border-bottom-color: #e4032c;}
.subtabcontent
{background-color: #8ac;padding: 20px 20px 40px 20px;}

.div-footer
{width: 100%;padding-top: 80px;}
.div-footer footer
{padding: 60px;width: 100%;background-color: #234;color: #fff;box-sizing: border-box;border-top: 1px solid #000;background-image: linear-gradient(170deg, #123 0%, #345 70%);}
.div-footer h3
{font-size: 20px;padding-bottom: 20px;}
.div-footer .links
{display: flex;list-style-type: none;padding: 0px;margin: 0px;flex-wrap: wrap;}
.div-footer .links a
{padding: 10px;display: inline-block;color: #fff;text-decoration: none;font-size: 18px;}
.div-footer .links a:hover
{text-decoration: underline;}

a
{text-decoration: underline;color: #06c;}

a:hover
{color: #e4032c;}

select
{font-family: 'pt_sansregular';font-size: 14px;}

input[type="text"], input[type="email"], input[type="password"], input[type="button"], button, textarea
{line-height: 16px;padding: 5px 10px;background-color: #fff;border: 1px solid #ccc;resize: none;width: 170px;font-size: 14px;font-family: 'pt_sansregular', arial;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus
{border-color: #04488e;background-color: #f6f9ff;}

select
{background-color: #fff;border: 1px solid #ccc;font-size: 14px;font-family: 'pt_sansregular', arial;line-height: 16px;padding: 5px 10px;}
select:focus
{border-color: #04488e;background-color: #f6f9ff;}

hr
{margin: 20px 0px;}

dt
{padding: 5px 0px;}

dd
{padding-bottom: 10px;}

input[type="submit"], input[type="button"], button, a.knop, .cs-button
{vertical-align: top;height: 28px;background-color: #e4032c;display: inline-block;border: none;width: auto;padding: 0px 10px;line-height: 20px;color: #fff;cursor: pointer;font-size: 16px;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
a.knop, .cs-button
{line-height: 28px;}

input[type="submit"], input[type="button"], button
{font-family: 'pt_sansregular', arial;}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, a.knop:hover, .cs-button:hover
{background-color: #f4234c;text-decoration: underline;}

input[type="submit"].disabled, input[type="button"].disabled, button.disabled
{cursor: default;background-color: #666;color: #ccc;}

input[type="submit"].disabled:hover, input[type="button"].disabled:hover, button.disabled:hover
{background-color: #666;color: #ccc;text-decoration: none;}

textarea
{width: 320px;height: 64px;}

h1,h2,h3,h4,h5,h6
{font-family: 'pt_sans_captionbold', arial;}

.euro
{text-align: right;}

input[type="text"].euro
{width: 60px;}

input[type="button"].link-style,
input[type="submit"].link-style
{
    text-decoration: underline;
    color: #06c;
    background-color: transparent;
    border: none;
    margin-top: 0px;
    padding: 0px;
    font-size: 14px;
}
input[type="button"].link-style:hover,
input[type="submit"].link-style:hover
{
    color: #e4032c;
}

.leftspace5
{margin-left: 5px;}

.leftspace10
{margin-left: 10px;}

.leftspace20
{margin-left: 20px;}

.navbar
{min-height: 40px;line-height: 40px;padding: 0px;background-color: #04488e;overflow: visible;min-width: 1000px;}

.default-form
{display: inline-block;padding: 20px;margin: 20px;border: 1px solid #ccc;background-color: #f0f0f0;border-radius: 5px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);}

.default-form.wide
{display: block;}

.form-column
{display: inline-block;min-width: 230px;padding: 2px 10px 2px 0px;min-height: 30px;line-height: 20px;vertical-align: top;}

.form-column.small
{min-width: 130px;}

.form-column.medium
{min-width: 190px;}

.form-column.large
{min-width: 290px;}

.form-definition-table
{display: table;}
.form-definition-table > div
{display: table-row;}
.form-definition-table > div > span
{display: table-cell;vertical-align: top;padding: 2px 10px;}
.form-definition-table > div > span:first-child
{padding-left: 0px;}
.form-definition-table > div > span:last-child
{padding-right: 0px;}

.servermessage-container
{cursor: pointer;}

.servermessage-container:hover
{opacity: 0.9;}

.servermessage-label
{padding: 20px;margin: 20px;background-color: #f0f0f0;color: #333;border: 1px solid #ccc;border-radius: 5px;box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);border-bottom: 1px solid #ccc;border-left: 20px solid #e4032c;}

.login-form
{margin: 20px;}

.nav-main
{padding: 20px;line-height: 50px;background-color: #04488e;color: #fff;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);z-index: 2;}

.nav-item
{display: inline;line-height: 50px;vertical-align: top;}

.nav-item[onclick]
{cursor: pointer;text-decoration: underline;color: #9cf;font-size: 22px;display: inline-block;width: 150px;}

.nav-item[onclick]:hover
{color: #e4032c;}

.nav-separator
{padding: 0px 20px;line-height: 50px;font-size: 40px;}

h3.list-header
{margin: 20px;font-size: 22px;color: #234;overflow: hidden;/*to wrap around legend*/}

h3.list-header > a
{color: inherit;text-decoration: underline;margin: 0px 10px;}

h3.list-header > a:first-child
{margin-left: 0px;}

h3.list-header > a:hover
{color: #e4032c;}

h3.list-header > span
{margin-left: 10px;}

h3.list-header > span:first-child
{margin-left: 0px;}

h4.list-header
{font-weight: normal;font-family: inherit;margin: 30px 20px 0px 20px;font-size: 16px;color: #456;cursor: default;}

.anc-logs .anc-row
{background-color: #f0f0f0;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);border: 1px solid #ccc;}

.ccp-toggle-switch
{margin: 10px 0px;cursor: pointer;color: #888;display: flex;align-items: center;}
.ccp-toggle-switch > span
{display: inline-block;text-decoration: none;vertical-align: middle;padding-left: 10px;}
.ccp-toggle-switch:hover > span
{text-decoration: underline;}
.ccp-toggle-switch input[type="checkbox"]
{cursor: pointer;display: inline-block;vertical-align: middle;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #999;width: 35px;height: 20px;border-radius: 20px;flex-basis: 35px;flex-grow: 0;flex-shrink: 0;}
.ccp-toggle-switch input[type="checkbox"]:after
{content: '';display: block;position: absolute;left: 0px;top: 0px;width: 20px;height: 20px;border-radius: 20px;box-sizing: border-box;border: 2px solid #999;background-color: #fff;transition: left 0.3s ease-in-out;}
.ccp-toggle-switch input[type="checkbox"]:checked
{background-color: #39f;}
.ccp-toggle-switch input[type="checkbox"]:checked:after
{left: 15px;border-color: #39f;}
.ccp-toggle-switch input[type="checkbox"]:checked + span
{color: #000;}

.spinner-icon
{
    -webkit-animation: spin360 1s infinite steps(8);
    -moz-animation: spin360 1s infinite steps(8);
    -o-animation: spin360 1s infinite steps(8);
    -ms-animation: spin360 1s infinite steps(8);
    animation: spin360 1s infinite steps(8);
}
@-webkit-keyframes spin360 {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin360 {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin360 {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin360 {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(360deg);}
}
@-keyframes spin360 {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}