@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: #f0f0f0;}

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;}

h1
{
    font-size: 30px;
    color: #3dae2b;
}

.camsecured-header
{display: flex;flex-direction: row-reverse;}
.camsecured-leftheader
{flex-grow: 1;}
.camsecured-title
{padding: 20px;}
.camsecured-contactlogo
{flex-grow: 0;padding-bottom: 10px;}

.camsecured-header-buttons b
{display: block;}
.camsecured-header-buttons a,
.camsecured-header-buttons input[type="submit"]
{margin: 5px 0px 5px 20px;text-align: center;}

html.mobile .camsecured-header-buttons a.knop,
html.mobile .camsecured-header-buttons input[type="submit"]
{display: inline-block;margin: 5px 20px;text-align: center;height: 40px;line-height: 40px;}

html.mobile .camsecured-header
{flex-direction: column;text-align: center;}
html.mobile .camsecured-header-buttons
{display: flex;flex-direction: column;padding-bottom: 30px;}

html.mobile .camsecured-contactlogo
{display: flex;justify-content: center;background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
html.mobile .camsecured-contactlogo-belnu
{margin-top: 20px;}

.terugknop
{margin-top: 20px;display: inline-block;}

.camsecured-contactlogo-website
{}
.camsecured-contactlogo-website img
{max-width: 300px;}
.camsecured-contactlogo-belnu
{padding-left: 20px;padding-right: 15px;}
.camsecured-contactlogo-belnu a
{font-family: verdana;font-weight: bold;color: #000;display: inline-block;white-space: nowrap;font-size: 22px;text-decoration: none;line-height: 30px;}
.camsecured-contactlogo-belnu a:hover
{text-decoration: underline;}
.camsecured-contactlogo-belnu span.fa
{vertical-align: top;font-family: 'FontAwesome';margin-left: 0px;font-size: 22px;}
.camsecured-contactlogo-belnu span
{margin-left: 8px;vertical-align: top;}

.formwrapper
{display: table;background-color: #fff;padding: 40px;margin: 20px;border: 1px solid #ccc;box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);}

.imgplayer-wide-view .images-player
{width: 100%;min-width: 640px;background-color: #f0f0f0;}

html.mobile .imgplayer-wide-view .images-player
{min-width: 360px;}

.nocameraslabel
{font-size: 16px;color: #666;}

a label
{cursor: pointer;}

.camsecured-contactlogo-belnu
{margin-top: 20px;}
.camsecured-contactlogo
{display: flex;justify-content: center;background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}

.camsecured-header-buttons a.knop,
.camsecured-header-buttons input[type="submit"]
{display: inline-block;margin: 5px 20px;text-align: center;height: 60px;line-height: 60px;font-size: 26px;}

.camsecured-header
{flex-direction: column;text-align: center;}
.camsecured-header-buttons
{display: flex;flex-direction: column;padding-bottom: 30px;max-width: 360px;margin: 0px auto;}

@media screen and (max-width: 960px)
{
    .terugknop
    {font-size: 20px;}
}





.pagewrapper
{display: inline-block;/*width: 100%;*/min-width: 100%;/*min-width: 800px;*/overflow: hidden;}

.headgradient
{display: none;position: absolute;height: 100%;max-height: 800px;width: 100%;background-color: #4f98ce;
    background: -webkit-linear-gradient(bottom, rgba(79,152,206,1) 50px, rgba(79,152,206,0));
    background: -o-linear-gradient(bottom, rgba(79,152,206,1) 50px, rgba(79,152,206,0));
    background: -moz-linear-gradient(bottom, rgba(79,152,206,1) 50px, rgba(79,152,206,0));
    background: linear-gradient(to bottom, rgba(79,152,206,1) 50px, rgba(79,152,206,0));
}

a
{text-decoration: underline;color: #029;}

a:hover
{color: #3dae2b;}

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

input[type="text"], input[type="email"], input[type="password"], 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;}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea: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"], a.knop
{vertical-align: top;height: 28px;background-color: #3dae2b;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
{line-height: 28px;}

input[type="submit"], input[type="button"]
{font-family: 'pt_sansregular', arial;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}

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

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

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

textarea
{width: 320px;height: 64px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}

h2,h3,h4,h5,h6
{font-family: inherit;font-weight: normal;}

.euro
{text-align: right;}

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

input[type="button"].link-style,
input[type="submit"].link-style
{
    text-decoration: underline;
    color: #029;
    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: #3dae2b;
}

.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;}

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

.navbar a
{color: #fff;padding: 0px 10px;display: block;float: left;text-decoration: none;font-size: 16px;}

html.mobile .navbar a
{padding: 0px 30px;font-size: 20px;}

.navbar a:hover
{text-decoration: underline;background-color: #72ce52;}

.navbar a[data-selected="yes"]
{background-color: #52ae32;}

html.mobile .navfold
{position: absolute;background-color: #04488e;left: 0px;top: 0px;z-index: 10;height: 100%;}

html.mobile .navfold:hover
{height: auto;}

html.mobile .navfold:hover .navbutton
{background-color: #004060;}

.navbutton
{display: none;}

html.mobile .navbutton
{color: #fff;font-size: 40px;text-decoration: none;display: block;width: 80px;height: 70px;line-height: 65px;text-align: center;cursor: pointer;}

html.mobile .navitems
{display: none;}

html.mobile .navfold:hover .navitems
{display: table;}

html.mobile .navitems > span
{display: table-row;}

html.mobile .navitems > span > a
{display: table-cell;padding: 0px 30px;float: none;}

.page
{padding: 20px;}

.infotext
{padding: 20px 20px 10px 20px;color: #333;}

.default-form
{display: inline-block;padding: 20px;margin: 20px;border: 1px solid #ccc;background-color: #fff;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;}

.servermessage-container
{cursor: pointer;position: fixed;z-index: 1000;padding-bottom: -1px;overflow: hidden;top: 0px;left: 0px;max-width: 500px;margin: 40px;background-color: #f0f0f0;color: #333;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.7);}

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

.servermessage-label
{padding: 20px;border-bottom: 1px solid #ccc;border-left: 20px solid #3dae2b;}

.login-form
{margin: 20px;}

.navbuttons-right
{position: absolute;left: auto;right: 0px;top: 0px;}

html.mobile .navbuttons-right
{line-height: 65px;height: 65px;right: 10px;}

.logout-form,
.toggle-view-form
{display: inline;}

.logout-form
{margin: 0px 4px;}

.logout-form > input,
.toggle-view-form .interface-toggle-button
{border: none;cursor: pointer;background-color: #3dae2b;color: #fff;height: 32px;margin: 4px 0px;padding: 0px 15px;font-size: 20px;line-height: 28px;vertical-align: top;}

html.mobile .logout-form > input,
html.mobile .toggle-view-form .interface-toggle-button
{vertical-align: middle;height: 40px;line-height: 36px;margin: 0px;}

.toggle-view-form .interface-toggle-button
{display: inline-block;}

.logout-form > input
{font-family: inherit;}

.logout-form > input:hover,
.toggle-view-form > a:hover
{background-color: #5dce4b;text-decoration: underline;}

.main-buttons
{overflow: hidden;padding: 10px 20px;list-style-type: none;background-color: #aaa;}

.main-buttons li
{height: 40px;line-height: 40px;float: left;margin-right: 20px;}

.main-buttons li:last-child
{margin-right: 0px;}

.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: #3dae2b;}

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

h3.list-header
{margin: 20px;font-size: 22px;color: #234;min-width: 818px;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: #3dae2b;}

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;}

.emails-tabel
{line-height: 26px;border-collapse: collapse;}

.emails-tabel th
{padding: 0px 5px;font-weight: bold;}

.emails-tabel tr
{border-bottom: 1px solid #999;background-color: transparent;position: static;}
.emails-tabel tr:last-child
{border-bottom: none;}

.emails-tabel td
{padding: 0px 5px;font-size: 13px;}

/*.emails-tabel td.even
{background-color: #ccc;}*/

.email-popupbg
{z-index: 9;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.email-popup
{z-index: 10;position: absolute;left: 50%;top: 100px;width: 600px;padding: 20px;margin-left: -310px;background-color: #f0f0f0;border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}

.depot-list
{overflow: hidden;margin: 20px;background-color: #f0f0f0;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);}

.depot-list > br
{clear: both;}

.depot-item
{float: left;margin: 20px;padding: 10px;border-radius: 3px;border: 1px solid #999;background-color: #a5cae6;}

.depot-item.selected
{border-color: #3dae2b;background-color: #3fb12d;}

.depot-item a
{color: #234;text-decoration: none;cursor: pointer;}

.depot-item a:hover
{color: #3dae2b;text-decoration: underline;}

.klant-list
{margin: 20px;}

.klant-row
{margin: 0px;background-color: #ddd;border: 1px solid #ccc;margin-bottom: 1px;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);}/*border-radius: 5px;}*/

.klant-row:hover
{background-color: #e9e9e9;}

.klant-row[data-state="expanded"]
{margin-bottom: 3px;background-color: #f0f0f0;}

.klant-label
{font-weight: bold;font-size: 14px;line-height: 20px;overflow: hidden;}

.klant-row[data-state="expanded"] .klant-label
{border-bottom: 1px solid #ccc;}

.klant-label > span:first-child
{cursor: pointer;padding: 0px 10px;line-height: 30px;display: inline-block;}

.klant-label > span:first-child:hover
{text-decoration: underline;color: #4f98ce;}

.klant-label .action-flag
{display: inline-block;width: 18px;height: 18px;vertical-align: top;font-size: 18px;line-height: 18px;margin: 5px 10px 3px 0px;color: #f00;font-family: sans-serif;font-weight: bold;text-align: center;border-radius: 26px;background-color: #fcc;}

.klant-label .expand-button
{display: inline-block;width: 20px;height: 20px;vertical-align: top;font-size: 19px;line-height: 19px;margin: 5px 10px 5px 0px;color: #333;font-weight: normal;text-align: center;border-radius: 30px;background-color: #ccc;}

.klant-label > span:first-child:hover .expand-button,
.klant-label[data-state="expanded"] .expand-button
{background-color: #3dae2b;color: #fff;}

.klant-label > div
{float: right;display: inline-block;line-height: 30px;padding: 0px 10px;}

.klant-label form
{display: inline;margin-left: 20px;}

.offerte-list
{padding: 20px 20px 20px 20px;}

.offerte-row
{padding: 10px;overflow: hidden;color: #333;font-size: 14px;line-height: 28px;}

.offerte-row:hover
{background-color: #a5cae6;}

.offerte-row .offerte-button[type="submit"]
{font-size: 16px;}

/*.offerte-row:hover .offerte-button
{color: #3dae2b;}*/

.offerte-row.highlight
{background-color: #a5cae6;}

.offerte-label .offerte-expand-button,
.offerte-label .offerte-collapse-button
{display: inline-block;width: 22px;height: 22px;vertical-align: top;font-size: 21px;line-height: 21px;margin: 3px 10px 3px 0px;color: #333;font-weight: normal;text-align: center;border-radius: 30px;background-color: rgba(0,0,0,0.1);padding: 0px;}

.offerte-label .offerte-expand-button:hover,
.offerte-label .offerte-collapse-button:hover
{background-color: #3dae2b;color: #fff;}

.offerte-actions
{margin-left: 20px;float: right;display: inline-block;line-height: 28px;}

.offerte-details
{padding: 0px 20px 10px 40px;}

.even
{background-color: #e0e0e0;}

.odd
{background-color: #e9e9e9;}

.offerte-label
{overflow: hidden;}

#LastRefreshText
{color: #444;line-height: 28px;padding: 0px 10px;}

.anc-overlay-tools
{width: 640px;margin: 0px auto;overflow: hidden;min-height: 28px;}

.anc-overlay-tools .left
{text-align: left;float: left;}

.anc-overlay-tools .right
{float: right;}

.anc-popup
{position: absolute;left: 0px;top: 0px;width: auto;height: auto;display: block;z-index: 10;overflow: hidden;pointer-events: auto;border-radius: 4px;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);}

.anc-popup > div
{vertical-align: middle;width: 100%;text-align: center;}

.anc-popup > div > div
{min-width: 500px;display: block;background-color: #f0f0f0;text-align: left;overflow: hidden;}

.anc-popup-bg
{position: fixed;width: 100%;height: 100%;display: block;left: 0px;top: 0px;overflow: auto;z-index: 100;pointer-events: none;}

.anc-fixed-popup-bg
{position: fixed;width: 100%;height: 100%;display: block;left: 0px;top: 0px;overflow: auto;z-index: 101;background-color: rgba(0,0,0,0.4);}

.anc-fixed-popup
{z-index: 10;overflow: auto;width: 100%;height: 100%;display: table;position: absolute;}

.anc-fixed-popup > div
{vertical-align: middle;width: 100%;text-align: center;display: table-cell;}

.anc-fixed-popup > div > div
{margin: 20px;min-width: 500px;display: inline-block;background-color: #f0f0f0;border-radius: 4px;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);text-align: left;overflow: hidden;}

.anc-processlist
{font-family: monospace;background-color: #ddd;font-size: 13px;}

.anc-processlist > div
{height: 24px;line-height: 24px;}

.anc-processlist > div > span
{border-top: 1px solid #aaa;padding: 0px 10px;}

.anc-processlist > div:last-child > span
{border-bottom: 1px solid #aaa;}

.anc-frame
{display: table;width: 100%;height: auto;}

.anc-menubar
{display: table-cell;background-color: #22262c;color: #f6f9ff;width: 300px;}

.anc-menubar .anc-menulist
{display: table;width: 100%;}

.anc-menubar .anc-menulist .anc-menuitem
{cursor: pointer;display: table-row;}

.anc-menubar .anc-menulist .anc-menuitem:hover
{background-color: #42464c;color: #fff;}

.anc-menubar .anc-menulist .anc-menuitem.selected
{background-color: #3dae2b;color: #fff;}

.anc-menubar .anc-menulist .anc-menuitem.selected:hover
{background-color: #5dce4b;color: #fff;}

.anc-menubar .anc-menulist .anc-menuitem .anc-menuicon
{display: table-cell;height: 40px;width: 40px;min-width: 40px;font-size: 22px;line-height: 40px;text-align: center;}

.anc-menubar .anc-menulist .anc-menuitem .anc-menulabel
{padding: 0px 20px 0px 10px;line-height: 40px;display: table-cell;white-space: nowrap;}

.anc-menubar .anc-menulist .anc-menuitem .anc-menulabel.padded
{padding-right: 50px;}

.anc-menubar .anc-menulist .anc-menuitem .anc-menulabel.padded > span
{line-height: 40px;position: absolute;left: auto;right: 10px;}

.anc-contentpanel
{display: table-cell;}


.anc-panoramaview
{margin-top: 20px;height: 540px;overflow: hidden;}
.anc-panoramafloat-left
{position: absolute;width: 100%;left: -49%;top: 0px;text-align: right;}
.anc-panoramafloat-right
{position: absolute;width: 100%;left: 50%;top: 0px;text-align: left;}
.anc-panoramafloat-left > div,
.anc-panoramafloat-right > div
{width: 100%;overflow: hidden;}
/*.anc-panoramafloat-left img
{float: right;}
.anc-panoramafloat-right img
{float: left;}*/

.anc-list
{padding: 10px 20px 10px 20px;float: right;z-index: 2;}

.anc-list a
{display: inline-block;text-decoration: underline;color: #029;background-color: transparent;border: none;margin-top: 0px;padding: 0px;font-size: 14px;margin-left: 10px;}

.anc-list a:hover
{color: #3dae2b;}

.anc-list hr
{clear: both;margin: 5px 0px;border-top: 1px solid #333;border-bottom: none;}

.anc-headerbar
{background-color: #ccc;border-bottom: 1px solid #999;}


.anc-actionsmenu
{display: table;list-style-type: none;}

.anc-actionsmenu > li
{display: table-row;}

.anc-actionsmenu .menu-key,
.anc-actionsmenu .menu-value
{padding: 6px 8px;display: table-cell;white-space: nowrap;}

.anc-actionsmenu .menu-value
{padding: 2px 4px;}
.anc-actionsmenu .menu-value > input
{margin-top: 0px;margin-bottom: 0px;}

.anc-actionsmenu .menu-key > img:first-child
{margin-right: 5px;}


/*.anc-home-button
{cursor: pointer;display: table-cell;background-color: #3dae2b;}

.anc-home-button:hover
{background-color: #5dce4b;}

.anc-menubar
{display: table;padding: 0px;}

.anc-menubar .menu
{display: table-cell;}

.anc-menubar .menu > :first-child
{display: inline-block;font-weight: bold;padding: 0px 16px;height: 30px;line-height: 30px;background-color: #3dae2b;color: #fff;cursor: default;}

.anc-menubar .menu > ul
{display: none;position: absolute;background-color: #f0f0f0;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);z-index: 1;list-style-type: none;padding: 2px 0px;margin: 0px;}

.anc-menubar .menu:hover > ul,
.anc-menubar .menu:focus > ul
{display: table;}

.anc-menubar .menu:hover > :first-child,
.anc-menubar .menu:focus > :first-child
{background-color: #d4001c;}

.anc-menubar .menu > :first-child:hover,
.anc-menubar .menu:hover > :first-child:hover
{background-color: #5dce4b;}

.anc-menubar .menu > ul > li
{display: table-row;color: #333;line-height: 20px;margin: 0px;cursor: default;}

.anc-menubar .menu > ul > li:hover
{color: #3dae2b;background-color: #ccc;}

.anc-menubar .menu-item:hover
{text-decoration: underline;}

.anc-menubar .menu-item
{padding: 6px 8px;display: table-cell;white-space: nowrap;}

.anc-menubar .menu-item .link-style
{text-decoration: none;color: inherit;background-color: transparent;border: none;margin-top: 0px;padding: 0px;font-size: inherit;}

.anc-menubar .menu-item .link-style:hover
{color: inherit;text-decoration: underline;}

.anc-menubar .menu-key,
.anc-menubar .menu-value
{padding: 6px 8px;display: table-cell;white-space: nowrap;}

.anc-menubar .menu-value
{padding: 2px 4px;}
.anc-menubar .menu-value > input
{margin-top: 0px;margin-bottom: 0px;}

.anc-menubar .menu-key > img:first-child
{margin-right: 5px;}

.anc-headerbar > span:first-child
{float: right;right: 0px;left: auto;top: 0px;}

.anc-headerbar > span:first-child input
{height: 30px;line-height: 22px;}
*/

.anc-advanced-settings
{}

.anc-advanced-settings dt
{font-weight: bold;}

.anc-advanced-settings input
{line-height: inherit;padding-top: 1px;padding-bottom: 1px;}

.anc-advanced-settings .short-number
{width: 25px;text-align: right;}

.anc-advanced-settings .medium-number
{width: 50px;text-align: right;}

.ancadminpanel, .ancstatuspanel, .anccontrolpanel, .anclogpanel, .ancstoragepanel
{padding: 20px;border: 1px solid #ccc;background-color: #f0f0f0;border-top: none;}

.ancstoragepanel .image-storage-list
{overflow: auto;overflow-x: hidden;overflow-y: auto;width: 256px;height: auto;/*500px*/}

.ancstoragepanel .image-storage-list img
{display: block;width: 100%;height: auto;min-height: 144px;background-color: #333;}

.anclogpanel .logarea
{display: none;overflow: auto;padding: 10px;height: 600px;font-family: monospace;font-size: 13px;line-height: 17px;white-space: pre;color: #333;margin: 10px;background-color: transparent;}

.ancadminpanel
{}

.ancstatuspanel
{}

.anc-visualsidepanel
{display: table-cell;padding: 0px 0px 0px 20px;}

.anc-leftsidepanel
{display: table-cell;}

.ancpanel-container
{clear: both;background-color: #f0f0f0;border: 1px solid #ccc;border-top: none;margin: 0px auto;padding: 0px;} /*border-radius: 5px;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);*/

.ancpanel-toolbar
{padding: 20px;border-bottom: 1px solid #ccc;}

.ancpanel-toolbar input
{margin: 0px 5px;}

.ancpanel-toolbar input:first-child
{margin-left: 0px;}

.ancpanel-toolbar input:last-child
{margin-right: 0px;}

.ancpanel-toolbar-arminglabel
{color: #333;float: right;margin: 0px 0px 0px 10px;display: inline-block;}

.ancpanel-toolbar-arminglabel > span
{padding: 0px 4px;}

.ancpanel-toolbar-onlinestatuslabel
{color: #333;float: right;margin: 0px 0px 0px 10px;display: inline-block;}

.ancpanel-toolbar-viewmodelabel
{color: #333;float: right;margin: 0px 0px 0px 10px;display: inline-block;}

.ancpanel-toolbar-illuminancelabel
{color: #333;float: right;margin: 0px 0px 0px 10px;display: inline-block;}

.ancpanel-main
{margin: 20px;}

.verplaats-log
{list-style-type: none;font-size: 14px;min-width: 740px;}

.verplaats-log li > span:first-child
{display: inline-block;width: 160px;}

.list-helptopics, .list-emails
{list-style-type: none;}

.footer
{height: 200px;color: #999;font-size: 9px;text-align: center;clear: both;}

.anc-status-indicator
{position: fixed;top: auto;bottom: 0px;left: 0px;padding: 5px;background-color: rgba(0,0,0,0.5);color: #fff;border-radius: 0px 10px 0px 0px;line-height: 20px;font-size: 14px;height: 20px;}



.navbar .imgplayer-header
{display: inline-block;text-align: left;}

html.mobile .navbar .imgplayer-header
{height: 65px;line-height: 65px;}

.navbar .imgplayer-header .project-link,
.navbar .imgplayer-header .camera-link,
.navbar .imgplayer-header .view-link
{display: inline-block;height: 32px;line-height: 28px;float: none;vertical-align: top;margin: 4px 0px 4px 4px;}

html.mobile .navbar .imgplayer-header .project-link,
html.mobile .navbar .imgplayer-header .camera-link,
html.mobile .navbar .imgplayer-header .view-link
{height: 40px;line-height: 36px;vertical-align: middle;margin: 0px 0px 0px 4px;}

.navbar .imgplayer-header .project-link:hover,
.navbar .imgplayer-header .camera-link:hover
{background-color: #5dce4b;}


.images-player
{display: block;position: relative;overflow: hidden;text-align: left;}

.images-player > img
{position: absolute;top: 0px;}

/* DESKTOP */
.imgplayer-wide-view .imageplayer-controlbutton
{width: 30px;font-size: 16px;}
.imgplayer-wide-view .imageplayer-controls-top .datecontainer
{margin: 0px 30px;font-size: 14px;}
.imgplayer-wide-view .imageplayer-controls-top .time-select,
.imgplayer-wide-view .imageplayer-controls-top .date-select
{height: 30px;font-size: 14px;}
.imgplayer-wide-view .imageplayer-controls-top
{height: 30px;}
.imgplayer-wide-view .imageplayer-controls-bottom,
.imgplayer-wide-view .imageplayer-controls-top
{line-height: 30px;}
.imgplayer-wide-view .imageplayer-controls-bottom
{height: 30px;padding-top: 10px;}
.imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-play,
.imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-pause
{margin-left: -15px;}
.imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-step-backward
{margin-left: -45px;}
.imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-step-forward
{margin-left: 15px;}
.imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-arrows-alt
{right: 30px;}
.imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-download
{right: 30px;}
.imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-window-maximize
{right: 0px;}
.imgplayer-wide-view .imageplayer-controls-bottom .timeline-container
{padding: 0px 4px;height: 10px;}
.imgplayer-wide-view .imageplayer-controls-bottom .timeline-bar
{left: 4px;top: 50%;margin-top: -2px;height: 4px;right: 4px;border-radius: 2px;}
.imgplayer-wide-view .imageplayer-controls-bottom .timeline-bar > div
{border-radius: 2px;margin-left: -2px;height: 4px;width: 4px;}
.imgplayer-wide-view .imageplayer-controls-bottom .timeline-button
{top: 1px;margin-left: -4px;width: 8px;height: 8px;border-radius: 4px;}
/* MOBILE */
html.mobile .imgplayer-wide-view .imageplayer-controlbutton
{width: 120px;font-size: 64px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-top .datecontainer
{margin: 0px 120px;font-size: 32px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-top .time-select,
html.mobile .imgplayer-wide-view .imageplayer-controls-top .date-select
{height: 120px;font-size: 32px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-top
{height: 120px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom,
html.mobile .imgplayer-wide-view .imageplayer-controls-top
{line-height: 120px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom
{height: 120px;padding-top: 40px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-play,
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-pause
{margin-left: -60px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-step-backward
{margin-left: -180px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-step-forward
{margin-left: 60px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-arrows-alt
{right: 120px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-download
{right: 120px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom > .imageplayer-controlbutton.fa-window-maximize
{right: 0px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom .timeline-container
{padding: 0px 16px;height: 40px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom .timeline-bar
{left: 16px;top: 50%;margin-top: -8px;height: 16px;right: 16px;border-radius: 8px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom .timeline-bar > div
{border-radius: 8px;margin-left: -8px;height: 16px;width: 16px;}
html.mobile .imgplayer-wide-view .imageplayer-controls-bottom .timeline-button
{top: 4px;margin-left: -16px;width: 32px;height: 32px;border-radius: 16px;}

.imageplayer-controls-top,
.imageplayer-controls-bottom
{position: absolute;z-index: 20;left: 0px;right: 0px;width: 100%;background-color: transparent;line-height: 30px;color: #333;}

.imageplayer-background,
.imageplayer-foreground
{position: absolute;z-index: 10;left: 0px;right: 0px;width: 100%;background-color: transparent;}

.imageplayer-foreground
{z-index: 20;background-color: rgba(0,0,0,0.01);color: rgba(0,0,0,0);cursor: pointer;font-family: 'FontAwesome';font-size: 60px;text-align: center;}
.imageplayer-foreground:hover
{background-color: rgba(0,0,0,0.2);color: #fff;}

.imageplayer-controls-top
{top: 0px;bottom: auto;height: 30px;}

.imageplayer-controls-bottom
{top: auto;bottom: 0px;height: 30px;padding-top: 10px;}

.imageplayer-controls-top .datecontainer
{position: relative;margin: 0px 30px;}

.imageplayer-controls-top .time-select,
.imageplayer-controls-top .date-select
{height: 30px;padding: 0px;margin: 0px;display: block;border: none;position: absolute;background-color: transparent;color: #333;}

.imageplayer-controls-top .date-select option
{background-color: #fff;color: #333;}

.imageplayer-controls-top .date-select
{left: 0px;width: 70%;}

.imageplayer-controls-top .time-select
{left: 70%;width: 30%;text-align:right;}

.imageplayer-controlbutton
{position: absolute;cursor: pointer;display: inline-block;width: 30px;text-align: center;font-size: 16px;font-family: 'FontAwesome';}

.imageplayer-controlbutton:hover
{color: #3dae2b;}

.imageplayer-controls-top > .imageplayer-controlbutton.fa-step-backward
{left: 0px;top: 0px;}

.imageplayer-controls-top > .imageplayer-controlbutton.fa-step-forward
{left: auto;right: 0px;top: 0px;}

.imageplayer-controls-bottom > .imageplayer-controlbutton.fa-play,
.imageplayer-controls-bottom > .imageplayer-controlbutton.fa-pause
{left: 50%;margin-left: -15px;}

.imageplayer-controls-bottom > .imageplayer-controlbutton.fa-step-backward
{left: 50%;margin-left: -45px;}

.imageplayer-controls-bottom > .imageplayer-controlbutton.fa-step-forward
{left: 50%;margin-left: 15px;}

.imageplayer-controls-bottom > .imageplayer-controlbutton.fa-arrows-alt
{left: auto;right: 30px;}
.imageplayer-controls-bottom > .imageplayer-controlbutton.fa-download
{left: auto;right: 30px;}
.imageplayer-controls-bottom > .imageplayer-controlbutton.fa-window-maximize
{left: auto;right: 0px;}

.imageplayer-controls-bottom .timeline-container
{overflow: visible;left: 0px;top: 0px;right: 0px;position: absolute;padding: 0px 4px;display: block;height: 10px;background-color: transparent;cursor: pointer;}

.imageplayer-controls-bottom .timeline-bar
{left: 4px;top: 50%;margin-top: -2px;height: 4px;position: absolute;width: auto;right: 4px;background-color: #ccc;border-radius: 2px;overflow: visible;}

.imageplayer-controls-bottom .timeline-container:hover .timeline-bar
{background-color: #9c9;}

.imageplayer-controls-bottom .timeline-bar > div
{background-color: #393;border-radius: 2px;position: absolute;top: 0px;margin-left: -2px;height: 4px;width: 4px;left: -100%;}

.imageplayer-controls-bottom .timeline-bar > div.alarm
{background-color: #f20;}

.imageplayer-controls-bottom .timeline-button
{left: 0%;top: 1px;margin-left: -4px;background-color: #333;width: 8px;height: 8px;border-radius: 4px;}

.imageplayer-controls-bottom .timeline-button:hover
{background-color: #3dae2b;}

.anc-table-wrapper
{padding: 20px;}

.anc-table
{position: static;margin: 0px;/*width: 100%;min-width: 818px;*/display: table;border-collapse: collapse;}

.anc-rowgroup
{position: static;display: table-row-group;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);}

.anc-colsheader
{position: static;display: table-row;color: #456;font-size: 16px;cursor: default;overflow: hidden;}

.anc-colsheader > span
{position: static;display: table-cell;background-color: transparent;padding: 0px 5px 2px 5px;}

/*.anc-col-status
{width: 40px;}

.anc-col-name
{width: 110px;}

.anc-col-assignment
{width: 390px;}

.anc-col-emails
{width: 230px;}

.anc-col-logs
{width: 50px;}*/

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

.anc-row
{/*min-width: 815px;max-width: 1675px;*/
 position: static;display: table-row;font-size: 14px;overflow: hidden;}

.anc-row .anc-col
{position: static;display: table-cell;padding: 0px 2px;height: 30px;line-height: 30px;background-color: #ddd;border-bottom: 1px solid #999;}/*box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);}*/

.anc-row .anc-assignment
{padding-right: 10px;/*280*/z-index: 2;}

.anc-row .anc-assignment > span
{font-weight: bold;margin: 0px 4px;}

.anc-row a
{text-decoration: underline;color: #029;font-size: 16px;}

.anc-row a:hover
{color: #3dae2b;}

.anc-row .status
{vertical-align: top;margin-top: 0px;min-width: 30px;z-index: 2;}

.anc-row .anc-mode
{min-width: 36px;z-index: 2;}

.anc-row .name
{padding-right: 10px;vertical-align: top;z-index: 2;}

.anc-row .emails-container
{cursor: default;vertical-align: top;width: auto; /*220px*/z-index: 2;}

.anc-row .emails-container span
{display: inline-block;line-height: 28px;height: 28px;margin: 1px 2px;padding: 0px 6px;background-color: #666;color: #ccc;cursor: pointer;width: 30px;text-align: center;}

.anc-row .emails-container span:hover
{text-decoration: underline;}

.anc-row .emails-container .enabled
{color: #fff;background-color: #3dae2b;}

.anc-row .emails-container .enabled:hover
{background-color: #5dce4b;}

.anc-row .emails-container .disabled
{color: #ccc;}

.anc-row .emails-container .disabled:hover
{background-color: #999;color: #fff;}

.anc-row .emails-container .add-email
{background-color: transparent;cursor: pointer;color: #3dae2b;border-radius: 14px;width: 16px;font-size: 23px;text-align: center;text-decoration: none; display: inline-block;}

.anc-row .emails-container .add-email:hover
{color: #fff;background-color: #3dae2b;text-decoration: none;}

.anc-row .anc-minilogbar
{overflow: visible;width: auto;min-width: 240px;position: absolute;left: auto;right: 0px;top: 0px;height: 30px;z-index: 1;}

.anc-row .anc-minilogbar > div
{background-color: #ddd;position: absolute;left: auto;right: 0px;}

.anc-row .anc-minilogbar > div > svg
{}

.anc-row.state-new
{display: none;}

.show-state-new .anc-row.state-new
{display: table-row;}

.koppelen-list
{list-style-type: none;padding-left: 10px;line-height: 24px;}

.koppelen-list li > input
{margin-right: 5px;line-height: 24px;height: 24px;}

.mobotix-cameras-tabel
{border-collapse: collapse;}

.mobotix-cameras-tabel th
{padding: 5px;border-bottom: 1px solid #ccc;}

.mobotix-cameras-tabel td
{line-height: 28px;padding: 0px 5px;font-size: 14px;}


.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);}
} 



/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #3dae2b;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #3dae2b;
    box-shadow: inset 0 1px 3px #3dae2b;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #5dce4b;
    box-shadow: inset 0 1px 3px #3dae2b;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #3dae2b;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #178fe5;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}