/* Btn and text color */ /* iPhone X portrait */ /* iPhone X landscape */ body:not(.admin) .c-md-row, .c-row, .pull-right, body.admin .c-row, body.admin .btn-panel .panel-body, body.admin .page-block .page-list .list-item, body.admin .page-block .page-list .list-item .entryType, .show-backend-inputs .page-block .page-list .list-item, .show-backend-inputs .page-block .page-list .list-item .entryType { *zoom: 1; } body:not(.admin) .c-md-row:before, .c-row:before, .pull-right:before, body.admin .c-row:before, body.admin .btn-panel .panel-body:before, body.admin .page-block .page-list .list-item:before, body.admin .page-block .page-list .list-item .entryType:before, .show-backend-inputs .page-block .page-list .list-item:before, .show-backend-inputs .page-block .page-list .list-item .entryType:before, body:not(.admin) .c-md-row:after, .c-row:after, .pull-right:after, body.admin .c-row:after, body.admin .btn-panel .panel-body:after, body.admin .page-block .page-list .list-item:after, body.admin .page-block .page-list .list-item .entryType:after, .show-backend-inputs .page-block .page-list .list-item:after, .show-backend-inputs .page-block .page-list .list-item .entryType:after { content: " "; display: table; } body:not(.admin) .c-md-row:after, .c-row:after, .pull-right:after, body.admin .c-row:after, body.admin .btn-panel .panel-body:after, body.admin .page-block .page-list .list-item:after, body.admin .page-block .page-list .list-item .entryType:after, .show-backend-inputs .page-block .page-list .list-item:after, .show-backend-inputs .page-block .page-list .list-item .entryType:after { clear: both; } /* Btn and text color */ body:not(.admin) .c-md-row, .c-row, .pull-right, body.admin .c-row, body.admin .btn-panel .panel-body, body.admin .page-block .page-list .list-item, body.admin .page-block .page-list .list-item .entryType, .show-backend-inputs .page-block .page-list .list-item, .show-backend-inputs .page-block .page-list .list-item .entryType { *zoom: 1; } body:not(.admin) .c-md-row:before, .c-row:before, .pull-right:before, body.admin .c-row:before, body.admin .btn-panel .panel-body:before, body.admin .page-block .page-list .list-item:before, body.admin .page-block .page-list .list-item .entryType:before, .show-backend-inputs .page-block .page-list .list-item:before, .show-backend-inputs .page-block .page-list .list-item .entryType:before, body:not(.admin) .c-md-row:after, .c-row:after, .pull-right:after, body.admin .c-row:after, body.admin .btn-panel .panel-body:after, body.admin .page-block .page-list .list-item:after, body.admin .page-block .page-list .list-item .entryType:after, .show-backend-inputs .page-block .page-list .list-item:after, .show-backend-inputs .page-block .page-list .list-item .entryType:after { content: " "; display: table; } body:not(.admin) .c-md-row:after, .c-row:after, .pull-right:after, body.admin .c-row:after, body.admin .btn-panel .panel-body:after, body.admin .page-block .page-list .list-item:after, body.admin .page-block .page-list .list-item .entryType:after, .show-backend-inputs .page-block .page-list .list-item:after, .show-backend-inputs .page-block .page-list .list-item .entryType:after { clear: both; } body:not(.admin) { /* Mobile only */ /* Tablet only */ /* Desktop only */ } body:not(.admin) * { text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; -webkit-tap-highlight-color: transparent; } body:not(.admin) .column-1, body:not(.admin) .column-xs-1, body:not(.admin) .column-2, body:not(.admin) .column-xs-2, body:not(.admin) .column-3, body:not(.admin) .column-xs-3, body:not(.admin) .column-4, body:not(.admin) .column-xs-4, body:not(.admin) .column-5, body:not(.admin) .column-xs-5, body:not(.admin) .column-6, body:not(.admin) .column-xs-6, body:not(.admin) .column-7, body:not(.admin) .column-xs-7, body:not(.admin) .column-8, body:not(.admin) .column-xs-8, body:not(.admin) .column-9, body:not(.admin) .column-xs-9, body:not(.admin) .column-10, body:not(.admin) .column-xs-10, body:not(.admin) .column-11, body:not(.admin) .column-xs-11, body:not(.admin) .column-12, body:not(.admin) .column-xs-12, body:not(.admin) .column-sm-1, body:not(.admin) .column-sm-2, body:not(.admin) .column-sm-3, body:not(.admin) .column-sm-4, body:not(.admin) .column-sm-5, body:not(.admin) .column-sm-6, body:not(.admin) .column-sm-7, body:not(.admin) .column-sm-8, body:not(.admin) .column-sm-9, body:not(.admin) .column-sm-10, body:not(.admin) .column-sm-11, body:not(.admin) .column-sm-12, body:not(.admin) .column-md-1, body:not(.admin) .column-md-2, body:not(.admin) .column-md-3, body:not(.admin) .column-md-4, body:not(.admin) .column-md-5, body:not(.admin) .column-md-6, body:not(.admin) .column-md-7, body:not(.admin) .column-md-8, body:not(.admin) .column-md-9, body:not(.admin) .column-md-10, body:not(.admin) .column-md-11, body:not(.admin) .column-md-12, body:not(.admin) .column-lg-1, body:not(.admin) .column-lg-2, body:not(.admin) .column-lg-3, body:not(.admin) .column-lg-4, body:not(.admin) .column-lg-5, body:not(.admin) .column-lg-6, body:not(.admin) .column-lg-7, body:not(.admin) .column-lg-8, body:not(.admin) .column-lg-9, body:not(.admin) .column-lg-10, body:not(.admin) .column-lg-11, body:not(.admin) .column-lg-12, body:not(.admin) body.admin .column-1, body.admin body:not(.admin) .column-1, body:not(.admin) body.admin .column-xs-1, body.admin body:not(.admin) .column-xs-1, body:not(.admin) body.admin .column-2, body.admin body:not(.admin) .column-2, body:not(.admin) body.admin .column-xs-2, body.admin body:not(.admin) .column-xs-2, body:not(.admin) body.admin .column-3, body.admin body:not(.admin) .column-3, body:not(.admin) body.admin .column-xs-3, body.admin body:not(.admin) .column-xs-3, body:not(.admin) body.admin .column-4, body.admin body:not(.admin) .column-4, body:not(.admin) body.admin .column-xs-4, body.admin body:not(.admin) .column-xs-4, body:not(.admin) body.admin .column-5, body.admin body:not(.admin) .column-5, body:not(.admin) body.admin .column-xs-5, body.admin body:not(.admin) .column-xs-5, body:not(.admin) body.admin .column-6, body.admin body:not(.admin) .column-6, body:not(.admin) body.admin .column-xs-6, body.admin body:not(.admin) .column-xs-6, body:not(.admin) body.admin .column-7, body.admin body:not(.admin) .column-7, body:not(.admin) body.admin .column-xs-7, body.admin body:not(.admin) .column-xs-7, body:not(.admin) body.admin .column-8, body.admin body:not(.admin) .column-8, body:not(.admin) body.admin .column-xs-8, body.admin body:not(.admin) .column-xs-8, body:not(.admin) body.admin .column-9, body.admin body:not(.admin) .column-9, body:not(.admin) body.admin .column-xs-9, body.admin body:not(.admin) .column-xs-9, body:not(.admin) body.admin .column-10, body.admin body:not(.admin) .column-10, body:not(.admin) body.admin .column-xs-10, body.admin body:not(.admin) .column-xs-10, body:not(.admin) body.admin .column-11, body.admin body:not(.admin) .column-11, body:not(.admin) body.admin .column-xs-11, body.admin body:not(.admin) .column-xs-11, body:not(.admin) body.admin .column-12, body.admin body:not(.admin) .column-12, body:not(.admin) body.admin .column-xs-12, body.admin body:not(.admin) .column-xs-12, body:not(.admin) body.admin a.appColumn, body.admin body:not(.admin) a.appColumn, body:not(.admin) body.admin .moduleColumn, body.admin body:not(.admin) .moduleColumn, body:not(.admin) body.admin .addModulePopup, body.admin body:not(.admin) .addModulePopup, body:not(.admin) body.admin .column-sm-1, body.admin body:not(.admin) .column-sm-1, body:not(.admin) body.admin .column-sm-2, body.admin body:not(.admin) .column-sm-2, body:not(.admin) body.admin .column-sm-3, body.admin body:not(.admin) .column-sm-3, body:not(.admin) body.admin .column-sm-4, body.admin body:not(.admin) .column-sm-4, body:not(.admin) body.admin .column-sm-5, body.admin body:not(.admin) .column-sm-5, body:not(.admin) body.admin .column-sm-6, body.admin body:not(.admin) .column-sm-6, body:not(.admin) body.admin .column-sm-7, body.admin body:not(.admin) .column-sm-7, body:not(.admin) body.admin .column-sm-8, body.admin body:not(.admin) .column-sm-8, body:not(.admin) body.admin .column-sm-9, body.admin body:not(.admin) .column-sm-9, body:not(.admin) body.admin .column-sm-10, body.admin body:not(.admin) .column-sm-10, body:not(.admin) body.admin .column-sm-11, body.admin body:not(.admin) .column-sm-11, body:not(.admin) body.admin .column-sm-12, body.admin body:not(.admin) .column-sm-12, body:not(.admin) body.admin .column-md-1, body.admin body:not(.admin) .column-md-1, body:not(.admin) body.admin .column-md-2, body.admin body:not(.admin) .column-md-2, body:not(.admin) body.admin .column-md-3, body.admin body:not(.admin) .column-md-3, body:not(.admin) body.admin .column-md-4, body.admin body:not(.admin) .column-md-4, body:not(.admin) body.admin .column-md-5, body.admin body:not(.admin) .column-md-5, body:not(.admin) body.admin .column-md-6, body.admin body:not(.admin) .column-md-6, body:not(.admin) body.admin .column-md-7, body.admin body:not(.admin) .column-md-7, body:not(.admin) body.admin .column-md-8, body.admin body:not(.admin) .column-md-8, body:not(.admin) body.admin .column-md-9, body.admin body:not(.admin) .column-md-9, body:not(.admin) body.admin .column-md-10, body.admin body:not(.admin) .column-md-10, body:not(.admin) body.admin .column-md-11, body.admin body:not(.admin) .column-md-11, body:not(.admin) body.admin .column-md-12, body.admin body:not(.admin) .column-md-12, body:not(.admin) body.admin .column-lg-1, body.admin body:not(.admin) .column-lg-1, body:not(.admin) body.admin .column-lg-2, body.admin body:not(.admin) .column-lg-2, body:not(.admin) body.admin .column-lg-3, body.admin body:not(.admin) .column-lg-3, body:not(.admin) body.admin .column-lg-4, body.admin body:not(.admin) .column-lg-4, body:not(.admin) body.admin .column-lg-5, body.admin body:not(.admin) .column-lg-5, body:not(.admin) body.admin .column-lg-6, body.admin body:not(.admin) .column-lg-6, body:not(.admin) body.admin .column-lg-7, body.admin body:not(.admin) .column-lg-7, body:not(.admin) body.admin .column-lg-8, body.admin body:not(.admin) .column-lg-8, body:not(.admin) body.admin .column-lg-9, body.admin body:not(.admin) .column-lg-9, body:not(.admin) body.admin .column-lg-10, body.admin body:not(.admin) .column-lg-10, body:not(.admin) body.admin .column-lg-11, body.admin body:not(.admin) .column-lg-11, body:not(.admin) body.admin .column-lg-12, body.admin body:not(.admin) .column-lg-12 { padding: 0; width: 100%; min-height: 1px; position: relative; font-size: 12px; font-size: 0.75rem; margin-bottom: 10px; display: inline-block; } body:not(.admin) .column-1.clean, body:not(.admin) .column-xs-1.clean, body:not(.admin) .column-2.clean, body:not(.admin) .column-xs-2.clean, body:not(.admin) .column-3.clean, body:not(.admin) .column-xs-3.clean, body:not(.admin) .column-4.clean, body:not(.admin) .column-xs-4.clean, body:not(.admin) .column-5.clean, body:not(.admin) .column-xs-5.clean, body:not(.admin) .column-6.clean, body:not(.admin) .column-xs-6.clean, body:not(.admin) .column-7.clean, body:not(.admin) .column-xs-7.clean, body:not(.admin) .column-8.clean, body:not(.admin) .column-xs-8.clean, body:not(.admin) .column-9.clean, body:not(.admin) .column-xs-9.clean, body:not(.admin) .column-10.clean, body:not(.admin) .column-xs-10.clean, body:not(.admin) .column-11.clean, body:not(.admin) .column-xs-11.clean, body:not(.admin) .column-12.clean, body:not(.admin) .column-xs-12.clean, body:not(.admin) .column-sm-1.clean, body:not(.admin) .column-sm-2.clean, body:not(.admin) .column-sm-3.clean, body:not(.admin) .column-sm-4.clean, body:not(.admin) .column-sm-5.clean, body:not(.admin) .column-sm-6.clean, body:not(.admin) .column-sm-7.clean, body:not(.admin) .column-sm-8.clean, body:not(.admin) .column-sm-9.clean, body:not(.admin) .column-sm-10.clean, body:not(.admin) .column-sm-11.clean, body:not(.admin) .column-sm-12.clean, body:not(.admin) .column-md-1.clean, body:not(.admin) .column-md-2.clean, body:not(.admin) .column-md-3.clean, body:not(.admin) .column-md-4.clean, body:not(.admin) .column-md-5.clean, body:not(.admin) .column-md-6.clean, body:not(.admin) .column-md-7.clean, body:not(.admin) .column-md-8.clean, body:not(.admin) .column-md-9.clean, body:not(.admin) .column-md-10.clean, body:not(.admin) .column-md-11.clean, body:not(.admin) .column-md-12.clean, body:not(.admin) .column-lg-1.clean, body:not(.admin) .column-lg-2.clean, body:not(.admin) .column-lg-3.clean, body:not(.admin) .column-lg-4.clean, body:not(.admin) .column-lg-5.clean, body:not(.admin) .column-lg-6.clean, body:not(.admin) .column-lg-7.clean, body:not(.admin) .column-lg-8.clean, body:not(.admin) .column-lg-9.clean, body:not(.admin) .column-lg-10.clean, body:not(.admin) .column-lg-11.clean, body:not(.admin) .column-lg-12.clean, body:not(.admin) body.admin .column-1.clean, body.admin body:not(.admin) .column-1.clean, body:not(.admin) body.admin .column-xs-1.clean, body.admin body:not(.admin) .column-xs-1.clean, body:not(.admin) body.admin .column-2.clean, body.admin body:not(.admin) .column-2.clean, body:not(.admin) body.admin .column-xs-2.clean, body.admin body:not(.admin) .column-xs-2.clean, body:not(.admin) body.admin .column-3.clean, body.admin body:not(.admin) .column-3.clean, body:not(.admin) body.admin .column-xs-3.clean, body.admin body:not(.admin) .column-xs-3.clean, body:not(.admin) body.admin .column-4.clean, body.admin body:not(.admin) .column-4.clean, body:not(.admin) body.admin .column-xs-4.clean, body.admin body:not(.admin) .column-xs-4.clean, body:not(.admin) body.admin .column-5.clean, body.admin body:not(.admin) .column-5.clean, body:not(.admin) body.admin .column-xs-5.clean, body.admin body:not(.admin) .column-xs-5.clean, body:not(.admin) body.admin .column-6.clean, body.admin body:not(.admin) .column-6.clean, body:not(.admin) body.admin .column-xs-6.clean, body.admin body:not(.admin) .column-xs-6.clean, body:not(.admin) body.admin .column-7.clean, body.admin body:not(.admin) .column-7.clean, body:not(.admin) body.admin .column-xs-7.clean, body.admin body:not(.admin) .column-xs-7.clean, body:not(.admin) body.admin .column-8.clean, body.admin body:not(.admin) .column-8.clean, body:not(.admin) body.admin .column-xs-8.clean, body.admin body:not(.admin) .column-xs-8.clean, body:not(.admin) body.admin .column-9.clean, body.admin body:not(.admin) .column-9.clean, body:not(.admin) body.admin .column-xs-9.clean, body.admin body:not(.admin) .column-xs-9.clean, body:not(.admin) body.admin .column-10.clean, body.admin body:not(.admin) .column-10.clean, body:not(.admin) body.admin .column-xs-10.clean, body.admin body:not(.admin) .column-xs-10.clean, body:not(.admin) body.admin .column-11.clean, body.admin body:not(.admin) .column-11.clean, body:not(.admin) body.admin .column-xs-11.clean, body.admin body:not(.admin) .column-xs-11.clean, body:not(.admin) body.admin .column-12.clean, body.admin body:not(.admin) .column-12.clean, body:not(.admin) body.admin .column-xs-12.clean, body.admin body:not(.admin) .column-xs-12.clean, body:not(.admin) body.admin a.appColumn.clean, body.admin body:not(.admin) a.appColumn.clean, body:not(.admin) body.admin .moduleColumn.clean, body.admin body:not(.admin) .moduleColumn.clean, body:not(.admin) body.admin .addModulePopup.clean, body.admin body:not(.admin) .addModulePopup.clean, body:not(.admin) body.admin .column-sm-1.clean, body.admin body:not(.admin) .column-sm-1.clean, body:not(.admin) body.admin .column-sm-2.clean, body.admin body:not(.admin) .column-sm-2.clean, body:not(.admin) body.admin .column-sm-3.clean, body.admin body:not(.admin) .column-sm-3.clean, body:not(.admin) body.admin .column-sm-4.clean, body.admin body:not(.admin) .column-sm-4.clean, body:not(.admin) body.admin .column-sm-5.clean, body.admin body:not(.admin) .column-sm-5.clean, body:not(.admin) body.admin .column-sm-6.clean, body.admin body:not(.admin) .column-sm-6.clean, body:not(.admin) body.admin .column-sm-7.clean, body.admin body:not(.admin) .column-sm-7.clean, body:not(.admin) body.admin .column-sm-8.clean, body.admin body:not(.admin) .column-sm-8.clean, body:not(.admin) body.admin .column-sm-9.clean, body.admin body:not(.admin) .column-sm-9.clean, body:not(.admin) body.admin .column-sm-10.clean, body.admin body:not(.admin) .column-sm-10.clean, body:not(.admin) body.admin .column-sm-11.clean, body.admin body:not(.admin) .column-sm-11.clean, body:not(.admin) body.admin .column-sm-12.clean, body.admin body:not(.admin) .column-sm-12.clean, body:not(.admin) body.admin .column-md-1.clean, body.admin body:not(.admin) .column-md-1.clean, body:not(.admin) body.admin .column-md-2.clean, body.admin body:not(.admin) .column-md-2.clean, body:not(.admin) body.admin .column-md-3.clean, body.admin body:not(.admin) .column-md-3.clean, body:not(.admin) body.admin .column-md-4.clean, body.admin body:not(.admin) .column-md-4.clean, body:not(.admin) body.admin .column-md-5.clean, body.admin body:not(.admin) .column-md-5.clean, body:not(.admin) body.admin .column-md-6.clean, body.admin body:not(.admin) .column-md-6.clean, body:not(.admin) body.admin .column-md-7.clean, body.admin body:not(.admin) .column-md-7.clean, body:not(.admin) body.admin .column-md-8.clean, body.admin body:not(.admin) .column-md-8.clean, body:not(.admin) body.admin .column-md-9.clean, body.admin body:not(.admin) .column-md-9.clean, body:not(.admin) body.admin .column-md-10.clean, body.admin body:not(.admin) .column-md-10.clean, body:not(.admin) body.admin .column-md-11.clean, body.admin body:not(.admin) .column-md-11.clean, body:not(.admin) body.admin .column-md-12.clean, body.admin body:not(.admin) .column-md-12.clean, body:not(.admin) body.admin .column-lg-1.clean, body.admin body:not(.admin) .column-lg-1.clean, body:not(.admin) body.admin .column-lg-2.clean, body.admin body:not(.admin) .column-lg-2.clean, body:not(.admin) body.admin .column-lg-3.clean, body.admin body:not(.admin) .column-lg-3.clean, body:not(.admin) body.admin .column-lg-4.clean, body.admin body:not(.admin) .column-lg-4.clean, body:not(.admin) body.admin .column-lg-5.clean, body.admin body:not(.admin) .column-lg-5.clean, body:not(.admin) body.admin .column-lg-6.clean, body.admin body:not(.admin) .column-lg-6.clean, body:not(.admin) body.admin .column-lg-7.clean, body.admin body:not(.admin) .column-lg-7.clean, body:not(.admin) body.admin .column-lg-8.clean, body.admin body:not(.admin) .column-lg-8.clean, body:not(.admin) body.admin .column-lg-9.clean, body.admin body:not(.admin) .column-lg-9.clean, body:not(.admin) body.admin .column-lg-10.clean, body.admin body:not(.admin) .column-lg-10.clean, body:not(.admin) body.admin .column-lg-11.clean, body.admin body:not(.admin) .column-lg-11.clean, body:not(.admin) body.admin .column-lg-12.clean, body.admin body:not(.admin) .column-lg-12.clean { margin-bottom: 0; } body:not(.admin) .column-1.tRight, body:not(.admin) .column-xs-1.tRight, body:not(.admin) .column-2.tRight, body:not(.admin) .column-xs-2.tRight, body:not(.admin) .column-3.tRight, body:not(.admin) .column-xs-3.tRight, body:not(.admin) .column-4.tRight, body:not(.admin) .column-xs-4.tRight, body:not(.admin) .column-5.tRight, body:not(.admin) .column-xs-5.tRight, body:not(.admin) .column-6.tRight, body:not(.admin) .column-xs-6.tRight, body:not(.admin) .column-7.tRight, body:not(.admin) .column-xs-7.tRight, body:not(.admin) .column-8.tRight, body:not(.admin) .column-xs-8.tRight, body:not(.admin) .column-9.tRight, body:not(.admin) .column-xs-9.tRight, body:not(.admin) .column-10.tRight, body:not(.admin) .column-xs-10.tRight, body:not(.admin) .column-11.tRight, body:not(.admin) .column-xs-11.tRight, body:not(.admin) .column-12.tRight, body:not(.admin) .column-xs-12.tRight, body:not(.admin) .column-sm-1.tRight, body:not(.admin) .column-sm-2.tRight, body:not(.admin) .column-sm-3.tRight, body:not(.admin) .column-sm-4.tRight, body:not(.admin) .column-sm-5.tRight, body:not(.admin) .column-sm-6.tRight, body:not(.admin) .column-sm-7.tRight, body:not(.admin) .column-sm-8.tRight, body:not(.admin) .column-sm-9.tRight, body:not(.admin) .column-sm-10.tRight, body:not(.admin) .column-sm-11.tRight, body:not(.admin) .column-sm-12.tRight, body:not(.admin) .column-md-1.tRight, body:not(.admin) .column-md-2.tRight, body:not(.admin) .column-md-3.tRight, body:not(.admin) .column-md-4.tRight, body:not(.admin) .column-md-5.tRight, body:not(.admin) .column-md-6.tRight, body:not(.admin) .column-md-7.tRight, body:not(.admin) .column-md-8.tRight, body:not(.admin) .column-md-9.tRight, body:not(.admin) .column-md-10.tRight, body:not(.admin) .column-md-11.tRight, body:not(.admin) .column-md-12.tRight, body:not(.admin) .column-lg-1.tRight, body:not(.admin) .column-lg-2.tRight, body:not(.admin) .column-lg-3.tRight, body:not(.admin) .column-lg-4.tRight, body:not(.admin) .column-lg-5.tRight, body:not(.admin) .column-lg-6.tRight, body:not(.admin) .column-lg-7.tRight, body:not(.admin) .column-lg-8.tRight, body:not(.admin) .column-lg-9.tRight, body:not(.admin) .column-lg-10.tRight, body:not(.admin) .column-lg-11.tRight, body:not(.admin) .column-lg-12.tRight, body:not(.admin) body.admin .column-1.tRight, body.admin body:not(.admin) .column-1.tRight, body:not(.admin) body.admin .column-xs-1.tRight, body.admin body:not(.admin) .column-xs-1.tRight, body:not(.admin) body.admin .column-2.tRight, body.admin body:not(.admin) .column-2.tRight, body:not(.admin) body.admin .column-xs-2.tRight, body.admin body:not(.admin) .column-xs-2.tRight, body:not(.admin) body.admin .column-3.tRight, body.admin body:not(.admin) .column-3.tRight, body:not(.admin) body.admin .column-xs-3.tRight, body.admin body:not(.admin) .column-xs-3.tRight, body:not(.admin) body.admin .column-4.tRight, body.admin body:not(.admin) .column-4.tRight, body:not(.admin) body.admin .column-xs-4.tRight, body.admin body:not(.admin) .column-xs-4.tRight, body:not(.admin) body.admin .column-5.tRight, body.admin body:not(.admin) .column-5.tRight, body:not(.admin) body.admin .column-xs-5.tRight, body.admin body:not(.admin) .column-xs-5.tRight, body:not(.admin) body.admin .column-6.tRight, body.admin body:not(.admin) .column-6.tRight, body:not(.admin) body.admin .column-xs-6.tRight, body.admin body:not(.admin) .column-xs-6.tRight, body:not(.admin) body.admin .column-7.tRight, body.admin body:not(.admin) .column-7.tRight, body:not(.admin) body.admin .column-xs-7.tRight, body.admin body:not(.admin) .column-xs-7.tRight, body:not(.admin) body.admin .column-8.tRight, body.admin body:not(.admin) .column-8.tRight, body:not(.admin) body.admin .column-xs-8.tRight, body.admin body:not(.admin) .column-xs-8.tRight, body:not(.admin) body.admin .column-9.tRight, body.admin body:not(.admin) .column-9.tRight, body:not(.admin) body.admin .column-xs-9.tRight, body.admin body:not(.admin) .column-xs-9.tRight, body:not(.admin) body.admin .column-10.tRight, body.admin body:not(.admin) .column-10.tRight, body:not(.admin) body.admin .column-xs-10.tRight, body.admin body:not(.admin) .column-xs-10.tRight, body:not(.admin) body.admin .column-11.tRight, body.admin body:not(.admin) .column-11.tRight, body:not(.admin) body.admin .column-xs-11.tRight, body.admin body:not(.admin) .column-xs-11.tRight, body:not(.admin) body.admin .column-12.tRight, body.admin body:not(.admin) .column-12.tRight, body:not(.admin) body.admin .column-xs-12.tRight, body.admin body:not(.admin) .column-xs-12.tRight, body:not(.admin) body.admin a.appColumn.tRight, body.admin body:not(.admin) a.appColumn.tRight, body:not(.admin) body.admin .moduleColumn.tRight, body.admin body:not(.admin) .moduleColumn.tRight, body:not(.admin) body.admin .addModulePopup.tRight, body.admin body:not(.admin) .addModulePopup.tRight, body:not(.admin) body.admin .column-sm-1.tRight, body.admin body:not(.admin) .column-sm-1.tRight, body:not(.admin) body.admin .column-sm-2.tRight, body.admin body:not(.admin) .column-sm-2.tRight, body:not(.admin) body.admin .column-sm-3.tRight, body.admin body:not(.admin) .column-sm-3.tRight, body:not(.admin) body.admin .column-sm-4.tRight, body.admin body:not(.admin) .column-sm-4.tRight, body:not(.admin) body.admin .column-sm-5.tRight, body.admin body:not(.admin) .column-sm-5.tRight, body:not(.admin) body.admin .column-sm-6.tRight, body.admin body:not(.admin) .column-sm-6.tRight, body:not(.admin) body.admin .column-sm-7.tRight, body.admin body:not(.admin) .column-sm-7.tRight, body:not(.admin) body.admin .column-sm-8.tRight, body.admin body:not(.admin) .column-sm-8.tRight, body:not(.admin) body.admin .column-sm-9.tRight, body.admin body:not(.admin) .column-sm-9.tRight, body:not(.admin) body.admin .column-sm-10.tRight, body.admin body:not(.admin) .column-sm-10.tRight, body:not(.admin) body.admin .column-sm-11.tRight, body.admin body:not(.admin) .column-sm-11.tRight, body:not(.admin) body.admin .column-sm-12.tRight, body.admin body:not(.admin) .column-sm-12.tRight, body:not(.admin) body.admin .column-md-1.tRight, body.admin body:not(.admin) .column-md-1.tRight, body:not(.admin) body.admin .column-md-2.tRight, body.admin body:not(.admin) .column-md-2.tRight, body:not(.admin) body.admin .column-md-3.tRight, body.admin body:not(.admin) .column-md-3.tRight, body:not(.admin) body.admin .column-md-4.tRight, body.admin body:not(.admin) .column-md-4.tRight, body:not(.admin) body.admin .column-md-5.tRight, body.admin body:not(.admin) .column-md-5.tRight, body:not(.admin) body.admin .column-md-6.tRight, body.admin body:not(.admin) .column-md-6.tRight, body:not(.admin) body.admin .column-md-7.tRight, body.admin body:not(.admin) .column-md-7.tRight, body:not(.admin) body.admin .column-md-8.tRight, body.admin body:not(.admin) .column-md-8.tRight, body:not(.admin) body.admin .column-md-9.tRight, body.admin body:not(.admin) .column-md-9.tRight, body:not(.admin) body.admin .column-md-10.tRight, body.admin body:not(.admin) .column-md-10.tRight, body:not(.admin) body.admin .column-md-11.tRight, body.admin body:not(.admin) .column-md-11.tRight, body:not(.admin) body.admin .column-md-12.tRight, body.admin body:not(.admin) .column-md-12.tRight, body:not(.admin) body.admin .column-lg-1.tRight, body.admin body:not(.admin) .column-lg-1.tRight, body:not(.admin) body.admin .column-lg-2.tRight, body.admin body:not(.admin) .column-lg-2.tRight, body:not(.admin) body.admin .column-lg-3.tRight, body.admin body:not(.admin) .column-lg-3.tRight, body:not(.admin) body.admin .column-lg-4.tRight, body.admin body:not(.admin) .column-lg-4.tRight, body:not(.admin) body.admin .column-lg-5.tRight, body.admin body:not(.admin) .column-lg-5.tRight, body:not(.admin) body.admin .column-lg-6.tRight, body.admin body:not(.admin) .column-lg-6.tRight, body:not(.admin) body.admin .column-lg-7.tRight, body.admin body:not(.admin) .column-lg-7.tRight, body:not(.admin) body.admin .column-lg-8.tRight, body.admin body:not(.admin) .column-lg-8.tRight, body:not(.admin) body.admin .column-lg-9.tRight, body.admin body:not(.admin) .column-lg-9.tRight, body:not(.admin) body.admin .column-lg-10.tRight, body.admin body:not(.admin) .column-lg-10.tRight, body:not(.admin) body.admin .column-lg-11.tRight, body.admin body:not(.admin) .column-lg-11.tRight, body:not(.admin) body.admin .column-lg-12.tRight, body.admin body:not(.admin) .column-lg-12.tRight { text-align: right; } body:not(.admin) .column-1.font-lg, body:not(.admin) .column-xs-1.font-lg, body:not(.admin) .column-2.font-lg, body:not(.admin) .column-xs-2.font-lg, body:not(.admin) .column-3.font-lg, body:not(.admin) .column-xs-3.font-lg, body:not(.admin) .column-4.font-lg, body:not(.admin) .column-xs-4.font-lg, body:not(.admin) .column-5.font-lg, body:not(.admin) .column-xs-5.font-lg, body:not(.admin) .column-6.font-lg, body:not(.admin) .column-xs-6.font-lg, body:not(.admin) .column-7.font-lg, body:not(.admin) .column-xs-7.font-lg, body:not(.admin) .column-8.font-lg, body:not(.admin) .column-xs-8.font-lg, body:not(.admin) .column-9.font-lg, body:not(.admin) .column-xs-9.font-lg, body:not(.admin) .column-10.font-lg, body:not(.admin) .column-xs-10.font-lg, body:not(.admin) .column-11.font-lg, body:not(.admin) .column-xs-11.font-lg, body:not(.admin) .column-12.font-lg, body:not(.admin) .column-xs-12.font-lg, body:not(.admin) .column-sm-1.font-lg, body:not(.admin) .column-sm-2.font-lg, body:not(.admin) .column-sm-3.font-lg, body:not(.admin) .column-sm-4.font-lg, body:not(.admin) .column-sm-5.font-lg, body:not(.admin) .column-sm-6.font-lg, body:not(.admin) .column-sm-7.font-lg, body:not(.admin) .column-sm-8.font-lg, body:not(.admin) .column-sm-9.font-lg, body:not(.admin) .column-sm-10.font-lg, body:not(.admin) .column-sm-11.font-lg, body:not(.admin) .column-sm-12.font-lg, body:not(.admin) .column-md-1.font-lg, body:not(.admin) .column-md-2.font-lg, body:not(.admin) .column-md-3.font-lg, body:not(.admin) .column-md-4.font-lg, body:not(.admin) .column-md-5.font-lg, body:not(.admin) .column-md-6.font-lg, body:not(.admin) .column-md-7.font-lg, body:not(.admin) .column-md-8.font-lg, body:not(.admin) .column-md-9.font-lg, body:not(.admin) .column-md-10.font-lg, body:not(.admin) .column-md-11.font-lg, body:not(.admin) .column-md-12.font-lg, body:not(.admin) .column-lg-1.font-lg, body:not(.admin) .column-lg-2.font-lg, body:not(.admin) .column-lg-3.font-lg, body:not(.admin) .column-lg-4.font-lg, body:not(.admin) .column-lg-5.font-lg, body:not(.admin) .column-lg-6.font-lg, body:not(.admin) .column-lg-7.font-lg, body:not(.admin) .column-lg-8.font-lg, body:not(.admin) .column-lg-9.font-lg, body:not(.admin) .column-lg-10.font-lg, body:not(.admin) .column-lg-11.font-lg, body:not(.admin) .column-lg-12.font-lg, body:not(.admin) body.admin .column-1.font-lg, body.admin body:not(.admin) .column-1.font-lg, body:not(.admin) body.admin .column-xs-1.font-lg, body.admin body:not(.admin) .column-xs-1.font-lg, body:not(.admin) body.admin .column-2.font-lg, body.admin body:not(.admin) .column-2.font-lg, body:not(.admin) body.admin .column-xs-2.font-lg, body.admin body:not(.admin) .column-xs-2.font-lg, body:not(.admin) body.admin .column-3.font-lg, body.admin body:not(.admin) .column-3.font-lg, body:not(.admin) body.admin .column-xs-3.font-lg, body.admin body:not(.admin) .column-xs-3.font-lg, body:not(.admin) body.admin .column-4.font-lg, body.admin body:not(.admin) .column-4.font-lg, body:not(.admin) body.admin .column-xs-4.font-lg, body.admin body:not(.admin) .column-xs-4.font-lg, body:not(.admin) body.admin .column-5.font-lg, body.admin body:not(.admin) .column-5.font-lg, body:not(.admin) body.admin .column-xs-5.font-lg, body.admin body:not(.admin) .column-xs-5.font-lg, body:not(.admin) body.admin .column-6.font-lg, body.admin body:not(.admin) .column-6.font-lg, body:not(.admin) body.admin .column-xs-6.font-lg, body.admin body:not(.admin) .column-xs-6.font-lg, body:not(.admin) body.admin .column-7.font-lg, body.admin body:not(.admin) .column-7.font-lg, body:not(.admin) body.admin .column-xs-7.font-lg, body.admin body:not(.admin) .column-xs-7.font-lg, body:not(.admin) body.admin .column-8.font-lg, body.admin body:not(.admin) .column-8.font-lg, body:not(.admin) body.admin .column-xs-8.font-lg, body.admin body:not(.admin) .column-xs-8.font-lg, body:not(.admin) body.admin .column-9.font-lg, body.admin body:not(.admin) .column-9.font-lg, body:not(.admin) body.admin .column-xs-9.font-lg, body.admin body:not(.admin) .column-xs-9.font-lg, body:not(.admin) body.admin .column-10.font-lg, body.admin body:not(.admin) .column-10.font-lg, body:not(.admin) body.admin .column-xs-10.font-lg, body.admin body:not(.admin) .column-xs-10.font-lg, body:not(.admin) body.admin .column-11.font-lg, body.admin body:not(.admin) .column-11.font-lg, body:not(.admin) body.admin .column-xs-11.font-lg, body.admin body:not(.admin) .column-xs-11.font-lg, body:not(.admin) body.admin .column-12.font-lg, body.admin body:not(.admin) .column-12.font-lg, body:not(.admin) body.admin .column-xs-12.font-lg, body.admin body:not(.admin) .column-xs-12.font-lg, body:not(.admin) body.admin a.appColumn.font-lg, body.admin body:not(.admin) a.appColumn.font-lg, body:not(.admin) body.admin .moduleColumn.font-lg, body.admin body:not(.admin) .moduleColumn.font-lg, body:not(.admin) body.admin .addModulePopup.font-lg, body.admin body:not(.admin) .addModulePopup.font-lg, body:not(.admin) body.admin .column-sm-1.font-lg, body.admin body:not(.admin) .column-sm-1.font-lg, body:not(.admin) body.admin .column-sm-2.font-lg, body.admin body:not(.admin) .column-sm-2.font-lg, body:not(.admin) body.admin .column-sm-3.font-lg, body.admin body:not(.admin) .column-sm-3.font-lg, body:not(.admin) body.admin .column-sm-4.font-lg, body.admin body:not(.admin) .column-sm-4.font-lg, body:not(.admin) body.admin .column-sm-5.font-lg, body.admin body:not(.admin) .column-sm-5.font-lg, body:not(.admin) body.admin .column-sm-6.font-lg, body.admin body:not(.admin) .column-sm-6.font-lg, body:not(.admin) body.admin .column-sm-7.font-lg, body.admin body:not(.admin) .column-sm-7.font-lg, body:not(.admin) body.admin .column-sm-8.font-lg, body.admin body:not(.admin) .column-sm-8.font-lg, body:not(.admin) body.admin .column-sm-9.font-lg, body.admin body:not(.admin) .column-sm-9.font-lg, body:not(.admin) body.admin .column-sm-10.font-lg, body.admin body:not(.admin) .column-sm-10.font-lg, body:not(.admin) body.admin .column-sm-11.font-lg, body.admin body:not(.admin) .column-sm-11.font-lg, body:not(.admin) body.admin .column-sm-12.font-lg, body.admin body:not(.admin) .column-sm-12.font-lg, body:not(.admin) body.admin .column-md-1.font-lg, body.admin body:not(.admin) .column-md-1.font-lg, body:not(.admin) body.admin .column-md-2.font-lg, body.admin body:not(.admin) .column-md-2.font-lg, body:not(.admin) body.admin .column-md-3.font-lg, body.admin body:not(.admin) .column-md-3.font-lg, body:not(.admin) body.admin .column-md-4.font-lg, body.admin body:not(.admin) .column-md-4.font-lg, body:not(.admin) body.admin .column-md-5.font-lg, body.admin body:not(.admin) .column-md-5.font-lg, body:not(.admin) body.admin .column-md-6.font-lg, body.admin body:not(.admin) .column-md-6.font-lg, body:not(.admin) body.admin .column-md-7.font-lg, body.admin body:not(.admin) .column-md-7.font-lg, body:not(.admin) body.admin .column-md-8.font-lg, body.admin body:not(.admin) .column-md-8.font-lg, body:not(.admin) body.admin .column-md-9.font-lg, body.admin body:not(.admin) .column-md-9.font-lg, body:not(.admin) body.admin .column-md-10.font-lg, body.admin body:not(.admin) .column-md-10.font-lg, body:not(.admin) body.admin .column-md-11.font-lg, body.admin body:not(.admin) .column-md-11.font-lg, body:not(.admin) body.admin .column-md-12.font-lg, body.admin body:not(.admin) .column-md-12.font-lg, body:not(.admin) body.admin .column-lg-1.font-lg, body.admin body:not(.admin) .column-lg-1.font-lg, body:not(.admin) body.admin .column-lg-2.font-lg, body.admin body:not(.admin) .column-lg-2.font-lg, body:not(.admin) body.admin .column-lg-3.font-lg, body.admin body:not(.admin) .column-lg-3.font-lg, body:not(.admin) body.admin .column-lg-4.font-lg, body.admin body:not(.admin) .column-lg-4.font-lg, body:not(.admin) body.admin .column-lg-5.font-lg, body.admin body:not(.admin) .column-lg-5.font-lg, body:not(.admin) body.admin .column-lg-6.font-lg, body.admin body:not(.admin) .column-lg-6.font-lg, body:not(.admin) body.admin .column-lg-7.font-lg, body.admin body:not(.admin) .column-lg-7.font-lg, body:not(.admin) body.admin .column-lg-8.font-lg, body.admin body:not(.admin) .column-lg-8.font-lg, body:not(.admin) body.admin .column-lg-9.font-lg, body.admin body:not(.admin) .column-lg-9.font-lg, body:not(.admin) body.admin .column-lg-10.font-lg, body.admin body:not(.admin) .column-lg-10.font-lg, body:not(.admin) body.admin .column-lg-11.font-lg, body.admin body:not(.admin) .column-lg-11.font-lg, body:not(.admin) body.admin .column-lg-12.font-lg, body.admin body:not(.admin) .column-lg-12.font-lg { font-size: 14px; font-size: 0.875rem; } body:not(.admin) .column-xs-push-0 { margin-left: 0; } body:not(.admin) .column-1 { width: 8.33333%; } body:not(.admin) .column-xs-1 { width: 8.33333%; } body:not(.admin) .column-push-1 { margin-left: 8.33333%; } body:not(.admin) .column-xs-push-1 { margin-left: 8.33333%; } body:not(.admin) .column-pull-1 { margin-left: -8.33333%; } body:not(.admin) .column-xs-pull-1 { margin-left: -8.33333%; } body:not(.admin) .column-2 { width: 16.66667%; } body:not(.admin) .column-xs-2 { width: 16.66667%; } body:not(.admin) .column-push-2 { margin-left: 16.66667%; } body:not(.admin) .column-xs-push-2 { margin-left: 16.66667%; } body:not(.admin) .column-pull-2 { margin-left: -16.66667%; } body:not(.admin) .column-xs-pull-2 { margin-left: -16.66667%; } body:not(.admin) .column-3 { width: 25%; } body:not(.admin) .column-xs-3 { width: 25%; } body:not(.admin) .column-push-3 { margin-left: 25%; } body:not(.admin) .column-xs-push-3 { margin-left: 25%; } body:not(.admin) .column-pull-3 { margin-left: -25%; } body:not(.admin) .column-xs-pull-3 { margin-left: -25%; } body:not(.admin) .column-4 { width: 33.33333%; } body:not(.admin) .column-xs-4 { width: 33.33333%; } body:not(.admin) .column-push-4 { margin-left: 33.33333%; } body:not(.admin) .column-xs-push-4 { margin-left: 33.33333%; } body:not(.admin) .column-pull-4 { margin-left: -33.33333%; } body:not(.admin) .column-xs-pull-4 { margin-left: -33.33333%; } body:not(.admin) .column-5 { width: 41.66667%; } body:not(.admin) .column-xs-5 { width: 41.66667%; } body:not(.admin) .column-push-5 { margin-left: 41.66667%; } body:not(.admin) .column-xs-push-5 { margin-left: 41.66667%; } body:not(.admin) .column-pull-5 { margin-left: -41.66667%; } body:not(.admin) .column-xs-pull-5 { margin-left: -41.66667%; } body:not(.admin) .column-6 { width: 50%; } body:not(.admin) .column-xs-6 { width: 50%; } body:not(.admin) .column-push-6 { margin-left: 50%; } body:not(.admin) .column-xs-push-6 { margin-left: 50%; } body:not(.admin) .column-pull-6 { margin-left: -50%; } body:not(.admin) .column-xs-pull-6 { margin-left: -50%; } body:not(.admin) .column-7 { width: 58.33333%; } body:not(.admin) .column-xs-7 { width: 58.33333%; } body:not(.admin) .column-push-7 { margin-left: 58.33333%; } body:not(.admin) .column-xs-push-7 { margin-left: 58.33333%; } body:not(.admin) .column-pull-7 { margin-left: -58.33333%; } body:not(.admin) .column-xs-pull-7 { margin-left: -58.33333%; } body:not(.admin) .column-8 { width: 66.66667%; } body:not(.admin) .column-xs-8 { width: 66.66667%; } body:not(.admin) .column-push-8 { margin-left: 66.66667%; } body:not(.admin) .column-xs-push-8 { margin-left: 66.66667%; } body:not(.admin) .column-pull-8 { margin-left: -66.66667%; } body:not(.admin) .column-xs-pull-8 { margin-left: -66.66667%; } body:not(.admin) .column-9 { width: 75%; } body:not(.admin) .column-xs-9 { width: 75%; } body:not(.admin) .column-push-9 { margin-left: 75%; } body:not(.admin) .column-xs-push-9 { margin-left: 75%; } body:not(.admin) .column-pull-9 { margin-left: -75%; } body:not(.admin) .column-xs-pull-9 { margin-left: -75%; } body:not(.admin) .column-10 { width: 83.33333%; } body:not(.admin) .column-xs-10 { width: 83.33333%; } body:not(.admin) .column-push-10 { margin-left: 83.33333%; } body:not(.admin) .column-xs-push-10 { margin-left: 83.33333%; } body:not(.admin) .column-pull-10 { margin-left: -83.33333%; } body:not(.admin) .column-xs-pull-10 { margin-left: -83.33333%; } body:not(.admin) .column-11 { width: 91.66667%; } body:not(.admin) .column-xs-11 { width: 91.66667%; } body:not(.admin) .column-push-11 { margin-left: 91.66667%; } body:not(.admin) .column-xs-push-11 { margin-left: 91.66667%; } body:not(.admin) .column-pull-11 { margin-left: -91.66667%; } body:not(.admin) .column-xs-pull-11 { margin-left: -91.66667%; } body:not(.admin) .column-12 { width: 100%; } body:not(.admin) .column-xs-12 { width: 100%; } body:not(.admin) .column-push-12 { margin-left: 100%; } body:not(.admin) .column-xs-push-12 { margin-left: 100%; } body:not(.admin) .column-pull-12 { margin-left: -100%; } body:not(.admin) .column-xs-pull-12 { margin-left: -100%; } @media only screen and (min-width: 768px) { body:not(.admin) .column-1, body:not(.admin) .column-xs-1, body:not(.admin) .column-2, body:not(.admin) .column-xs-2, body:not(.admin) .column-3, body:not(.admin) .column-xs-3, body:not(.admin) .column-4, body:not(.admin) .column-xs-4, body:not(.admin) .column-5, body:not(.admin) .column-xs-5, body:not(.admin) .column-6, body:not(.admin) .column-xs-6, body:not(.admin) .column-7, body:not(.admin) .column-xs-7, body:not(.admin) .column-8, body:not(.admin) .column-xs-8, body:not(.admin) .column-9, body:not(.admin) .column-xs-9, body:not(.admin) .column-10, body:not(.admin) .column-xs-10, body:not(.admin) .column-11, body:not(.admin) .column-xs-11, body:not(.admin) .column-12, body:not(.admin) .column-xs-12, body:not(.admin) .column-sm-1, body:not(.admin) .column-sm-2, body:not(.admin) .column-sm-3, body:not(.admin) .column-sm-4, body:not(.admin) .column-sm-5, body:not(.admin) .column-sm-6, body:not(.admin) .column-sm-7, body:not(.admin) .column-sm-8, body:not(.admin) .column-sm-9, body:not(.admin) .column-sm-10, body:not(.admin) .column-sm-11, body:not(.admin) .column-sm-12, body:not(.admin) .column-md-1, body:not(.admin) .column-md-2, body:not(.admin) .column-md-3, body:not(.admin) .column-md-4, body:not(.admin) .column-md-5, body:not(.admin) .column-md-6, body:not(.admin) .column-md-7, body:not(.admin) .column-md-8, body:not(.admin) .column-md-9, body:not(.admin) .column-md-10, body:not(.admin) .column-md-11, body:not(.admin) .column-md-12, body:not(.admin) .column-lg-1, body:not(.admin) .column-lg-2, body:not(.admin) .column-lg-3, body:not(.admin) .column-lg-4, body:not(.admin) .column-lg-5, body:not(.admin) .column-lg-6, body:not(.admin) .column-lg-7, body:not(.admin) .column-lg-8, body:not(.admin) .column-lg-9, body:not(.admin) .column-lg-10, body:not(.admin) .column-lg-11, body:not(.admin) .column-lg-12, body:not(.admin) body.admin .column-1, body.admin body:not(.admin) .column-1, body:not(.admin) body.admin .column-xs-1, body.admin body:not(.admin) .column-xs-1, body:not(.admin) body.admin .column-2, body.admin body:not(.admin) .column-2, body:not(.admin) body.admin .column-xs-2, body.admin body:not(.admin) .column-xs-2, body:not(.admin) body.admin .column-3, body.admin body:not(.admin) .column-3, body:not(.admin) body.admin .column-xs-3, body.admin body:not(.admin) .column-xs-3, body:not(.admin) body.admin .column-4, body.admin body:not(.admin) .column-4, body:not(.admin) body.admin .column-xs-4, body.admin body:not(.admin) .column-xs-4, body:not(.admin) body.admin .column-5, body.admin body:not(.admin) .column-5, body:not(.admin) body.admin .column-xs-5, body.admin body:not(.admin) .column-xs-5, body:not(.admin) body.admin .column-6, body.admin body:not(.admin) .column-6, body:not(.admin) body.admin .column-xs-6, body.admin body:not(.admin) .column-xs-6, body:not(.admin) body.admin .column-7, body.admin body:not(.admin) .column-7, body:not(.admin) body.admin .column-xs-7, body.admin body:not(.admin) .column-xs-7, body:not(.admin) body.admin .column-8, body.admin body:not(.admin) .column-8, body:not(.admin) body.admin .column-xs-8, body.admin body:not(.admin) .column-xs-8, body:not(.admin) body.admin .column-9, body.admin body:not(.admin) .column-9, body:not(.admin) body.admin .column-xs-9, body.admin body:not(.admin) .column-xs-9, body:not(.admin) body.admin .column-10, body.admin body:not(.admin) .column-10, body:not(.admin) body.admin .column-xs-10, body.admin body:not(.admin) .column-xs-10, body:not(.admin) body.admin .column-11, body.admin body:not(.admin) .column-11, body:not(.admin) body.admin .column-xs-11, body.admin body:not(.admin) .column-xs-11, body:not(.admin) body.admin .column-12, body.admin body:not(.admin) .column-12, body:not(.admin) body.admin .column-xs-12, body.admin body:not(.admin) .column-xs-12, body:not(.admin) body.admin a.appColumn, body.admin body:not(.admin) a.appColumn, body:not(.admin) body.admin .moduleColumn, body.admin body:not(.admin) .moduleColumn, body:not(.admin) body.admin .addModulePopup, body.admin body:not(.admin) .addModulePopup, body:not(.admin) body.admin .column-sm-1, body.admin body:not(.admin) .column-sm-1, body:not(.admin) body.admin .column-sm-2, body.admin body:not(.admin) .column-sm-2, body:not(.admin) body.admin .column-sm-3, body.admin body:not(.admin) .column-sm-3, body:not(.admin) body.admin .column-sm-4, body.admin body:not(.admin) .column-sm-4, body:not(.admin) body.admin .column-sm-5, body.admin body:not(.admin) .column-sm-5, body:not(.admin) body.admin .column-sm-6, body.admin body:not(.admin) .column-sm-6, body:not(.admin) body.admin .column-sm-7, body.admin body:not(.admin) .column-sm-7, body:not(.admin) body.admin .column-sm-8, body.admin body:not(.admin) .column-sm-8, body:not(.admin) body.admin .column-sm-9, body.admin body:not(.admin) .column-sm-9, body:not(.admin) body.admin .column-sm-10, body.admin body:not(.admin) .column-sm-10, body:not(.admin) body.admin .column-sm-11, body.admin body:not(.admin) .column-sm-11, body:not(.admin) body.admin .column-sm-12, body.admin body:not(.admin) .column-sm-12, body:not(.admin) body.admin .column-md-1, body.admin body:not(.admin) .column-md-1, body:not(.admin) body.admin .column-md-2, body.admin body:not(.admin) .column-md-2, body:not(.admin) body.admin .column-md-3, body.admin body:not(.admin) .column-md-3, body:not(.admin) body.admin .column-md-4, body.admin body:not(.admin) .column-md-4, body:not(.admin) body.admin .column-md-5, body.admin body:not(.admin) .column-md-5, body:not(.admin) body.admin .column-md-6, body.admin body:not(.admin) .column-md-6, body:not(.admin) body.admin .column-md-7, body.admin body:not(.admin) .column-md-7, body:not(.admin) body.admin .column-md-8, body.admin body:not(.admin) .column-md-8, body:not(.admin) body.admin .column-md-9, body.admin body:not(.admin) .column-md-9, body:not(.admin) body.admin .column-md-10, body.admin body:not(.admin) .column-md-10, body:not(.admin) body.admin .column-md-11, body.admin body:not(.admin) .column-md-11, body:not(.admin) body.admin .column-md-12, body.admin body:not(.admin) .column-md-12, body:not(.admin) body.admin .column-lg-1, body.admin body:not(.admin) .column-lg-1, body:not(.admin) body.admin .column-lg-2, body.admin body:not(.admin) .column-lg-2, body:not(.admin) body.admin .column-lg-3, body.admin body:not(.admin) .column-lg-3, body:not(.admin) body.admin .column-lg-4, body.admin body:not(.admin) .column-lg-4, body:not(.admin) body.admin .column-lg-5, body.admin body:not(.admin) .column-lg-5, body:not(.admin) body.admin .column-lg-6, body.admin body:not(.admin) .column-lg-6, body:not(.admin) body.admin .column-lg-7, body.admin body:not(.admin) .column-lg-7, body:not(.admin) body.admin .column-lg-8, body.admin body:not(.admin) .column-lg-8, body:not(.admin) body.admin .column-lg-9, body.admin body:not(.admin) .column-lg-9, body:not(.admin) body.admin .column-lg-10, body.admin body:not(.admin) .column-lg-10, body:not(.admin) body.admin .column-lg-11, body.admin body:not(.admin) .column-lg-11, body:not(.admin) body.admin .column-lg-12, body.admin body:not(.admin) .column-lg-12 { padding: 0 10px; } body:not(.admin) pre.debug { padding: 5px; margin-left: 50px; } body:not(.admin) .column-sm-push-0 { margin-left: 0; } body:not(.admin) .column-sm-1 { width: 8.33333%; } body:not(.admin) .column-sm-push-1 { margin-left: 8.33333%; } body:not(.admin) .column-sm-pull-1 { margin-left: -8.33333%; } body:not(.admin) .column-sm-2 { width: 16.66667%; } body:not(.admin) .column-sm-push-2 { margin-left: 16.66667%; } body:not(.admin) .column-sm-pull-2 { margin-left: -16.66667%; } body:not(.admin) .column-sm-3 { width: 25%; } body:not(.admin) .column-sm-push-3 { margin-left: 25%; } body:not(.admin) .column-sm-pull-3 { margin-left: -25%; } body:not(.admin) .column-sm-4 { width: 33.33333%; } body:not(.admin) .column-sm-push-4 { margin-left: 33.33333%; } body:not(.admin) .column-sm-pull-4 { margin-left: -33.33333%; } body:not(.admin) .column-sm-5 { width: 41.66667%; } body:not(.admin) .column-sm-push-5 { margin-left: 41.66667%; } body:not(.admin) .column-sm-pull-5 { margin-left: -41.66667%; } body:not(.admin) .column-sm-6 { width: 50%; } body:not(.admin) .column-sm-push-6 { margin-left: 50%; } body:not(.admin) .column-sm-pull-6 { margin-left: -50%; } body:not(.admin) .column-sm-7 { width: 58.33333%; } body:not(.admin) .column-sm-push-7 { margin-left: 58.33333%; } body:not(.admin) .column-sm-pull-7 { margin-left: -58.33333%; } body:not(.admin) .column-sm-8 { width: 66.66667%; } body:not(.admin) .column-sm-push-8 { margin-left: 66.66667%; } body:not(.admin) .column-sm-pull-8 { margin-left: -66.66667%; } body:not(.admin) .column-sm-9 { width: 75%; } body:not(.admin) .column-sm-push-9 { margin-left: 75%; } body:not(.admin) .column-sm-pull-9 { margin-left: -75%; } body:not(.admin) .column-sm-10 { width: 83.33333%; } body:not(.admin) .column-sm-push-10 { margin-left: 83.33333%; } body:not(.admin) .column-sm-pull-10 { margin-left: -83.33333%; } body:not(.admin) .column-sm-11 { width: 91.66667%; } body:not(.admin) .column-sm-push-11 { margin-left: 91.66667%; } body:not(.admin) .column-sm-pull-11 { margin-left: -91.66667%; } body:not(.admin) .column-sm-12 { width: 100%; } body:not(.admin) .column-sm-push-12 { margin-left: 100%; } body:not(.admin) .column-sm-pull-12 { margin-left: -100%; } } @media only screen and (min-width: 992px) { body:not(.admin) .c-md-row { margin-left: -10px; margin-right: -10px; } body:not(.admin) .column-md-push-0 { margin-left: 0; } body:not(.admin) .column-md-1 { width: 8.33333%; } body:not(.admin) .column-md-push-1 { margin-left: 8.33333%; } body:not(.admin) .column-md-pull-1 { margin-left: -8.33333%; } body:not(.admin) .column-md-2 { width: 16.66667%; } body:not(.admin) .column-md-push-2 { margin-left: 16.66667%; } body:not(.admin) .column-md-pull-2 { margin-left: -16.66667%; } body:not(.admin) .column-md-3 { width: 25%; } body:not(.admin) .column-md-push-3 { margin-left: 25%; } body:not(.admin) .column-md-pull-3 { margin-left: -25%; } body:not(.admin) .column-md-4 { width: 33.33333%; } body:not(.admin) .column-md-push-4 { margin-left: 33.33333%; } body:not(.admin) .column-md-pull-4 { margin-left: -33.33333%; } body:not(.admin) .column-md-5 { width: 41.66667%; } body:not(.admin) .column-md-push-5 { margin-left: 41.66667%; } body:not(.admin) .column-md-pull-5 { margin-left: -41.66667%; } body:not(.admin) .column-md-6 { width: 50%; } body:not(.admin) .column-md-push-6 { margin-left: 50%; } body:not(.admin) .column-md-pull-6 { margin-left: -50%; } body:not(.admin) .column-md-7 { width: 58.33333%; } body:not(.admin) .column-md-push-7 { margin-left: 58.33333%; } body:not(.admin) .column-md-pull-7 { margin-left: -58.33333%; } body:not(.admin) .column-md-8 { width: 66.66667%; } body:not(.admin) .column-md-push-8 { margin-left: 66.66667%; } body:not(.admin) .column-md-pull-8 { margin-left: -66.66667%; } body:not(.admin) .column-md-9 { width: 75%; } body:not(.admin) .column-md-push-9 { margin-left: 75%; } body:not(.admin) .column-md-pull-9 { margin-left: -75%; } body:not(.admin) .column-md-10 { width: 83.33333%; } body:not(.admin) .column-md-push-10 { margin-left: 83.33333%; } body:not(.admin) .column-md-pull-10 { margin-left: -83.33333%; } body:not(.admin) .column-md-11 { width: 91.66667%; } body:not(.admin) .column-md-push-11 { margin-left: 91.66667%; } body:not(.admin) .column-md-pull-11 { margin-left: -91.66667%; } body:not(.admin) .column-md-12 { width: 100%; } body:not(.admin) .column-md-push-12 { margin-left: 100%; } body:not(.admin) .column-md-pull-12 { margin-left: -100%; } } @media only screen and (min-width: 1200px) { body:not(.admin) .column-lg-push-0 { margin-left: 0; } body:not(.admin) .column-lg-1 { width: 8.33333%; } body:not(.admin) .column-lg-push-1 { margin-left: 8.33333%; } body:not(.admin) .column-lg-pull-1 { margin-left: -8.33333%; } body:not(.admin) .column-lg-2 { width: 16.66667%; } body:not(.admin) .column-lg-push-2 { margin-left: 16.66667%; } body:not(.admin) .column-lg-pull-2 { margin-left: -16.66667%; } body:not(.admin) .column-lg-3 { width: 25%; } body:not(.admin) .column-lg-push-3 { margin-left: 25%; } body:not(.admin) .column-lg-pull-3 { margin-left: -25%; } body:not(.admin) .column-lg-4 { width: 33.33333%; } body:not(.admin) .column-lg-push-4 { margin-left: 33.33333%; } body:not(.admin) .column-lg-pull-4 { margin-left: -33.33333%; } body:not(.admin) .column-lg-5 { width: 41.66667%; } body:not(.admin) .column-lg-push-5 { margin-left: 41.66667%; } body:not(.admin) .column-lg-pull-5 { margin-left: -41.66667%; } body:not(.admin) .column-lg-6 { width: 50%; } body:not(.admin) .column-lg-push-6 { margin-left: 50%; } body:not(.admin) .column-lg-pull-6 { margin-left: -50%; } body:not(.admin) .column-lg-7 { width: 58.33333%; } body:not(.admin) .column-lg-push-7 { margin-left: 58.33333%; } body:not(.admin) .column-lg-pull-7 { margin-left: -58.33333%; } body:not(.admin) .column-lg-8 { width: 66.66667%; } body:not(.admin) .column-lg-push-8 { margin-left: 66.66667%; } body:not(.admin) .column-lg-pull-8 { margin-left: -66.66667%; } body:not(.admin) .column-lg-9 { width: 75%; } body:not(.admin) .column-lg-push-9 { margin-left: 75%; } body:not(.admin) .column-lg-pull-9 { margin-left: -75%; } body:not(.admin) .column-lg-10 { width: 83.33333%; } body:not(.admin) .column-lg-push-10 { margin-left: 83.33333%; } body:not(.admin) .column-lg-pull-10 { margin-left: -83.33333%; } body:not(.admin) .column-lg-11 { width: 91.66667%; } body:not(.admin) .column-lg-push-11 { margin-left: 91.66667%; } body:not(.admin) .column-lg-pull-11 { margin-left: -91.66667%; } body:not(.admin) .column-lg-12 { width: 100%; } body:not(.admin) .column-lg-push-12 { margin-left: 100%; } body:not(.admin) .column-lg-pull-12 { margin-left: -100%; } } body:not(.admin) .tAlignC { text-align: center; } body:not(.admin) .tAlignR { text-align: right; } body:not(.admin) .mobileOnly { display: none !important; } @media screen and (max-width: 769px) { body:not(.admin) .mobileOnly { display: inline-block !important; } body:not(.admin) .mobileOnly.block { display: block !important; } } body:not(.admin) .tabletOnly { display: none !important; } @media screen and (min-width: 769px) and (max-width: 1025px) { body:not(.admin) .tabletOnly { display: inline-block !important; } body:not(.admin) .tabletOnly.block { display: block !important; } } body:not(.admin) .desktopOnly { display: none !important; } @media screen and (min-width: 1025px) { body:not(.admin) .hideDesktop { display: none; } body:not(.admin) .desktopOnly { display: inline-block !important; } body:not(.admin) .desktopOnly.block { display: block !important; } } body:not(.admin) body { font: 14px "Lato-Regular", Arial, Helvetica, sans-serif; } body:not(.admin) .c-md-row { display: block; font-size: 0px; font-size: 0rem; margin-left: 0; margin-right: 0; } .c-row { display: block; margin-left: -10px; margin-right: -10px; font-size: 0px; font-size: 0rem; } .icon.icon-default:before { content: "\ec56"; } .icon.icon-asset-manager:before { content: "\e93e"; } .icon.icon-tag-manager:before { content: "\e9f1"; } .icon.icon-definitielijst:before { content: "\e994"; } .icon.icon-meldingscherm:before { content: "\eac7"; } .icon.icon-alg-content-beheer:before { content: "\e904"; } .icon.icon-thema-manager:before { content: "\ea70"; } .icon.icon-content-editor:before { content: "\ea70"; } .icon.icon-levels:before { content: "\eb49"; } .icon.icon-entry-types:before { content: "\ea9c"; } .icon.icon-rapportage:before { content: "\ef39"; } .icon.icon-rapportage-agenda:before { content: "\ef39"; } .icon.icon-groups:before { content: "\eb09"; } .icon.icon-edit:before { content: "\e910"; } .icon.icon-remove:before { content: "\ed6a"; } .icon.icon-door-out:before { content: "\ec48"; } .icon.icon-clone-group:before { content: "\e9cd"; } .icon.icon-clone:before { content: "\e9c8"; } .icon.icon-site-tree:before { content: "\ec56"; } .icon.icon-clean-db:before { content: "\ea9a"; } .icon.icon-multilingual:before { content: "\ed41"; } .icon.icon-plugin-manager:before { content: "\ec4a"; } .icon.icon-content-beheer:before { content: "\e99f"; } .icon.icon-error-log:before { content: "\ed4d"; } .icon.icon-hulppagina-klonen:before { content: "\eada"; } .icon.icon-video-voor-overlay:before { content: "\e961"; } h3 { font-size: 24px; font-size: 1.5rem; margin-bottom: 10px; font-weight: normal; } h3 small { color: #666; vertical-align: bottom; } .asset-interactions { font-size: 20px; } .asset-interactions div { display: inline-block; } .asset-interactions .edit-mode { color: #02b5f0; text-decoration: underline; cursor: pointer; } .asset-interactions .icons { float: right; } .asset-interactions .icons .assetManagerFilter { margin: 0px 5px; color: #02b5f0; padding: 3px; cursor: pointer; } body .contentManagerBlocks .page-block .listViewItem .itemInteractions { display: inline-block; float: right; margin: 0px 10px; } body .contentManagerBlocks .page-block .listViewItem .itemInteractions .interact { display: inline-block; margin: 0px 5px; cursor: pointer; } body .contentManagerBlocks .page-block.edit-bar { position: fixed; right: 0; z-index: 100; width: 50%; left: 0; margin: auto; bottom: 20px; border: 2px solid #008fbd; border-radius: 3px; display: none; text-align: center; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } body .contentManagerBlocks .page-block.edit-bar.open { display: block; } body .contentManagerBlocks .page-block.edit-bar .btn { display: inline-block; } .mediaListView .checkbox { display: none; width: 22px; height: 22px; border: 1px solid #2b78e4; background: #fff; background-size: 22px 22px; border-radius: 50%; position: absolute; top: 5px; right: 5px; z-index: 10; } .mediaListView .checkbox.checked:after { content: ""; position: absolute; width: 14px; height: 14px; background: #2b78e4; border-radius: 50%; margin: 3px; } .mediaListView .preTitle { font-family: "muli-bold", sans-serif; font-size: 15px; font-size: 0.9375rem; display: block; text-transform: uppercase; margin: 0 18px 14px 18px; } .mediaListView .mediaListViewItem { display: inline-block; margin: 0 18px 14px 18px; font-size: 13px; font-size: 0.8125rem; } .mediaListView .mediaListViewItem.video .mediaListViewThumb { text-align: center; } .mediaListView .mediaListViewItem.video .mediaListViewThumb .icon { font-size: 64px; color: #fff; margin: 45px 0 28px; display: inline-block; height: 40px; box-sizing: content-box; background-clip: content-box; background-color: #00b6f0; width: 32px; } .mediaListView .mediaListViewItem.video .mediaListViewThumb .icon:before { display: block; margin-top: -10px; margin-left: -16px; } .mediaListView .mediaListViewItem .mediaListViewItemTitle { font-family: "muli-bold", sans-serif; display: inline-block; font-size: 13px; font-size: 0.8125rem; line-height: 18px; color: #666; padding: 0 0 0 9px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mediaListView .mediaListViewItem .mediaListViewThumb { height: 130px; width: auto; max-width: 200px; margin-bottom: 9px; position: relative; background: no-repeat center center; background-size: cover; } .mediaListView .mediaListViewItem .mediaListViewThumb .visibleMedia, .mediaListView .mediaListViewItem .mediaListViewThumb .linkedMedia { position: absolute; top: 0; right: 0; width: 46px; height: 43px; background-repeat: no-repeat; background-position: center center; } .mediaListView .mediaListViewItem .mediaListViewThumb .visibleMedia { background-image: url('img/media-visible.png'); } .mediaListView .mediaListViewItem .mediaListViewThumb .linkedMedia { background-image: url('img/media-linked.png'); } .mediaListView .mediaListViewItem .mediaListViewIcon { display: inline-block; font-size: 16px; font-size: 1rem; } .mediaPreviewVideo { display: none; width: 70%; height: 100%; min-height: 250px; } .mediaPreviewVideoStill { display: none; width: calc(30% - 50px); margin: 25px; height: 170px; position: relative; padding: 10px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .mediaPreviewVideoStill .btn-primary { margin-bottom: 1em; } .mediaPreview { background: #f1f1f1 no-repeat center center; background-size: contain; border: 1px solid #eaeaea; height: 300px; position: relative; } .mediaPreview .upload { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mediaPreview .upload .mediaDropUploadText { font-size: 16px; font-size: 1rem; color: #666; margin-bottom: 10px; } .mediaPreview .upload .separator { font-size: 22px; font-size: 1.375rem; font-weight: bold; text-transform: uppercase; color: #888; position: relative; display: inline-block; margin: 0 auto; } .mediaPreview .upload .separator:before, .mediaPreview .upload .separator:after { content: ""; display: inline-block; width: 20px; position: absolute; top: 50%; background: #888; height: 1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mediaPreview .upload .separator:before { left: -25px; } .mediaPreview .upload .separator:after { right: -25px; } .mediaPreview .upload .uploadAssetBtn { position: relative; overflow: hidden; margin: 10px; } .mediaPreview .upload .uploadAssetBtn .uploadAssetBtnInput { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; font-size: 1.25rem; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .popup .mediaPreview { height: 100%; margin-bottom: 25px; min-height: 300px; } .mediaInfoWrap .fileInfo { margin-bottom: 25px; } .mediaInfoWrap .fileInfo td { width: 50%; vertical-align: top; } .mediaInfoWrap .fileInfo td:first-child { font-weight: bold; } body.admin .form-group-inline.groups > label { width: auto; } body.admin .popup hr { background: transparent; border: 0; border-bottom: 1px solid #e0e0e0; } body.admin .popup { overflow-y: auto !important; } body .popup .subPopupOptions { display: none; } body .popup .block .title { font-size: 18px; font-size: 1.125rem; margin-bottom: 10px; } body .popup .block .tag-select { margin: 10px 0 0 0; } body .popup .block .tag-select .tag { cursor: pointer; color: #333; background: #fff; border: 1px solid #999; display: inline-block; margin: 0 5px 10px 0; padding: 5px 10px; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; font-size: 13px; font-size: 0.8125rem; } body .popup .block .tag-select .tag.add, body .popup .block .tag-select .tag.added { padding-right: 35px; } body .popup .block .tag-select .tag.add:after, body .popup .block .tag-select .tag.added:after { font-family: "IcoMoon-Ultimate", sans-serif; font-size: 13px; font-size: 0.8125rem; position: absolute; top: 50%; bottom: 0; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } body .popup .block .tag-select .tag.add:after { content: "\ed5a"; } body .popup .block .tag-select .tag.added { background-color: #00b6f0; border-color: #008fbd; color: #fff; } body .popup .block .tag-select .tag.added:after { content: "\ed6a"; } .popupAssetTpl .popup .popupAssetInfoTpl .subPopupOptions { display: inline-block; } .popupAssetInfoTpl .popup { text-align: left !important; max-width: 90%; width: 100%; overflow-y: scroll; position: relative; } .popupAssetInfoTpl .popup .popupPreviewer { display: block; height: 435px; } .popupAssetInfoTpl .popup .popupInfo { display: block; height: 100%; padding: 15px 15px 0; } .popupAssetInfoTpl .popup .topTitle { display: block; font-size: 15px; font-size: 0.9375rem; padding: 10px; background: #fff; text-align: center; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); position: relative; } .popupAssetInfoTpl .popup .topTitle .title, .popupAssetInfoTpl .popup .topTitle .popupClose { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .popupAssetInfoTpl .popup .topTitle .title { font-family: "muli-bold", sans-serif; left: 10px; } .popupAssetInfoTpl .popup .topTitle .popupClose { color: #000; right: 10px; } @media only screen and (min-width: 768px) { body.admin .popup { max-width: 90% !important; width: 100% !important; } .popupAssetInfoTpl .popup { overflow-y: hidden; min-height: 90vh; } .popupAssetInfoTpl .popup .popupPreviewer { height: calc(50% - 45px); position: absolute; top: 45px; width: 100%; z-index: 10; font-size: 0; white-space: nowrap; } .popupAssetInfoTpl .popup .popupInfo { height: 50%; padding: 5px 15px 0; position: absolute; bottom: 0; width: 100%; overflow-y: scroll; } .popupAssetInfoTpl .popup .topTitle { display: block; font-size: 15px; font-size: 0.9375rem; padding: 10px; background: #fff; text-align: center; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); position: relative; z-index: 15; height: 45px; } .popupAssetInfoTpl .popup .topTitle .title, .popupAssetInfoTpl .popup .topTitle .popupClose { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .popupAssetInfoTpl .popup .topTitle .title { font-family: "muli-bold", sans-serif; left: 10px; } .popupAssetInfoTpl .popup .topTitle .popupClose { color: #000; right: 10px; } } body .popup .block .content .name { display: inline-block; } body.admin .popup .block { display: block; padding: 20px 0 10px 0; font-size: 13px; font-size: 0.8125rem; } .planner-container.owncontent-container .uploadMobileAssetBtnInput { position: absolute; top: -999px; left: 0; } .contentManagerBlocks .loading { position: fixed; z-index: 99999; bottom: 10px; right: 10px; top: auto; left: auto; background: rgba(0, 0, 0, 0.6); padding: 10px; color: rgba(255, 255, 255, 0.8); text-align: center; border: 1px solid #ff9e00; } .contentManagerBlocks .loading .loader { display: block; position: relative; width: 64px; height: 64px; } .contentManagerBlocks .loading .loader div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; } .contentManagerBlocks .loading .loader div:nth-child(1) { animation-delay: -0.45s; } .contentManagerBlocks .loading .loader div:nth-child(2) { animation-delay: -0.3s; } .contentManagerBlocks .loading .loader div:nth-child(3) { animation-delay: -0.15s; } a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var { background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: top; box-sizing: border-box; } blockquote, q { quotes: none; } table, table td { padding: 0; border: none; border-collapse: collapse; } article, aside, audio, canvas, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; } mark, rp, rt, ruby, summary, time { display: inline; } * { box-sizing: border-box; } @font-face { font-family: muli; src: url("fonts/Muli/muli.svg") format('svg'); src: url("fonts/Muli/muli.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli.woff2") format('woff2'), url("fonts/Muli/muli.woff") format('woff'), url("fonts/Muli/muli.ttf") format('truetype'), url("fonts/Muli/muli.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-bold; src: url("fonts/Muli/muli-bold.svg") format('svg'); src: url("fonts/Muli/muli-bold.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-bold.woff2") format('woff2'), url("fonts/Muli/muli-bold.woff") format('woff'), url("fonts/Muli/muli-bold.ttf") format('truetype'), url("fonts/Muli/muli-bold.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-bolditalic; src: url("fonts/Muli/muli-bolditalic.svg") format('svg'); src: url("fonts/Muli/muli-bolditalic.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-bolditalic.woff2") format('woff2'), url("fonts/Muli/muli-bolditalic.woff") format('woff'), url("fonts/Muli/muli-bolditalic.ttf") format('truetype'), url("fonts/Muli/muli-bolditalic.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-extralight; src: url("fonts/Muli/muli-extralight.svg") format('svg'); src: url("fonts/Muli/muli-extralight.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-extralight.woff2") format('woff2'), url("fonts/Muli/muli-extralight.woff") format('woff'), url("fonts/Muli/muli-extralight.ttf") format('truetype'), url("fonts/Muli/muli-extralight.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-extralightitalic; src: url("fonts/Muli/muli-extralightitalic.svg") format('svg'); src: url("fonts/Muli/muli-extralightitalic.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-extralightitalic.woff2") format('woff2'), url("fonts/Muli/muli-extralightitalic.woff") format('woff'), url("fonts/Muli/muli-extralightitalic.ttf") format('truetype'), url("fonts/Muli/muli-extralightitalic.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-italic; src: url("fonts/Muli/muli-italic.svg") format('svg'); src: url("fonts/Muli/muli-italic.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-italic.woff2") format('woff2'), url("fonts/Muli/muli-italic.woff") format('woff'), url("fonts/Muli/muli-italic.ttf") format('truetype'), url("fonts/Muli/muli-italic.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-light; src: url("fonts/Muli/muli-light.svg") format('svg'); src: url("fonts/Muli/muli-light.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-light.woff2") format('woff2'), url("fonts/Muli/muli-light.woff") format('woff'), url("fonts/Muli/muli-light.ttf") format('truetype'), url("fonts/Muli/muli-light.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-lightitalic; src: url("fonts/Muli/muli-lightitalic.svg") format('svg'); src: url("fonts/Muli/muli-lightitalic.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-lightitalic.woff2") format('woff2'), url("fonts/Muli/muli-lightitalic.woff") format('woff'), url("fonts/Muli/muli-lightitalic.ttf") format('truetype'), url("fonts/Muli/muli-lightitalic.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-semi-bolditalic; src: url("fonts/Muli/muli-semi-bolditalic.svg") format('svg'); src: url("fonts/Muli/muli-semi-bolditalic.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-semi-bolditalic.woff2") format('woff2'), url("fonts/Muli/muli-semi-bolditalic.woff") format('woff'), url("fonts/Muli/muli-semi-bolditalic.ttf") format('truetype'), url("fonts/Muli/muli-semi-bolditalic.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: muli-semibold; src: url("fonts/Muli/muli-semibold.svg") format('svg'); src: url("fonts/Muli/muli-semibold.eot?#iefix") format('embedded-opentype'), url("fonts/Muli/muli-semibold.woff2") format('woff2'), url("fonts/Muli/muli-semibold.woff") format('woff'), url("fonts/Muli/muli-semibold.ttf") format('truetype'), url("fonts/Muli/muli-semibold.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: Lato-Bold; src: url("fonts/Lato/Lato-Bold.svg") format('svg'); src: url("fonts/Lato/Lato-Bold.eot?#iefix") format('embedded-opentype'), url("fonts/Lato/Lato-Bold.woff2") format('woff2'), url("fonts/Lato/Lato-Bold.woff") format('woff'), url("fonts/Lato/Lato-Bold.ttf") format('truetype'), url("fonts/Lato/Lato-Bold.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: Lato-Hairline; src: url("fonts/Lato/Lato-Hairline.svg") format('svg'); src: url("fonts/Lato/Lato-Hairline.eot?#iefix") format('embedded-opentype'), url("fonts/Lato/Lato-Hairline.woff2") format('woff2'), url("fonts/Lato/Lato-Hairline.woff") format('woff'), url("fonts/Lato/Lato-Hairline.ttf") format('truetype'), url("fonts/Lato/Lato-Hairline.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: Lato-Light; src: url("fonts/Lato/Lato-Light.svg") format('svg'); src: url("fonts/Lato/Lato-Light.eot?#iefix") format('embedded-opentype'), url("fonts/Lato/Lato-Light.woff2") format('woff2'), url("fonts/Lato/Lato-Light.woff") format('woff'), url("fonts/Lato/Lato-Light.ttf") format('truetype'), url("fonts/Lato/Lato-Light.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: Lato-Italic; src: url("fonts/Lato/Lato-Italic.svg") format('svg'); src: url("fonts/Lato/Lato-Italic.eot?#iefix") format('embedded-opentype'), url("fonts/Lato/Lato-Italic.woff2") format('woff2'), url("fonts/Lato/Lato-Italic.woff") format('woff'), url("fonts/Lato/Lato-Italic.ttf") format('truetype'), url("fonts/Lato/Lato-Italic.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: Lato-Thin; src: url("fonts/Lato/Lato-Thin.svg") format('svg'); src: url("fonts/Lato/Lato-Thin.eot?#iefix") format('embedded-opentype'), url("fonts/Lato/Lato-Thin.woff2") format('woff2'), url("fonts/Lato/Lato-Thin.woff") format('woff'), url("fonts/Lato/Lato-Thin.ttf") format('truetype'), url("fonts/Lato/Lato-Thin.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: Lato-Regular; src: url("fonts/Lato/Lato-Regular.svg") format('svg'); src: url("fonts/Lato/Lato-Regular.eot?#iefix") format('embedded-opentype'), url("fonts/Lato/Lato-Regular.woff2") format('woff2'), url("fonts/Lato/Lato-Regular.woff") format('woff'), url("fonts/Lato/Lato-Regular.ttf") format('truetype'), url("fonts/Lato/Lato-Regular.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: Lato-Medium; src: url("fonts/Lato/Lato-Medium.svg") format('svg'); src: url("fonts/Lato/Lato-Medium.eot?#iefix") format('embedded-opentype'), url("fonts/Lato/Lato-Medium.woff2") format('woff2'), url("fonts/Lato/Lato-Medium.woff") format('woff'), url("fonts/Lato/Lato-Medium.ttf") format('truetype'), url("fonts/Lato/Lato-Medium.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'IcoMoon-Ultimate'; src: url('fonts/IcoMoon-Ultimate.ttf?-mxku12') format('truetype'); font-weight: normal; font-style: normal; } .icon { font-family: 'IcoMoon-Ultimate', sans-serif; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1;*/ /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e900"; } .icon-home2:before { content: "\e901"; } .icon-home3:before { content: "\e902"; } .icon-home4:before { content: "\e903"; } .icon-home5:before { content: "\e904"; } .icon-home6:before { content: "\e905"; } .icon-home7:before { content: "\e906"; } .icon-home8:before { content: "\e907"; } .icon-home9:before { content: "\e908"; } .icon-office:before { content: "\e909"; } .icon-city:before { content: "\e90a"; } .icon-newspaper:before { content: "\e90b"; } .icon-magazine:before { content: "\e90c"; } .icon-design:before { content: "\e90d"; } .icon-pencil:before { content: "\e90e"; } .icon-pencil2:before { content: "\e90f"; } .icon-pencil3:before { content: "\e910"; } .icon-pencil4:before { content: "\e911"; } .icon-pencil5:before { content: "\e912"; } .icon-pencil6:before { content: "\e913"; } .icon-pencil7:before { content: "\e914"; } .icon-eraser:before { content: "\e915"; } .icon-eraser2:before { content: "\e916"; } .icon-eraser3:before { content: "\e917"; } .icon-quill:before { content: "\e918"; } .icon-quill2:before { content: "\e919"; } .icon-quill3:before { content: "\e91a"; } .icon-quill4:before { content: "\e91b"; } .icon-pen:before { content: "\e91c"; } .icon-pen-plus:before { content: "\e91d"; } .icon-pen-minus:before { content: "\e91e"; } .icon-pen2:before { content: "\e91f"; } .icon-pen3:before { content: "\e920"; } .icon-pen4:before { content: "\e921"; } .icon-pen5:before { content: "\e922"; } .icon-marker:before { content: "\e923"; } .icon-marker2:before { content: "\e924"; } .icon-blog:before { content: "\e925"; } .icon-blog2:before { content: "\e926"; } .icon-pen6:before { content: "\e927"; } .icon-brush:before { content: "\e928"; } .icon-spray:before { content: "\e929"; } .icon-palette:before { content: "\e92a"; } .icon-palette2:before { content: "\e92b"; } .icon-color-sampler:before { content: "\e92c"; } .icon-toggle:before { content: "\e92d"; } .icon-bucket:before { content: "\e92e"; } .icon-bucket2:before { content: "\e92f"; } .icon-gradient:before { content: "\e930"; } .icon-eyedropper:before { content: "\e931"; } .icon-eyedropper2:before { content: "\e932"; } .icon-eyedropper3:before { content: "\e933"; } .icon-droplet:before { content: "\e934"; } .icon-droplet2:before { content: "\e935"; } .icon-droplet-contrast:before { content: "\e936"; } .icon-color-clear:before { content: "\e937"; } .icon-paint-format:before { content: "\e938"; } .icon-stamp:before { content: "\e939"; } .icon-images:before { content: "\e93a"; } .icon-image:before { content: "\e93b"; } .icon-image2:before { content: "\e93c"; } .icon-image-compare:before { content: "\e93d"; } .icon-images2:before { content: "\e93e"; } .icon-image3:before { content: "\e93f"; } .icon-images3:before { content: "\e940"; } .icon-image4:before { content: "\e941"; } .icon-image5:before { content: "\e942"; } .icon-image6:before { content: "\e943"; } .icon-camera:before { content: "\e944"; } .icon-camera2:before { content: "\e945"; } .icon-camera3:before { content: "\e946"; } .icon-shutter:before { content: "\e947"; } .icon-headphones:before { content: "\e948"; } .icon-headset:before { content: "\e949"; } .icon-music:before { content: "\e94a"; } .icon-music2:before { content: "\e94b"; } .icon-music3:before { content: "\e94c"; } .icon-music4:before { content: "\e94d"; } .icon-music5:before { content: "\e94e"; } .icon-music6:before { content: "\e94f"; } .icon-album:before { content: "\e950"; } .icon-cassette:before { content: "\e951"; } .icon-tape:before { content: "\e952"; } .icon-piano:before { content: "\e953"; } .icon-guitar:before { content: "\e954"; } .icon-trumpet:before { content: "\e955"; } .icon-speakers:before { content: "\e956"; } .icon-play:before { content: "\e957"; } .icon-play2:before { content: "\e958"; } .icon-clapboard-play:before { content: "\e959"; } .icon-clapboard:before { content: "\e95a"; } .icon-media:before { content: "\e95b"; } .icon-presentation:before { content: "\e95c"; } .icon-movie:before { content: "\e95d"; } .icon-film:before { content: "\e95e"; } .icon-film2:before { content: "\e95f"; } .icon-film3:before { content: "\e960"; } .icon-film4:before { content: "\e961"; } .icon-video-camera:before { content: "\e962"; } .icon-video-camera2:before { content: "\e963"; } .icon-video-camera-slash:before { content: "\e964"; } .icon-video-camera3:before { content: "\e965"; } .icon-video-camera4:before { content: "\e966"; } .icon-video-camera-slash2:before { content: "\e967"; } .icon-video-camera5:before { content: "\e968"; } .icon-recording:before { content: "\e969"; } .icon-dice:before { content: "\e96a"; } .icon-gamepad:before { content: "\e96b"; } .icon-gamepad2:before { content: "\e96c"; } .icon-gamepad3:before { content: "\e96d"; } .icon-pacman:before { content: "\e96e"; } .icon-spades:before { content: "\e96f"; } .icon-clubs:before { content: "\e970"; } .icon-diamonds:before { content: "\e971"; } .icon-chess-king:before { content: "\e972"; } .icon-chess-queen:before { content: "\e973"; } .icon-chess-rock:before { content: "\e974"; } .icon-chess-bishop:before { content: "\e975"; } .icon-chess-knight:before { content: "\e976"; } .icon-chess-pawn:before { content: "\e977"; } .icon-chess:before { content: "\e978"; } .icon-bullhorn:before { content: "\e979"; } .icon-megaphone:before { content: "\e97a"; } .icon-new:before { content: "\e97b"; } .icon-connection:before { content: "\e97c"; } .icon-connection2:before { content: "\e97d"; } .icon-connection3:before { content: "\e97e"; } .icon-connection4:before { content: "\e97f"; } .icon-podcast:before { content: "\e980"; } .icon-station:before { content: "\e981"; } .icon-station2:before { content: "\e982"; } .icon-antenna:before { content: "\e983"; } .icon-satellite-dish:before { content: "\e984"; } .icon-satellite-dish2:before { content: "\e985"; } .icon-feed:before { content: "\e986"; } .icon-podcast2:before { content: "\e987"; } .icon-antenna2:before { content: "\e988"; } .icon-mic:before { content: "\e989"; } .icon-mic-off:before { content: "\e98a"; } .icon-mic2:before { content: "\e98b"; } .icon-mic-off2:before { content: "\e98c"; } .icon-mic3:before { content: "\e98d"; } .icon-mic4:before { content: "\e98e"; } .icon-mic5:before { content: "\e98f"; } .icon-book:before { content: "\e990"; } .icon-book2:before { content: "\e991"; } .icon-book-play:before { content: "\e992"; } .icon-book3:before { content: "\e993"; } .icon-bookmark:before { content: "\e994"; } .icon-books:before { content: "\e995"; } .icon-archive:before { content: "\e996"; } .icon-reading:before { content: "\e997"; } .icon-library:before { content: "\e998"; } .icon-library2:before { content: "\e999"; } .icon-graduation:before { content: "\e99a"; } .icon-file-text:before { content: "\e99b"; } .icon-profile:before { content: "\e99c"; } .icon-file-empty:before, .icon-file:before { content: "\e99d"; } .icon-file-empty2:before { content: "\e99e"; } .icon-files-empty:before { content: "\e99f"; } .icon-files-empty2:before { content: "\e9a0"; } .icon-file-plus:before { content: "\e9a1"; } .icon-file-plus2:before { content: "\e9a2"; } .icon-file-minus:before { content: "\e9a3"; } .icon-file-minus2:before { content: "\e9a4"; } .icon-file-download:before { content: "\e9a5"; } .icon-file-download2:before { content: "\e9a6"; } .icon-file-upload:before { content: "\e9a7"; } .icon-file-upload2:before { content: "\e9a8"; } .icon-file-check:before { content: "\e9a9"; } .icon-file-check2:before { content: "\e9aa"; } .icon-file-eye:before { content: "\e9ab"; } .icon-file-eye2:before { content: "\e9ac"; } .icon-file-text2:before { content: "\e9ad"; } .icon-file-text3:before { content: "\e9ae"; } .icon-file-picture:before { content: "\e9af"; } .icon-file-picture2:before { content: "\e9b0"; } .icon-file-music:before { content: "\e9b1"; } .icon-file-music2:before { content: "\e9b2"; } .icon-file-play:before { content: "\e9b3"; } .icon-file-play2:before { content: "\e9b4"; } .icon-file-video:before { content: "\e9b5"; } .icon-file-video2:before { content: "\e9b6"; } .icon-copy:before { content: "\e9b7"; } .icon-copy2:before { content: "\e9b8"; } .icon-file-zip:before { content: "\e9b9"; } .icon-file-zip2:before { content: "\e9ba"; } .icon-file-xml:before { content: "\e9bb"; } .icon-file-xml2:before { content: "\e9bc"; } .icon-file-css:before { content: "\e9bd"; } .icon-file-css2:before { content: "\e9be"; } .icon-file-presentation:before { content: "\e9bf"; } .icon-file-presentation2:before { content: "\e9c0"; } .icon-file-stats:before { content: "\e9c1"; } .icon-file-stats2:before { content: "\e9c2"; } .icon-file-locked:before { content: "\e9c3"; } .icon-file-locked2:before { content: "\e9c4"; } .icon-file-spreadsheet:before { content: "\e9c5"; } .icon-file-spreadsheet2:before { content: "\e9c6"; } .icon-copy3:before { content: "\e9c7"; } .icon-copy4:before { content: "\e9c8"; } .icon-paste:before { content: "\e9c9"; } .icon-paste2:before { content: "\e9ca"; } .icon-paste3:before { content: "\e9cb"; } .icon-paste4:before { content: "\e9cc"; } .icon-stack:before { content: "\e9cd"; } .icon-stack2:before { content: "\e9ce"; } .icon-stack3:before { content: "\e9cf"; } .icon-folder:before { content: "\e9d0"; } .icon-folder-search:before { content: "\e9d1"; } .icon-folder-download:before { content: "\e9d2"; } .icon-folder-upload:before { content: "\e9d3"; } .icon-folder-plus:before { content: "\e9d4"; } .icon-folder-plus2:before { content: "\e9d5"; } .icon-folder-minus:before { content: "\e9d6"; } .icon-folder-minus2:before { content: "\e9d7"; } .icon-folder-check:before { content: "\e9d8"; } .icon-folder-heart:before { content: "\e9d9"; } .icon-folder-remove:before { content: "\e9da"; } .icon-folder2:before { content: "\e9db"; } .icon-folder-open:before { content: "\e9dc"; } .icon-folder3:before { content: "\e9dd"; } .icon-folder4:before { content: "\e9de"; } .icon-folder-plus3:before { content: "\e9df"; } .icon-folder-minus3:before { content: "\e9e0"; } .icon-folder-plus4:before { content: "\e9e1"; } .icon-folder-minus4:before { content: "\e9e2"; } .icon-folder-download2:before { content: "\e9e3"; } .icon-folder-upload2:before { content: "\e9e4"; } .icon-folder-download3:before { content: "\e9e5"; } .icon-folder-upload3:before { content: "\e9e6"; } .icon-folder5:before { content: "\e9e7"; } .icon-folder-open2:before { content: "\e9e8"; } .icon-folder6:before { content: "\e9e9"; } .icon-folder-open3:before { content: "\e9ea"; } .icon-certificate:before { content: "\e9eb"; } .icon-cc:before { content: "\e9ec"; } .icon-price-tag:before { content: "\e9ed"; } .icon-price-tag2:before { content: "\e9ee"; } .icon-price-tags:before { content: "\e9ef"; } .icon-price-tag3:before { content: "\e9f0"; } .icon-price-tags2:before { content: "\e9f1"; } .icon-price-tag4:before { content: "\e9f2"; } .icon-price-tags3:before { content: "\e9f3"; } .icon-price-tag5:before { content: "\e9f4"; } .icon-price-tags4:before { content: "\e9f5"; } .icon-barcode:before { content: "\e9f6"; } .icon-barcode2:before { content: "\e9f7"; } .icon-qrcode:before { content: "\e9f8"; } .icon-ticket:before { content: "\e9f9"; } .icon-ticket2:before { content: "\e9fa"; } .icon-theater:before { content: "\e9fb"; } .icon-store:before { content: "\e9fc"; } .icon-store2:before { content: "\e9fd"; } .icon-cart:before { content: "\e9fe"; } .icon-cart2:before { content: "\e9ff"; } .icon-cart3:before { content: "\ea00"; } .icon-cart4:before { content: "\ea01"; } .icon-cart5:before { content: "\ea02"; } .icon-cart-add:before { content: "\ea03"; } .icon-cart-add2:before { content: "\ea04"; } .icon-cart-remove:before { content: "\ea05"; } .icon-basket:before { content: "\ea06"; } .icon-bag:before { content: "\ea07"; } .icon-bag2:before { content: "\ea08"; } .icon-percent:before { content: "\ea09"; } .icon-coins:before { content: "\ea0a"; } .icon-coin-dollar:before { content: "\ea0b"; } .icon-coin-euro:before { content: "\ea0c"; } .icon-coin-pound:before { content: "\ea0d"; } .icon-coin-yen:before { content: "\ea0e"; } .icon-piggy-bank:before { content: "\ea0f"; } .icon-wallet:before { content: "\ea10"; } .icon-cash:before { content: "\ea11"; } .icon-cash2:before { content: "\ea12"; } .icon-cash3:before { content: "\ea13"; } .icon-cash4:before { content: "\ea14"; } .icon-credit-card:before { content: "\ea15"; } .icon-credit-card2:before { content: "\ea16"; } .icon-calculator:before { content: "\ea17"; } .icon-calculator2:before { content: "\ea18"; } .icon-calculator3:before { content: "\ea19"; } .icon-chip:before { content: "\ea1a"; } .icon-lifebuoy:before { content: "\ea1b"; } .icon-phone:before { content: "\ea1c"; } .icon-phone2:before { content: "\ea1d"; } .icon-phone-slash:before { content: "\ea1e"; } .icon-phone-wave:before { content: "\ea1f"; } .icon-phone-plus:before { content: "\ea20"; } .icon-phone-minus:before { content: "\ea21"; } .icon-phone-plus2:before { content: "\ea22"; } .icon-phone-minus2:before { content: "\ea23"; } .icon-phone-incoming:before { content: "\ea24"; } .icon-phone-outgoing:before { content: "\ea25"; } .icon-phone3:before { content: "\ea26"; } .icon-phone-slash2:before { content: "\ea27"; } .icon-phone-wave2:before { content: "\ea28"; } .icon-phone-hang-up:before { content: "\ea29"; } .icon-phone-hang-up2:before { content: "\ea2a"; } .icon-address-book:before { content: "\ea2b"; } .icon-address-book2:before { content: "\ea2c"; } .icon-address-book3:before { content: "\ea2d"; } .icon-notebook:before { content: "\ea2e"; } .icon-at-sign:before { content: "\ea2f"; } .icon-envelop:before { content: "\ea30"; } .icon-envelop2:before { content: "\ea31"; } .icon-envelop3:before { content: "\ea32"; } .icon-envelop4:before { content: "\ea33"; } .icon-envelop5:before { content: "\ea34"; } .icon-mailbox:before { content: "\ea35"; } .icon-pushpin:before { content: "\ea36"; } .icon-pushpin2:before { content: "\ea37"; } .icon-location:before { content: "\ea38"; } .icon-location2:before { content: "\ea39"; } .icon-location3:before { content: "\ea3a"; } .icon-location4:before { content: "\ea3b"; } .icon-location5:before { content: "\ea3c"; } .icon-location6:before { content: "\ea3d"; } .icon-location7:before { content: "\ea3e"; } .icon-compass:before { content: "\ea3f"; } .icon-compass2:before { content: "\ea40"; } .icon-compass3:before { content: "\ea41"; } .icon-compass4:before { content: "\ea42"; } .icon-compass5:before { content: "\ea43"; } .icon-compass6:before { content: "\ea44"; } .icon-map:before { content: "\ea45"; } .icon-map2:before { content: "\ea46"; } .icon-map3:before { content: "\ea47"; } .icon-map4:before { content: "\ea48"; } .icon-map5:before { content: "\ea49"; } .icon-direction:before { content: "\ea4a"; } .icon-reset:before { content: "\ea4b"; } .icon-history:before { content: "\ea4c"; } .icon-clock:before { content: "\ea4d"; } .icon-clock2:before { content: "\ea4e"; } .icon-clock3:before { content: "\ea4f"; } .icon-clock4:before { content: "\ea50"; } .icon-watch:before { content: "\ea51"; } .icon-watch2:before { content: "\ea52"; } .icon-alarm:before { content: "\ea53"; } .icon-alarm-add:before { content: "\ea54"; } .icon-alarm-check:before { content: "\ea55"; } .icon-alarm-cancel:before { content: "\ea56"; } .icon-bell:before { content: "\ea57"; } .icon-bell2:before { content: "\ea58"; } .icon-bell3:before { content: "\ea59"; } .icon-bell-plus:before { content: "\ea5a"; } .icon-bell-minus:before { content: "\ea5b"; } .icon-bell-check:before { content: "\ea5c"; } .icon-bell-cross:before { content: "\ea5d"; } .icon-stopwatch:before { content: "\ea5e"; } .icon-calendar:before { content: "\ea5f"; } .icon-calendar2:before { content: "\ea60"; } .icon-calendar3:before { content: "\ea61"; } .icon-calendar4:before { content: "\ea62"; } .icon-calendar5:before { content: "\ea63"; } .icon-printer:before { content: "\ea64"; } .icon-printer2:before { content: "\ea65"; } .icon-printer3:before { content: "\ea66"; } .icon-printer4:before { content: "\ea67"; } .icon-shredder:before { content: "\ea68"; } .icon-mouse:before { content: "\ea69"; } .icon-mouse2:before { content: "\ea6a"; } .icon-mouse-left:before { content: "\ea6b"; } .icon-mouse-right:before { content: "\ea6c"; } .icon-keyboard:before { content: "\ea6d"; } .icon-keyboard2:before { content: "\ea6e"; } .icon-typewriter:before { content: "\ea6f"; } .icon-display:before { content: "\ea70"; } .icon-display2:before { content: "\ea71"; } .icon-display3:before { content: "\ea72"; } .icon-display4:before { content: "\ea73"; } .icon-laptop:before { content: "\ea74"; } .icon-mobile:before { content: "\ea75"; } .icon-mobile2:before { content: "\ea76"; } .icon-tablet:before { content: "\ea77"; } .icon-mobile3:before { content: "\ea78"; } .icon-tv:before { content: "\ea79"; } .icon-radio:before { content: "\ea7a"; } .icon-cabinet:before { content: "\ea7b"; } .icon-drawer:before { content: "\ea7c"; } .icon-drawer2:before { content: "\ea7d"; } .icon-drawer-out:before { content: "\ea7e"; } .icon-drawer-in:before { content: "\ea7f"; } .icon-drawer3:before { content: "\ea80"; } .icon-box:before { content: "\ea81"; } .icon-box-add:before { content: "\ea82"; } .icon-box-remove:before { content: "\ea83"; } .icon-download:before { content: "\ea84"; } .icon-upload:before { content: "\ea85"; } .icon-floppy-disk:before { content: "\ea86"; } .icon-floppy-disks:before { content: "\ea87"; } .icon-floppy-disks2:before { content: "\ea88"; } .icon-floppy-disk2:before { content: "\ea89"; } .icon-floppy-disk3:before { content: "\ea8a"; } .icon-disk:before { content: "\ea8b"; } .icon-disk2:before { content: "\ea8c"; } .icon-usb-stick:before { content: "\ea8d"; } .icon-drive:before { content: "\ea8e"; } .icon-server:before { content: "\ea8f"; } .icon-database:before { content: "\ea90"; } .icon-database2:before { content: "\ea91"; } .icon-database3:before { content: "\ea92"; } .icon-database4:before { content: "\ea93"; } .icon-database-menu:before { content: "\ea94"; } .icon-database-add:before { content: "\ea95"; } .icon-database-remove:before { content: "\ea96"; } .icon-database-insert:before { content: "\ea97"; } .icon-database-export:before { content: "\ea98"; } .icon-database-upload:before { content: "\ea99"; } .icon-database-refresh:before { content: "\ea9a"; } .icon-database-diff:before { content: "\ea9b"; } .icon-database-edit:before { content: "\ea9c"; } .icon-database-edit2:before { content: "\ea9d"; } .icon-database-check:before { content: "\ea9e"; } .icon-database-arrow:before { content: "\ea9f"; } .icon-database-time:before { content: "\eaa0"; } .icon-database-time2:before { content: "\eaa1"; } .icon-undo:before { content: "\eaa2"; } .icon-redo:before { content: "\eaa3"; } .icon-rotate-ccw:before { content: "\eaa4"; } .icon-rotate-cw:before { content: "\eaa5"; } .icon-rotate-ccw2:before { content: "\eaa6"; } .icon-rotate-cw2:before { content: "\eaa7"; } .icon-rotate-ccw3:before { content: "\eaa8"; } .icon-rotate-cw3:before { content: "\eaa9"; } .icon-flip-vertical:before { content: "\eaaa"; } .icon-flip-vertical2:before { content: "\eaab"; } .icon-flip-horizontal:before { content: "\eaac"; } .icon-flip-horizontal2:before { content: "\eaad"; } .icon-flip-vertical3:before { content: "\eaae"; } .icon-flip-vertical4:before { content: "\eaaf"; } .icon-angle:before { content: "\eab0"; } .icon-shear:before { content: "\eab1"; } .icon-unite:before { content: "\eab2"; } .icon-subtract:before { content: "\eab3"; } .icon-interset:before { content: "\eab4"; } .icon-exclude:before { content: "\eab5"; } .icon-align-left:before { content: "\eab6"; } .icon-align-center-horizontal:before { content: "\eab7"; } .icon-align-right:before { content: "\eab8"; } .icon-align-top:before { content: "\eab9"; } .icon-align-center-vertical:before { content: "\eaba"; } .icon-align-bottom:before { content: "\eabb"; } .icon-undo2:before { content: "\eabc"; } .icon-redo2:before { content: "\eabd"; } .icon-forward:before { content: "\eabe"; } .icon-reply:before { content: "\eabf"; } .icon-reply-all:before { content: "\eac0"; } .icon-bubble:before { content: "\eac1"; } .icon-bubbles:before { content: "\eac2"; } .icon-bubbles2:before { content: "\eac3"; } .icon-bubble2:before { content: "\eac4"; } .icon-bubbles3:before { content: "\eac5"; } .icon-bubbles4:before { content: "\eac6"; } .icon-bubble-notification:before { content: "\eac7"; } .icon-bubbles5:before { content: "\eac8"; } .icon-bubbles6:before { content: "\eac9"; } .icon-bubble3:before { content: "\eaca"; } .icon-bubble-dots:before { content: "\eacb"; } .icon-bubble-lines:before { content: "\eacc"; } .icon-bubble4:before { content: "\eacd"; } .icon-bubble-dots2:before { content: "\eace"; } .icon-bubble-lines2:before { content: "\eacf"; } .icon-bubble5:before { content: "\ead0"; } .icon-bubble6:before { content: "\ead1"; } .icon-bubbles7:before { content: "\ead2"; } .icon-bubble7:before { content: "\ead3"; } .icon-bubbles8:before { content: "\ead4"; } .icon-bubble8:before { content: "\ead5"; } .icon-bubble-dots3:before { content: "\ead6"; } .icon-bubble-lines3:before { content: "\ead7"; } .icon-bubble9:before { content: "\ead8"; } .icon-bubble-dots4:before { content: "\ead9"; } .icon-bubble-lines4:before { content: "\eada"; } .icon-bubbles9:before { content: "\eadb"; } .icon-bubbles10:before { content: "\eadc"; } .icon-bubble-blocked:before { content: "\eadd"; } .icon-bubble-quote:before { content: "\eade"; } .icon-bubble-user:before { content: "\eadf"; } .icon-bubble-smiley:before { content: "\eae0"; } .icon-bubble-check:before { content: "\eae1"; } .icon-bubble-video:before { content: "\eae2"; } .icon-bubble-link:before { content: "\eae3"; } .icon-bubble-lock:before { content: "\eae4"; } .icon-bubble-star:before { content: "\eae5"; } .icon-bubble-heart:before { content: "\eae6"; } .icon-bubble-paperclip:before { content: "\eae7"; } .icon-bubble-cancel:before { content: "\eae8"; } .icon-bubble-plus:before { content: "\eae9"; } .icon-bubble-minus:before { content: "\eaea"; } .icon-bubble-notification2:before { content: "\eaeb"; } .icon-bubble-left:before { content: "\eaec"; } .icon-bubble-right:before { content: "\eaed"; } .icon-bubble-first:before { content: "\eaee"; } .icon-bubble-last:before { content: "\eaef"; } .icon-bubble-reply:before { content: "\eaf0"; } .icon-bubble-forward:before { content: "\eaf1"; } .icon-bubble-reply2:before { content: "\eaf2"; } .icon-bubble-forward2:before { content: "\eaf3"; } .icon-user:before { content: "\eaf4"; } .icon-users:before { content: "\eaf5"; } .icon-user-plus:before { content: "\eaf6"; } .icon-user-minus:before { content: "\eaf7"; } .icon-user-cancel:before { content: "\eaf8"; } .icon-user-block:before { content: "\eaf9"; } .icon-user-lock:before { content: "\eafa"; } .icon-user-check:before { content: "\eafb"; } .icon-users2:before { content: "\eafc"; } .icon-user2:before { content: "\eafd"; } .icon-users3:before { content: "\eafe"; } .icon-user-plus2:before { content: "\eaff"; } .icon-user-minus2:before { content: "\eb00"; } .icon-user-cancel2:before { content: "\eb01"; } .icon-user-block2:before { content: "\eb02"; } .icon-user-lock2:before { content: "\eb03"; } .icon-user-check2:before { content: "\eb04"; } .icon-user3:before { content: "\eb05"; } .icon-user4:before { content: "\eb06"; } .icon-user5:before { content: "\eb07"; } .icon-user6:before { content: "\eb08"; } .icon-users4:before { content: "\eb09"; } .icon-user-tie:before { content: "\eb0a"; } .icon-user7:before { content: "\eb0b"; } .icon-users5:before { content: "\eb0c"; } .icon-collaboration:before { content: "\eb0d"; } .icon-vcard:before { content: "\eb0e"; } .icon-hat:before { content: "\eb0f"; } .icon-bowtie:before { content: "\eb10"; } .icon-tie:before { content: "\eb11"; } .icon-hanger:before { content: "\eb12"; } .icon-tshirt:before { content: "\eb13"; } .icon-pants:before { content: "\eb14"; } .icon-shorts:before { content: "\eb15"; } .icon-sock:before { content: "\eb16"; } .icon-laundry:before { content: "\eb17"; } .icon-quotes-left:before { content: "\eb18"; } .icon-quotes-right:before { content: "\eb19"; } .icon-quotes-left2:before { content: "\eb1a"; } .icon-quotes-right2:before { content: "\eb1b"; } .icon-hour-glass:before { content: "\eb1c"; } .icon-hour-glass2:before { content: "\eb1d"; } .icon-hour-glass3:before { content: "\eb1e"; } .icon-spinner:before { content: "\eb1f"; } .icon-spinner2:before { content: "\eb20"; } .icon-spinner3:before { content: "\eb21"; } .icon-spinner4:before { content: "\eb22"; } .icon-spinner5:before { content: "\eb23"; } .icon-spinner6:before { content: "\eb24"; } .icon-spinner7:before { content: "\eb25"; } .icon-spinner8:before { content: "\eb26"; } .icon-spinner9:before { content: "\eb27"; } .icon-spinner10:before { content: "\eb28"; } .icon-spinner11:before { content: "\eb29"; } .icon-microscope:before { content: "\eb2a"; } .icon-binoculars:before { content: "\eb2b"; } .icon-binoculars2:before { content: "\eb2c"; } .icon-search:before { content: "\eb2d"; } .icon-zoom-in:before { content: "\eb2e"; } .icon-zoom-out:before { content: "\eb2f"; } .icon-search2:before { content: "\eb30"; } .icon-zoom-in2:before { content: "\eb31"; } .icon-zoom-out2:before { content: "\eb32"; } .icon-search3:before { content: "\eb33"; } .icon-search4:before { content: "\eb34"; } .icon-zoom-in3:before { content: "\eb35"; } .icon-zoom-out3:before { content: "\eb36"; } .icon-search5:before { content: "\eb37"; } .icon-search6:before { content: "\eb38"; } .icon-enlarge:before { content: "\eb39"; } .icon-shrink:before { content: "\eb3a"; } .icon-enlarge2:before { content: "\eb3b"; } .icon-shrink2:before { content: "\eb3c"; } .icon-enlarge3:before { content: "\eb3d"; } .icon-shrink3:before { content: "\eb3e"; } .icon-enlarge4:before { content: "\eb3f"; } .icon-shrink4:before { content: "\eb40"; } .icon-enlarge5:before { content: "\eb41"; } .icon-shrink5:before { content: "\eb42"; } .icon-enlarge6:before { content: "\eb43"; } .icon-shrink6:before { content: "\eb44"; } .icon-enlarge7:before { content: "\eb45"; } .icon-shrink7:before { content: "\eb46"; } .icon-key:before { content: "\eb47"; } .icon-key2:before { content: "\eb48"; } .icon-key3:before { content: "\eb49"; } .icon-key4:before { content: "\eb4a"; } .icon-key5:before { content: "\eb4b"; } .icon-keyhole:before { content: "\eb4c"; } .icon-lock:before { content: "\eb4d"; } .icon-lock2:before { content: "\eb4e"; } .icon-lock3:before { content: "\eb4f"; } .icon-lock4:before { content: "\eb50"; } .icon-unlocked:before { content: "\eb51"; } .icon-lock5:before { content: "\eb52"; } .icon-unlocked2:before { content: "\eb53"; } .icon-safe:before { content: "\eb54"; } .icon-wrench:before { content: "\eb55"; } .icon-wrench2:before { content: "\eb56"; } .icon-wrench3:before { content: "\eb57"; } .icon-equalizer:before { content: "\eb58"; } .icon-equalizer2:before { content: "\eb59"; } .icon-equalizer3:before { content: "\eb5a"; } .icon-equalizer4:before { content: "\eb5b"; } .icon-cog:before { content: "\eb5c"; } .icon-cogs:before { content: "\eb5d"; } .icon-cog2:before { content: "\eb5e"; } .icon-cog3:before { content: "\eb5f"; } .icon-cog4:before { content: "\eb60"; } .icon-cog5:before { content: "\eb61"; } .icon-cog6:before { content: "\eb62"; } .icon-cog7:before { content: "\eb63"; } .icon-factory:before { content: "\eb64"; } .icon-hammer:before { content: "\eb65"; } .icon-hammer-wrench:before { content: "\eb66"; } .icon-knife:before { content: "\eb67"; } .icon-screwdriver:before { content: "\eb68"; } .icon-screwdriver2:before { content: "\eb69"; } .icon-magic-wand:before { content: "\eb6a"; } .icon-magic-wand2:before { content: "\eb6b"; } .icon-pulse:before { content: "\eb6c"; } .icon-pulse2:before { content: "\eb6d"; } .icon-aid-kit:before { content: "\eb6e"; } .icon-aid-kit2:before { content: "\eb6f"; } .icon-stethoscope:before { content: "\eb70"; } .icon-ambulance:before { content: "\eb71"; } .icon-alarm2:before { content: "\eb72"; } .icon-pandage:before { content: "\eb73"; } .icon-pandage2:before { content: "\eb74"; } .icon-bug:before { content: "\eb75"; } .icon-bug2:before { content: "\eb76"; } .icon-syringe:before { content: "\eb77"; } .icon-syringe2:before { content: "\eb78"; } .icon-pill:before { content: "\eb79"; } .icon-construction:before { content: "\eb7a"; } .icon-traffic-cone:before { content: "\eb7b"; } .icon-traffic-lights:before { content: "\eb7c"; } .icon-pie-chart:before { content: "\eb7d"; } .icon-pie-chart2:before { content: "\eb7e"; } .icon-pie-chart3:before { content: "\eb7f"; } .icon-pie-chart4:before { content: "\eb80"; } .icon-pie-chart5:before { content: "\eb81"; } .icon-pie-chart6:before { content: "\eb82"; } .icon-pie-chart7:before { content: "\eb83"; } .icon-stats-dots:before { content: "\eb84"; } .icon-stats-bars:before { content: "\eb85"; } .icon-pie-chart8:before { content: "\eb86"; } .icon-stats-bars2:before { content: "\eb87"; } .icon-stats-bars3:before { content: "\eb88"; } .icon-stats-bars4:before { content: "\eb89"; } .icon-stats-bars5:before { content: "\eb8a"; } .icon-stats-bars6:before { content: "\eb8b"; } .icon-chart:before { content: "\eb8c"; } .icon-stats-growth:before { content: "\eb8d"; } .icon-stats-decline:before { content: "\eb8e"; } .icon-stats-growth2:before { content: "\eb8f"; } .icon-stats-decline2:before { content: "\eb90"; } .icon-stairs-up:before { content: "\eb91"; } .icon-stairs-down:before { content: "\eb92"; } .icon-stairs:before { content: "\eb93"; } .icon-stairs2:before { content: "\eb94"; } .icon-ladder:before { content: "\eb95"; } .icon-rating:before { content: "\eb96"; } .icon-rating2:before { content: "\eb97"; } .icon-rating3:before { content: "\eb98"; } .icon-cake:before { content: "\eb99"; } .icon-podium:before { content: "\eb9a"; } .icon-stars:before { content: "\eb9b"; } .icon-medal-star:before { content: "\eb9c"; } .icon-medal:before { content: "\eb9d"; } .icon-medal2:before { content: "\eb9e"; } .icon-medal-first:before { content: "\eb9f"; } .icon-medal-second:before { content: "\eba0"; } .icon-medal-third:before { content: "\eba1"; } .icon-crown:before { content: "\eba2"; } .icon-trophy:before { content: "\eba3"; } .icon-trophy2:before { content: "\eba4"; } .icon-trophy3:before { content: "\eba5"; } .icon-diamond:before { content: "\eba6"; } .icon-diamond2:before { content: "\eba7"; } .icon-trophy4:before { content: "\eba8"; } .icon-gift:before { content: "\eba9"; } .icon-gift2:before { content: "\ebaa"; } .icon-balloon:before { content: "\ebab"; } .icon-pipe:before { content: "\ebac"; } .icon-mustache:before { content: "\ebad"; } .icon-mustache2:before { content: "\ebae"; } .icon-glass:before { content: "\ebaf"; } .icon-glass2:before { content: "\ebb0"; } .icon-glass3:before { content: "\ebb1"; } .icon-glass4:before { content: "\ebb2"; } .icon-bottle:before { content: "\ebb3"; } .icon-bottle2:before { content: "\ebb4"; } .icon-bottle3:before { content: "\ebb5"; } .icon-bottle4:before { content: "\ebb6"; } .icon-mug:before { content: "\ebb7"; } .icon-fork-knife:before { content: "\ebb8"; } .icon-spoon-knife:before { content: "\ebb9"; } .icon-cook:before { content: "\ebba"; } .icon-plate:before { content: "\ebbb"; } .icon-steak:before { content: "\ebbc"; } .icon-fish:before { content: "\ebbd"; } .icon-chicken:before { content: "\ebbe"; } .icon-hamburger:before { content: "\ebbf"; } .icon-pizza:before { content: "\ebc0"; } .icon-cheese:before { content: "\ebc1"; } .icon-bread:before { content: "\ebc2"; } .icon-icecream:before { content: "\ebc3"; } .icon-milk:before { content: "\ebc4"; } .icon-cup:before { content: "\ebc5"; } .icon-cup2:before { content: "\ebc6"; } .icon-coffee-baen:before { content: "\ebc7"; } .icon-coffee:before { content: "\ebc8"; } .icon-teapot:before { content: "\ebc9"; } .icon-leaf:before { content: "\ebca"; } .icon-leaf2:before { content: "\ebcb"; } .icon-apple:before { content: "\ebcc"; } .icon-grapes:before { content: "\ebcd"; } .icon-cherry:before { content: "\ebce"; } .icon-tree:before { content: "\ebcf"; } .icon-tree2:before { content: "\ebd0"; } .icon-tree3:before { content: "\ebd1"; } .icon-tree4:before { content: "\ebd2"; } .icon-cactus:before { content: "\ebd3"; } .icon-mountains:before { content: "\ebd4"; } .icon-paw:before { content: "\ebd5"; } .icon-footprint:before { content: "\ebd6"; } .icon-tent:before { content: "\ebd7"; } .icon-flower:before { content: "\ebd8"; } .icon-flower2:before { content: "\ebd9"; } .icon-rocket:before { content: "\ebda"; } .icon-meter:before { content: "\ebdb"; } .icon-meter2:before { content: "\ebdc"; } .icon-meter-slow:before { content: "\ebdd"; } .icon-meter-medium:before { content: "\ebde"; } .icon-meter-fast:before { content: "\ebdf"; } .icon-meter3:before { content: "\ebe0"; } .icon-hammer2:before { content: "\ebe1"; } .icon-balance:before { content: "\ebe2"; } .icon-scale:before { content: "\ebe3"; } .icon-bomb:before { content: "\ebe4"; } .icon-fire:before { content: "\ebe5"; } .icon-fire2:before { content: "\ebe6"; } .icon-lab:before { content: "\ebe7"; } .icon-atom:before { content: "\ebe8"; } .icon-atom2:before { content: "\ebe9"; } .icon-magnet:before { content: "\ebea"; } .icon-magnet2:before { content: "\ebeb"; } .icon-dumbbell:before { content: "\ebec"; } .icon-skull:before { content: "\ebed"; } .icon-skull2:before { content: "\ebee"; } .icon-lamp:before { content: "\ebef"; } .icon-lamp2:before { content: "\ebf0"; } .icon-lamp3:before { content: "\ebf1"; } .icon-spotlight:before { content: "\ebf2"; } .icon-lamp4:before { content: "\ebf3"; } .icon-lamp5:before { content: "\ebf4"; } .icon-lamp6:before { content: "\ebf5"; } .icon-lamp7:before { content: "\ebf6"; } .icon-lamp8:before { content: "\ebf7"; } .icon-broom:before { content: "\ebf8"; } .icon-toiletpaper:before { content: "\ebf9"; } .icon-bin:before { content: "\ebfa"; } .icon-bin2:before { content: "\ebfb"; } .icon-bin3:before { content: "\ebfc"; } .icon-bin4:before { content: "\ebfd"; } .icon-bin5:before { content: "\ebfe"; } .icon-briefcase:before { content: "\ebff"; } .icon-briefcase2:before { content: "\ec00"; } .icon-briefcase3:before { content: "\ec01"; } .icon-airplane:before { content: "\ec02"; } .icon-airplane2:before { content: "\ec03"; } .icon-airplane3:before { content: "\ec04"; } .icon-airplane4:before { content: "\ec05"; } .icon-paperplane:before { content: "\ec06"; } .icon-car:before { content: "\ec07"; } .icon-steering-wheel:before { content: "\ec08"; } .icon-car2:before { content: "\ec09"; } .icon-gas:before { content: "\ec0a"; } .icon-bus:before { content: "\ec0b"; } .icon-truck:before { content: "\ec0c"; } .icon-bike:before { content: "\ec0d"; } .icon-road:before { content: "\ec0e"; } .icon-train:before { content: "\ec0f"; } .icon-train2:before { content: "\ec10"; } .icon-ship:before { content: "\ec11"; } .icon-boat:before { content: "\ec12"; } .icon-chopper:before { content: "\ec13"; } .icon-chopper2:before { content: "\ec14"; } .icon-cube:before { content: "\ec15"; } .icon-cube2:before { content: "\ec16"; } .icon-cube3:before { content: "\ec17"; } .icon-cube4:before { content: "\ec18"; } .icon-pyramid:before { content: "\ec19"; } .icon-pyramid2:before { content: "\ec1a"; } .icon-package:before { content: "\ec1b"; } .icon-puzzle:before { content: "\ec1c"; } .icon-puzzle2:before { content: "\ec1d"; } .icon-puzzle3:before { content: "\ec1e"; } .icon-puzzle4:before { content: "\ec1f"; } .icon-glasses-3d:before { content: "\ec20"; } .icon-glasses-3d2:before { content: "\ec21"; } .icon-glasses:before { content: "\ec22"; } .icon-glasses2:before { content: "\ec23"; } .icon-brain:before { content: "\ec24"; } .icon-accessibility:before { content: "\ec25"; } .icon-accessibility2:before { content: "\ec26"; } .icon-strategy:before { content: "\ec27"; } .icon-target:before { content: "\ec28"; } .icon-target2:before { content: "\ec29"; } .icon-target3:before { content: "\ec2a"; } .icon-ammo:before { content: "\ec2b"; } .icon-gun:before { content: "\ec2c"; } .icon-gun-forbidden:before { content: "\ec2d"; } .icon-shield:before { content: "\ec2e"; } .icon-shield-check:before { content: "\ec2f"; } .icon-shield-notice:before { content: "\ec30"; } .icon-shield2:before { content: "\ec31"; } .icon-shield3:before { content: "\ec32"; } .icon-shield4:before { content: "\ec33"; } .icon-soccer:before { content: "\ec34"; } .icon-football:before { content: "\ec35"; } .icon-archery:before { content: "\ec36"; } .icon-bow:before { content: "\ec37"; } .icon-sword:before { content: "\ec38"; } .icon-tennis:before { content: "\ec39"; } .icon-pingpong:before { content: "\ec3a"; } .icon-baseball:before { content: "\ec3b"; } .icon-basketball:before { content: "\ec3c"; } .icon-golf:before { content: "\ec3d"; } .icon-golf2:before { content: "\ec3e"; } .icon-hockey:before { content: "\ec3f"; } .icon-racing:before { content: "\ec40"; } .icon-finish:before { content: "\ec41"; } .icon-eight-ball:before { content: "\ec42"; } .icon-bowling:before { content: "\ec43"; } .icon-bowling2:before { content: "\ec44"; } .icon-power:before { content: "\ec45"; } .icon-power2:before { content: "\ec46"; } .icon-power3:before { content: "\ec47"; } .icon-switch:before { content: "\ec48"; } .icon-switch2:before { content: "\ec49"; } .icon-power-cord:before { content: "\ec4a"; } .icon-power-cord2:before { content: "\ec4b"; } .icon-outlet:before { content: "\ec4c"; } .icon-clipboard:before { content: "\ec4d"; } .icon-clipboard2:before { content: "\ec4e"; } .icon-clipboard3:before { content: "\ec4f"; } .icon-clipboard4:before { content: "\ec50"; } .icon-clipboard5:before { content: "\ec51"; } .icon-clipboard6:before { content: "\ec52"; } .icon-playlist:before { content: "\ec53"; } .icon-playlist-add:before { content: "\ec54"; } .icon-list-numbered:before { content: "\ec55"; } .icon-list:before { content: "\ec56"; } .icon-list2:before { content: "\ec57"; } .icon-more:before { content: "\ec58"; } .icon-more2:before { content: "\ec59"; } .icon-grid:before { content: "\ec5a"; } .icon-grid2:before { content: "\ec5b"; } .icon-grid3:before { content: "\ec5c"; } .icon-grid4:before { content: "\ec5d"; } .icon-grid5:before { content: "\ec5e"; } .icon-grid6:before { content: "\ec5f"; } .icon-grid7:before { content: "\ec60"; } .icon-tree5:before { content: "\ec61"; } .icon-tree6:before { content: "\ec62"; } .icon-tree7:before { content: "\ec63"; } .icon-lan:before { content: "\ec64"; } .icon-lan2:before { content: "\ec65"; } .icon-lan3:before { content: "\ec66"; } .icon-menu:before { content: "\ec67"; } .icon-circle-small:before { content: "\ec68"; } .icon-menu2:before { content: "\ec69"; } .icon-menu3:before { content: "\ec6a"; } .icon-menu4:before { content: "\ec6b"; } .icon-menu5:before { content: "\ec6c"; } .icon-menu6:before { content: "\ec6d"; } .icon-menu7:before { content: "\ec6e"; } .icon-menu8:before { content: "\ec6f"; } .icon-menu9:before { content: "\ec70"; } .icon-menu10:before { content: "\ec71"; } .icon-cloud:before { content: "\ec72"; } .icon-cloud-download:before { content: "\ec73"; } .icon-cloud-upload:before { content: "\ec74"; } .icon-cloud-check:before { content: "\ec75"; } .icon-cloud2:before { content: "\ec76"; } .icon-cloud-download2:before { content: "\ec77"; } .icon-cloud-upload2:before { content: "\ec78"; } .icon-cloud-check2:before { content: "\ec79"; } .icon-download2:before { content: "\ec7a"; } .icon-download3:before { content: "\ec7b"; } .icon-upload2:before { content: "\ec7c"; } .icon-upload3:before { content: "\ec7d"; } .icon-import:before { content: "\ec7e"; } .icon-import2:before { content: "\ec7f"; } .icon-download4:before { content: "\ec80"; } .icon-upload4:before { content: "\ec81"; } .icon-download5:before { content: "\ec82"; } .icon-upload5:before { content: "\ec83"; } .icon-download6:before { content: "\ec84"; } .icon-upload6:before { content: "\ec85"; } .icon-download7:before { content: "\ec86"; } .icon-upload7:before { content: "\ec87"; } .icon-download8:before { content: "\ec88"; } .icon-upload8:before { content: "\ec89"; } .icon-download9:before { content: "\ec8a"; } .icon-upload9:before { content: "\ec8b"; } .icon-download10:before { content: "\ec8c"; } .icon-upload10:before { content: "\ec8d"; } .icon-sphere:before { content: "\ec8e"; } .icon-sphere2:before { content: "\ec8f"; } .icon-sphere3:before { content: "\ec90"; } .icon-planet:before { content: "\ec91"; } .icon-planet2:before { content: "\ec92"; } .icon-earth:before { content: "\ec93"; } .icon-earth2:before { content: "\ec94"; } .icon-earth3:before { content: "\ec95"; } .icon-link:before { content: "\ec96"; } .icon-unlink:before { content: "\ec97"; } .icon-link2:before { content: "\ec98"; } .icon-unlink2:before { content: "\ec99"; } .icon-link3:before { content: "\ec9a"; } .icon-unlink3:before { content: "\ec9b"; } .icon-link4:before { content: "\ec9c"; } .icon-unlink4:before { content: "\ec9d"; } .icon-link5:before { content: "\ec9e"; } .icon-unlink5:before { content: "\ec9f"; } .icon-anchor:before { content: "\eca0"; } .icon-flag:before { content: "\eca1"; } .icon-flag2:before { content: "\eca2"; } .icon-flag3:before { content: "\eca3"; } .icon-flag4:before { content: "\eca4"; } .icon-flag5:before { content: "\eca5"; } .icon-flag6:before { content: "\eca6"; } .icon-flag7:before { content: "\eca7"; } .icon-flag8:before { content: "\eca8"; } .icon-attachment:before { content: "\eca9"; } .icon-attachment2:before { content: "\ecaa"; } .icon-eye:before { content: "\ecab"; } .icon-eye-plus:before { content: "\ecac"; } .icon-eye-minus:before { content: "\ecad"; } .icon-eye-blocked:before { content: "\ecae"; } .icon-eye2:before { content: "\ecaf"; } .icon-eye-blocked2:before { content: "\ecb0"; } .icon-eye3:before { content: "\ecb1"; } .icon-eye-blocked3:before { content: "\ecb2"; } .icon-eye4:before { content: "\ecb3"; } .icon-bookmark2:before { content: "\ecb4"; } .icon-bookmark3:before { content: "\ecb5"; } .icon-bookmarks:before { content: "\ecb6"; } .icon-bookmark4:before { content: "\ecb7"; } .icon-spotlight2:before { content: "\ecb8"; } .icon-starburst:before { content: "\ecb9"; } .icon-snowflake:before { content: "\ecba"; } .icon-temperature:before { content: "\ecbb"; } .icon-temperature2:before { content: "\ecbc"; } .icon-weather-lightning:before { content: "\ecbd"; } .icon-weather-lightning2:before { content: "\ecbe"; } .icon-weather-rain:before { content: "\ecbf"; } .icon-weather-rain2:before { content: "\ecc0"; } .icon-weather-snow:before { content: "\ecc1"; } .icon-weather-snow2:before { content: "\ecc2"; } .icon-weather-cloud-wind:before { content: "\ecc3"; } .icon-weather-cloud-wind2:before { content: "\ecc4"; } .icon-weather-cloud-sun:before { content: "\ecc5"; } .icon-weather-cloud-sun2:before { content: "\ecc6"; } .icon-weather-cloudy:before { content: "\ecc7"; } .icon-weather-cloudy2:before { content: "\ecc8"; } .icon-weather-sun-wind:before { content: "\ecc9"; } .icon-weather-sun-wind2:before { content: "\ecca"; } .icon-sun:before { content: "\eccb"; } .icon-sun2:before { content: "\eccc"; } .icon-moon:before { content: "\eccd"; } .icon-day-night:before { content: "\ecce"; } .icon-day-night2:before { content: "\eccf"; } .icon-weather-windy:before { content: "\ecd0"; } .icon-fan:before { content: "\ecd1"; } .icon-umbrella:before { content: "\ecd2"; } .icon-sun3:before { content: "\ecd3"; } .icon-contrast:before { content: "\ecd4"; } .icon-brightness-contrast:before { content: "\ecd5"; } .icon-brightness-high:before { content: "\ecd6"; } .icon-brightness-medium:before { content: "\ecd7"; } .icon-brightness-low:before { content: "\ecd8"; } .icon-bed:before { content: "\ecd9"; } .icon-bed2:before { content: "\ecda"; } .icon-furniture:before { content: "\ecdb"; } .icon-chair:before { content: "\ecdc"; } .icon-star-empty:before { content: "\ecdd"; } .icon-star-empty2:before { content: "\ecde"; } .icon-star-full:before { content: "\ecdf"; } .icon-star-empty3:before { content: "\ece0"; } .icon-star-half:before { content: "\ece1"; } .icon-star-full2:before { content: "\ece2"; } .icon-star:before { content: "\ece3"; } .icon-heart:before { content: "\ece4"; } .icon-heart2:before { content: "\ece5"; } .icon-heart3:before { content: "\ece6"; } .icon-heart4:before { content: "\ece7"; } .icon-heart-broken:before { content: "\ece8"; } .icon-heart5:before { content: "\ece9"; } .icon-heart6:before { content: "\ecea"; } .icon-heart-broken2:before { content: "\eceb"; } .icon-heart7:before { content: "\ecec"; } .icon-heart8:before { content: "\eced"; } .icon-heart-broken3:before { content: "\ecee"; } .icon-lips:before { content: "\ecef"; } .icon-lips2:before { content: "\ecf0"; } .icon-thumbs-up:before { content: "\ecf1"; } .icon-thumbs-up2:before { content: "\ecf2"; } .icon-thumbs-down:before { content: "\ecf3"; } .icon-thumbs-down2:before { content: "\ecf4"; } .icon-thumbs-up3:before { content: "\ecf5"; } .icon-thumbs-down3:before { content: "\ecf6"; } .icon-height:before { content: "\ecf7"; } .icon-man:before { content: "\ecf8"; } .icon-woman:before { content: "\ecf9"; } .icon-man-woman:before { content: "\ecfa"; } .icon-male:before { content: "\ecfb"; } .icon-female:before { content: "\ecfc"; } .icon-peace:before { content: "\ecfd"; } .icon-yin-yang:before { content: "\ecfe"; } .icon-happy:before { content: "\ecff"; } .icon-happy2:before { content: "\ed00"; } .icon-smile:before { content: "\ed01"; } .icon-smile2:before { content: "\ed02"; } .icon-tongue:before { content: "\ed03"; } .icon-tongue2:before { content: "\ed04"; } .icon-sad:before { content: "\ed05"; } .icon-sad2:before { content: "\ed06"; } .icon-wink:before { content: "\ed07"; } .icon-wink2:before { content: "\ed08"; } .icon-grin:before { content: "\ed09"; } .icon-grin2:before { content: "\ed0a"; } .icon-cool:before { content: "\ed0b"; } .icon-cool2:before { content: "\ed0c"; } .icon-angry:before { content: "\ed0d"; } .icon-angry2:before { content: "\ed0e"; } .icon-evil:before { content: "\ed0f"; } .icon-evil2:before { content: "\ed10"; } .icon-shocked:before { content: "\ed11"; } .icon-shocked2:before { content: "\ed12"; } .icon-baffled:before { content: "\ed13"; } .icon-baffled2:before { content: "\ed14"; } .icon-confused:before { content: "\ed15"; } .icon-confused2:before { content: "\ed16"; } .icon-neutral:before { content: "\ed17"; } .icon-neutral2:before { content: "\ed18"; } .icon-hipster:before { content: "\ed19"; } .icon-hipster2:before { content: "\ed1a"; } .icon-wondering:before { content: "\ed1b"; } .icon-wondering2:before { content: "\ed1c"; } .icon-sleepy:before { content: "\ed1d"; } .icon-sleepy2:before { content: "\ed1e"; } .icon-frustrated:before { content: "\ed1f"; } .icon-frustrated2:before { content: "\ed20"; } .icon-crying:before { content: "\ed21"; } .icon-crying2:before { content: "\ed22"; } .icon-cursor:before { content: "\ed23"; } .icon-cursor2:before { content: "\ed24"; } .icon-lasso:before { content: "\ed25"; } .icon-lasso2:before { content: "\ed26"; } .icon-select:before { content: "\ed27"; } .icon-select2:before { content: "\ed28"; } .icon-point-up:before { content: "\ed29"; } .icon-point-right:before { content: "\ed2a"; } .icon-point-down:before { content: "\ed2b"; } .icon-point-left:before { content: "\ed2c"; } .icon-pointer:before { content: "\ed2d"; } .icon-reminder:before { content: "\ed2e"; } .icon-drag-left-right:before { content: "\ed2f"; } .icon-drag-left:before { content: "\ed30"; } .icon-drag-right:before { content: "\ed31"; } .icon-touch:before { content: "\ed32"; } .icon-multitouch:before { content: "\ed33"; } .icon-touch-zoom:before { content: "\ed34"; } .icon-touch-pinch:before { content: "\ed35"; } .icon-hand:before { content: "\ed36"; } .icon-grab:before { content: "\ed37"; } .icon-stack-empty:before { content: "\ed38"; } .icon-stack-plus:before { content: "\ed39"; } .icon-stack-minus:before { content: "\ed3a"; } .icon-stack-star:before { content: "\ed3b"; } .icon-stack-picture:before { content: "\ed3c"; } .icon-stack-down:before { content: "\ed3d"; } .icon-stack-up:before { content: "\ed3e"; } .icon-stack-cancel:before { content: "\ed3f"; } .icon-stack-check:before { content: "\ed40"; } .icon-stack-text:before { content: "\ed41"; } .icon-stack-clubs:before { content: "\ed42"; } .icon-stack-spades:before { content: "\ed43"; } .icon-stack-hearts:before { content: "\ed44"; } .icon-stack-diamonds:before { content: "\ed45"; } .icon-stack-user:before { content: "\ed46"; } .icon-stack4:before { content: "\ed47"; } .icon-stack-music:before { content: "\ed48"; } .icon-stack-play:before { content: "\ed49"; } .icon-move:before { content: "\ed4a"; } .icon-dots:before { content: "\ed4b"; } .icon-warning:before { content: "\ed4c"; } .icon-warning2:before { content: "\ed4d"; } .icon-notification:before { content: "\ed4e"; } .icon-notification2:before { content: "\ed4f"; } .icon-question:before { content: "\ed50"; } .icon-question2:before { content: "\ed51"; } .icon-question3:before { content: "\ed52"; } .icon-question4:before { content: "\ed53"; } .icon-question5:before { content: "\ed54"; } .icon-question6:before { content: "\ed55"; } .icon-plus:before { content: "\ed56"; } .icon-minus:before { content: "\ed57"; } .icon-plus2:before { content: "\ed58"; } .icon-minus2:before { content: "\ed59"; } .icon-plus3:before { content: "\ed5a"; } .icon-minus3:before { content: "\ed5b"; } .icon-plus-circle:before { content: "\ed5c"; } .icon-minus-circle:before { content: "\ed5d"; } .icon-plus-circle2:before { content: "\ed5e"; } .icon-minus-circle2:before { content: "\ed5f"; } .icon-info:before { content: "\ed60"; } .icon-info2:before { content: "\ed61"; } .icon-cancel-circle:before { content: "\ed62"; } .icon-cancel-circle2:before { content: "\ed63"; } .icon-blocked:before { content: "\ed64"; } .icon-cancel-square:before { content: "\ed65"; } .icon-cancel-square2:before { content: "\ed66"; } .icon-cancel:before { content: "\ed67"; } .icon-spam:before { content: "\ed68"; } .icon-cross:before { content: "\ed69"; } .icon-cross2:before { content: "\ed6a"; } .icon-cross3:before { content: "\ed6b"; } .icon-checkmark:before { content: "\ed6c"; } .icon-checkmark2:before { content: "\ed6d"; } .icon-checkmark3:before { content: "\ed6e"; } .icon-checkmark4:before { content: "\ed6f"; } .icon-checkmark5:before { content: "\ed70"; } .icon-spell-check:before { content: "\ed71"; } .icon-spell-check2:before { content: "\ed72"; } .icon-enter:before { content: "\ed73"; } .icon-exit:before { content: "\ed74"; } .icon-enter2:before { content: "\ed75"; } .icon-exit2:before { content: "\ed76"; } .icon-enter3:before { content: "\ed77"; } .icon-exit3:before { content: "\ed78"; } .icon-wall:before { content: "\ed79"; } .icon-fence:before { content: "\ed7a"; } .icon-play3:before { content: "\ed7b"; } .icon-pause:before { content: "\ed7c"; } .icon-stop:before { content: "\ed7d"; } .icon-previous:before { content: "\ed7e"; } .icon-next:before { content: "\ed7f"; } .icon-backward:before { content: "\ed80"; } .icon-forward2:before { content: "\ed81"; } .icon-play4:before { content: "\ed82"; } .icon-pause2:before { content: "\ed83"; } .icon-stop2:before { content: "\ed84"; } .icon-backward2:before { content: "\ed85"; } .icon-forward3:before { content: "\ed86"; } .icon-first:before { content: "\ed87"; } .icon-last:before { content: "\ed88"; } .icon-previous2:before { content: "\ed89"; } .icon-next2:before { content: "\ed8a"; } .icon-eject:before { content: "\ed8b"; } .icon-volume-high:before { content: "\ed8c"; } .icon-volume-medium:before { content: "\ed8d"; } .icon-volume-low:before { content: "\ed8e"; } .icon-volume-mute:before { content: "\ed8f"; } .icon-speaker-left:before { content: "\ed90"; } .icon-speaker-right:before { content: "\ed91"; } .icon-volume-mute2:before { content: "\ed92"; } .icon-volume-increase:before { content: "\ed93"; } .icon-volume-decrease:before { content: "\ed94"; } .icon-volume-high2:before { content: "\ed95"; } .icon-volume-medium2:before { content: "\ed96"; } .icon-volume-medium3:before { content: "\ed97"; } .icon-volume-low2:before { content: "\ed98"; } .icon-volume-mute3:before { content: "\ed99"; } .icon-volume-increase2:before { content: "\ed9a"; } .icon-volume-decrease2:before { content: "\ed9b"; } .icon-volume-decrease3:before { content: "\ed9c"; } .icon-volume-5:before { content: "\ed9d"; } .icon-volume-4:before { content: "\ed9e"; } .icon-volume-3:before { content: "\ed9f"; } .icon-volume-2:before { content: "\eda0"; } .icon-volume-1:before { content: "\eda1"; } .icon-volume-0:before { content: "\eda2"; } .icon-volume-mute4:before { content: "\eda3"; } .icon-volume-mute5:before { content: "\eda4"; } .icon-loop:before { content: "\eda5"; } .icon-loop2:before { content: "\eda6"; } .icon-loop3:before { content: "\eda7"; } .icon-infinite-square:before { content: "\eda8"; } .icon-infinite:before { content: "\eda9"; } .icon-infinite2:before { content: "\edaa"; } .icon-loop4:before { content: "\edab"; } .icon-shuffle:before { content: "\edac"; } .icon-shuffle2:before { content: "\edad"; } .icon-wave:before { content: "\edae"; } .icon-wave2:before { content: "\edaf"; } .icon-split:before { content: "\edb0"; } .icon-merge:before { content: "\edb1"; } .icon-first2:before { content: "\edb2"; } .icon-last2:before { content: "\edb3"; } .icon-arrow-up:before { content: "\edb4"; } .icon-arrow-up2:before { content: "\edb5"; } .icon-arrow-up3:before { content: "\edb6"; } .icon-arrow-up4:before { content: "\edb7"; } .icon-arrow-right:before { content: "\edb8"; } .icon-arrow-right2:before { content: "\edb9"; } .icon-arrow-right3:before { content: "\edba"; } .icon-arrow-right4:before { content: "\edbb"; } .icon-arrow-down:before { content: "\edbc"; } .icon-arrow-down2:before { content: "\edbd"; } .icon-arrow-down3:before { content: "\edbe"; } .icon-arrow-down4:before { content: "\edbf"; } .icon-arrow-left:before { content: "\edc0"; } .icon-arrow-left2:before { content: "\edc1"; } .icon-arrow-left3:before { content: "\edc2"; } .icon-arrow-left4:before { content: "\edc3"; } .icon-arrow-up5:before { content: "\edc4"; } .icon-arrow-right5:before { content: "\edc5"; } .icon-arrow-down5:before { content: "\edc6"; } .icon-arrow-left5:before { content: "\edc7"; } .icon-arrow-up-left:before { content: "\edc8"; } .icon-arrow-up6:before { content: "\edc9"; } .icon-arrow-up-right:before { content: "\edca"; } .icon-arrow-right6:before { content: "\edcb"; } .icon-arrow-down-right:before { content: "\edcc"; } .icon-arrow-down6:before { content: "\edcd"; } .icon-arrow-down-left:before { content: "\edce"; } .icon-arrow-left6:before { content: "\edcf"; } .icon-arrow-up-left2:before { content: "\edd0"; } .icon-arrow-up7:before { content: "\edd1"; } .icon-arrow-up-right2:before { content: "\edd2"; } .icon-arrow-right7:before { content: "\edd3"; } .icon-arrow-down-right2:before { content: "\edd4"; } .icon-arrow-down7:before { content: "\edd5"; } .icon-arrow-down-left2:before { content: "\edd6"; } .icon-arrow-left7:before { content: "\edd7"; } .icon-arrow-up-left3:before { content: "\edd8"; } .icon-arrow-up8:before { content: "\edd9"; } .icon-arrow-up-right3:before { content: "\edda"; } .icon-arrow-right8:before { content: "\eddb"; } .icon-arrow-down-right3:before { content: "\eddc"; } .icon-arrow-down8:before { content: "\eddd"; } .icon-arrow-down-left3:before { content: "\edde"; } .icon-arrow-left8:before { content: "\eddf"; } .icon-circle-up:before { content: "\ede0"; } .icon-circle-right:before { content: "\ede1"; } .icon-circle-down:before { content: "\ede2"; } .icon-circle-left:before { content: "\ede3"; } .icon-circle-up2:before { content: "\ede4"; } .icon-circle-right2:before { content: "\ede5"; } .icon-circle-down2:before { content: "\ede6"; } .icon-circle-left2:before { content: "\ede7"; } .icon-circle-up-left:before { content: "\ede8"; } .icon-circle-up3:before { content: "\ede9"; } .icon-circle-up-right:before { content: "\edea"; } .icon-circle-right3:before { content: "\edeb"; } .icon-circle-down-right:before { content: "\edec"; } .icon-circle-down3:before { content: "\eded"; } .icon-circle-down-left:before { content: "\edee"; } .icon-circle-left3:before { content: "\edef"; } .icon-circle-up-left2:before { content: "\edf0"; } .icon-circle-up4:before { content: "\edf1"; } .icon-circle-up-right2:before { content: "\edf2"; } .icon-circle-right4:before { content: "\edf3"; } .icon-circle-down-right2:before { content: "\edf4"; } .icon-circle-down4:before { content: "\edf5"; } .icon-circle-down-left2:before { content: "\edf6"; } .icon-circle-left4:before { content: "\edf7"; } .icon-arrow-resize:before { content: "\edf8"; } .icon-arrow-resize2:before { content: "\edf9"; } .icon-arrow-resize3:before { content: "\edfa"; } .icon-arrow-resize4:before { content: "\edfb"; } .icon-arrow-resize5:before { content: "\edfc"; } .icon-arrow-resize6:before { content: "\edfd"; } .icon-arrow-resize7:before { content: "\edfe"; } .icon-arrow-resize8:before { content: "\edff"; } .icon-square-up-left:before { content: "\ee00"; } .icon-square-up:before { content: "\ee01"; } .icon-square-up-right:before { content: "\ee02"; } .icon-square-right:before { content: "\ee03"; } .icon-square-down-right:before { content: "\ee04"; } .icon-square-down:before { content: "\ee05"; } .icon-square-down-left:before { content: "\ee06"; } .icon-square-left:before { content: "\ee07"; } .icon-arrow-up9:before { content: "\ee08"; } .icon-arrow-right9:before { content: "\ee09"; } .icon-arrow-down9:before { content: "\ee0a"; } .icon-arrow-left9:before { content: "\ee0b"; } .icon-arrow-up10:before { content: "\ee0c"; } .icon-arrow-right10:before { content: "\ee0d"; } .icon-arrow-down10:before { content: "\ee0e"; } .icon-arrow-left10:before { content: "\ee0f"; } .icon-arrow-up-left4:before { content: "\ee10"; } .icon-arrow-up11:before { content: "\ee11"; } .icon-arrow-up-right4:before { content: "\ee12"; } .icon-arrow-right11:before { content: "\ee13"; } .icon-arrow-down-right4:before { content: "\ee14"; } .icon-arrow-down11:before { content: "\ee15"; } .icon-arrow-down-left4:before { content: "\ee16"; } .icon-arrow-left11:before { content: "\ee17"; } .icon-arrow-up-left5:before { content: "\ee18"; } .icon-arrow-up12:before { content: "\ee19"; } .icon-arrow-up-right5:before { content: "\ee1a"; } .icon-arrow-right12:before { content: "\ee1b"; } .icon-arrow-down-right5:before { content: "\ee1c"; } .icon-arrow-down12:before { content: "\ee1d"; } .icon-arrow-down-left5:before { content: "\ee1e"; } .icon-arrow-left12:before { content: "\ee1f"; } .icon-arrow-up13:before { content: "\ee20"; } .icon-arrow-right13:before { content: "\ee21"; } .icon-arrow-down13:before { content: "\ee22"; } .icon-arrow-left13:before { content: "\ee23"; } .icon-arrow-up14:before { content: "\ee24"; } .icon-arrow-right14:before { content: "\ee25"; } .icon-arrow-down14:before { content: "\ee26"; } .icon-arrow-left14:before { content: "\ee27"; } .icon-circle-up5:before { content: "\ee28"; } .icon-circle-right5:before { content: "\ee29"; } .icon-circle-down5:before { content: "\ee2a"; } .icon-circle-left5:before { content: "\ee2b"; } .icon-circle-up6:before { content: "\ee2c"; } .icon-circle-right6:before { content: "\ee2d"; } .icon-circle-down6:before { content: "\ee2e"; } .icon-circle-left6:before { content: "\ee2f"; } .icon-arrow-up15:before { content: "\ee30"; } .icon-arrow-right15:before { content: "\ee31"; } .icon-arrow-down15:before { content: "\ee32"; } .icon-arrow-left15:before { content: "\ee33"; } .icon-arrow-up16:before { content: "\ee34"; } .icon-arrow-right16:before { content: "\ee35"; } .icon-arrow-down16:before { content: "\ee36"; } .icon-arrow-left16:before { content: "\ee37"; } .icon-menu-open:before { content: "\ee38"; } .icon-menu-open2:before { content: "\ee39"; } .icon-menu-close:before { content: "\ee3a"; } .icon-menu-close2:before { content: "\ee3b"; } .icon-enter4:before { content: "\ee3c"; } .icon-enter5:before { content: "\ee3d"; } .icon-esc:before { content: "\ee3e"; } .icon-enter6:before { content: "\ee3f"; } .icon-backspace:before { content: "\ee40"; } .icon-backspace2:before { content: "\ee41"; } .icon-tab:before { content: "\ee42"; } .icon-transmission:before { content: "\ee43"; } .icon-transmission2:before { content: "\ee44"; } .icon-sort:before { content: "\ee45"; } .icon-sort2:before { content: "\ee46"; } .icon-move-up:before { content: "\ee47"; } .icon-move-down:before { content: "\ee48"; } .icon-sort-alpha-asc:before { content: "\ee49"; } .icon-sort-alpha-desc:before { content: "\ee4a"; } .icon-sort-numeric-asc:before { content: "\ee4b"; } .icon-sort-numberic-desc:before { content: "\ee4c"; } .icon-sort-amount-asc:before { content: "\ee4d"; } .icon-sort-amount-desc:before { content: "\ee4e"; } .icon-sort-time-asc:before { content: "\ee4f"; } .icon-sort-time-desc:before { content: "\ee50"; } .icon-battery-6:before { content: "\ee51"; } .icon-battery-5:before { content: "\ee52"; } .icon-battery-4:before { content: "\ee53"; } .icon-battery-3:before { content: "\ee54"; } .icon-battery-2:before { content: "\ee55"; } .icon-battery-1:before { content: "\ee56"; } .icon-battery-0:before { content: "\ee57"; } .icon-battery-charging:before { content: "\ee58"; } .icon-key-keyboard:before { content: "\ee59"; } .icon-key-A:before { content: "\ee5a"; } .icon-key-up:before { content: "\ee5b"; } .icon-key-right:before { content: "\ee5c"; } .icon-key-down:before { content: "\ee5d"; } .icon-key-left:before { content: "\ee5e"; } .icon-command:before { content: "\ee5f"; } .icon-shift:before { content: "\ee60"; } .icon-ctrl:before { content: "\ee61"; } .icon-opt:before { content: "\ee62"; } .icon-checkbox-checked:before { content: "\ee63"; } .icon-checkbox-unchecked:before { content: "\ee64"; } .icon-checkbox-partial:before { content: "\ee65"; } .icon-square:before { content: "\ee66"; } .icon-triangle:before { content: "\ee67"; } .icon-triangle2:before { content: "\ee68"; } .icon-diamond3:before { content: "\ee69"; } .icon-diamond4:before { content: "\ee6a"; } .icon-checkbox-checked2:before { content: "\ee6b"; } .icon-checkbox-unchecked2:before { content: "\ee6c"; } .icon-checkbox-partial2:before { content: "\ee6d"; } .icon-radio-checked:before { content: "\ee6e"; } .icon-radio-checked2:before { content: "\ee6f"; } .icon-radio-unchecked:before { content: "\ee70"; } .icon-toggle-on:before { content: "\ee71"; } .icon-toggle-off:before { content: "\ee72"; } .icon-checkmark-circle:before { content: "\ee73"; } .icon-circle:before { content: "\ee74"; } .icon-circle2:before { content: "\ee75"; } .icon-circles:before { content: "\ee76"; } .icon-circles2:before { content: "\ee77"; } .icon-crop:before { content: "\ee78"; } .icon-crop2:before { content: "\ee79"; } .icon-make-group:before { content: "\ee7a"; } .icon-ungroup:before { content: "\ee7b"; } .icon-vector:before { content: "\ee7c"; } .icon-vector2:before { content: "\ee7d"; } .icon-rulers:before { content: "\ee7e"; } .icon-ruler:before { content: "\ee7f"; } .icon-pencil-ruler:before { content: "\ee80"; } .icon-scissors:before { content: "\ee81"; } .icon-scissors2:before { content: "\ee82"; } .icon-scissors3:before { content: "\ee83"; } .icon-haircut:before { content: "\ee84"; } .icon-comb:before { content: "\ee85"; } .icon-filter:before { content: "\ee86"; } .icon-filter2:before { content: "\ee87"; } .icon-filter3:before { content: "\ee88"; } .icon-filter4:before { content: "\ee89"; } .icon-font:before { content: "\ee8a"; } .icon-ampersand:before { content: "\ee8b"; } .icon-ligature:before { content: "\ee8c"; } .icon-ligature2:before { content: "\ee8d"; } .icon-font-size:before { content: "\ee8e"; } .icon-typography:before { content: "\ee8f"; } .icon-text-height:before { content: "\ee90"; } .icon-text-width:before { content: "\ee91"; } .icon-height2:before { content: "\ee92"; } .icon-width:before { content: "\ee93"; } .icon-bold:before { content: "\ee94"; } .icon-underline:before { content: "\ee95"; } .icon-italic:before { content: "\ee96"; } .icon-strikethrough:before { content: "\ee97"; } .icon-strikethrough2:before { content: "\ee98"; } .icon-font-size2:before { content: "\ee99"; } .icon-bold2:before { content: "\ee9a"; } .icon-underline2:before { content: "\ee9b"; } .icon-italic2:before { content: "\ee9c"; } .icon-strikethrough3:before { content: "\ee9d"; } .icon-omega:before { content: "\ee9e"; } .icon-sigma:before { content: "\ee9f"; } .icon-nbsp:before { content: "\eea0"; } .icon-page-break:before { content: "\eea1"; } .icon-page-break2:before { content: "\eea2"; } .icon-superscript:before { content: "\eea3"; } .icon-subscript:before { content: "\eea4"; } .icon-superscript2:before { content: "\eea5"; } .icon-subscript2:before { content: "\eea6"; } .icon-text-color:before { content: "\eea7"; } .icon-highlight:before { content: "\eea8"; } .icon-pagebreak:before { content: "\eea9"; } .icon-clear-formatting:before { content: "\eeaa"; } .icon-table:before { content: "\eeab"; } .icon-table2:before { content: "\eeac"; } .icon-insert-template:before { content: "\eead"; } .icon-pilcrow:before { content: "\eeae"; } .icon-ltr:before { content: "\eeaf"; } .icon-rtl:before { content: "\eeb0"; } .icon-ltr2:before { content: "\eeb1"; } .icon-rtl2:before { content: "\eeb2"; } .icon-section:before { content: "\eeb3"; } .icon-paragraph-left:before { content: "\eeb4"; } .icon-paragraph-center:before { content: "\eeb5"; } .icon-paragraph-right:before { content: "\eeb6"; } .icon-paragraph-justify:before { content: "\eeb7"; } .icon-paragraph-left2:before { content: "\eeb8"; } .icon-paragraph-center2:before { content: "\eeb9"; } .icon-paragraph-right2:before { content: "\eeba"; } .icon-paragraph-justify2:before { content: "\eebb"; } .icon-indent-increase:before { content: "\eebc"; } .icon-indent-decrease:before { content: "\eebd"; } .icon-paragraph-left3:before { content: "\eebe"; } .icon-paragraph-center3:before { content: "\eebf"; } .icon-paragraph-right3:before { content: "\eec0"; } .icon-paragraph-justify3:before { content: "\eec1"; } .icon-indent-increase2:before { content: "\eec2"; } .icon-indent-decrease2:before { content: "\eec3"; } .icon-share:before { content: "\eec4"; } .icon-share2:before { content: "\eec5"; } .icon-new-tab:before { content: "\eec6"; } .icon-new-tab2:before { content: "\eec7"; } .icon-popout:before { content: "\eec8"; } .icon-embed:before { content: "\eec9"; } .icon-embed2:before { content: "\eeca"; } .icon-markup:before { content: "\eecb"; } .icon-regexp:before { content: "\eecc"; } .icon-regexp2:before { content: "\eecd"; } .icon-code:before { content: "\eece"; } .icon-circle-css:before { content: "\eecf"; } .icon-circle-code:before { content: "\eed0"; } .icon-terminal:before { content: "\eed1"; } .icon-unicode:before { content: "\eed2"; } .icon-seven-segment-0:before { content: "\eed3"; } .icon-seven-segment-1:before { content: "\eed4"; } .icon-seven-segment-2:before { content: "\eed5"; } .icon-seven-segment-3:before { content: "\eed6"; } .icon-seven-segment-4:before { content: "\eed7"; } .icon-seven-segment-5:before { content: "\eed8"; } .icon-seven-segment-6:before { content: "\eed9"; } .icon-seven-segment-7:before { content: "\eeda"; } .icon-seven-segment-8:before { content: "\eedb"; } .icon-seven-segment-9:before { content: "\eedc"; } .icon-share3:before { content: "\eedd"; } .icon-share4:before { content: "\eede"; } .icon-mail:before { content: "\eedf"; } .icon-mail2:before { content: "\eee0"; } .icon-mail3:before { content: "\eee1"; } .icon-mail4:before { content: "\eee2"; } .icon-google:before { content: "\eee3"; } .icon-google-plus:before { content: "\eee4"; } .icon-google-plus2:before { content: "\eee5"; } .icon-google-plus3:before { content: "\eee6"; } .icon-google-drive:before { content: "\eee7"; } .icon-facebook:before { content: "\eee8"; } .icon-facebook2:before { content: "\eee9"; } .icon-facebook3:before { content: "\eeea"; } .icon-ello:before { content: "\eeeb"; } .icon-instagram:before { content: "\eeec"; } .icon-twitter:before { content: "\eeed"; } .icon-twitter2:before { content: "\eeee"; } .icon-twitter3:before { content: "\eeef"; } .icon-feed2:before { content: "\eef0"; } .icon-feed3:before { content: "\eef1"; } .icon-feed4:before { content: "\eef2"; } .icon-youtube:before { content: "\eef3"; } .icon-youtube2:before { content: "\eef4"; } .icon-youtube3:before { content: "\eef5"; } .icon-youtube4:before { content: "\eef6"; } .icon-twitch:before { content: "\eef7"; } .icon-vimeo:before { content: "\eef8"; } .icon-vimeo2:before { content: "\eef9"; } .icon-vimeo3:before { content: "\eefa"; } .icon-lanyrd:before { content: "\eefb"; } .icon-flickr:before { content: "\eefc"; } .icon-flickr2:before { content: "\eefd"; } .icon-flickr3:before { content: "\eefe"; } .icon-flickr4:before { content: "\eeff"; } .icon-picassa:before { content: "\ef00"; } .icon-picassa2:before { content: "\ef01"; } .icon-dribbble:before { content: "\ef02"; } .icon-dribbble2:before { content: "\ef03"; } .icon-dribbble3:before { content: "\ef04"; } .icon-forrst:before { content: "\ef05"; } .icon-forrst2:before { content: "\ef06"; } .icon-deviantart:before { content: "\ef07"; } .icon-deviantart2:before { content: "\ef08"; } .icon-steam:before { content: "\ef09"; } .icon-steam2:before { content: "\ef0a"; } .icon-dropbox:before { content: "\ef0b"; } .icon-onedrive:before { content: "\ef0c"; } .icon-github:before { content: "\ef0d"; } .icon-github2:before { content: "\ef0e"; } .icon-github3:before { content: "\ef0f"; } .icon-github4:before { content: "\ef10"; } .icon-github5:before { content: "\ef11"; } .icon-wordpress:before { content: "\ef12"; } .icon-wordpress2:before { content: "\ef13"; } .icon-joomla:before { content: "\ef14"; } .icon-blogger:before { content: "\ef15"; } .icon-blogger2:before { content: "\ef16"; } .icon-tumblr:before { content: "\ef17"; } .icon-tumblr2:before { content: "\ef18"; } .icon-yahoo:before { content: "\ef19"; } .icon-tux:before { content: "\ef1a"; } .icon-apple2:before { content: "\ef1b"; } .icon-finder:before { content: "\ef1c"; } .icon-android:before { content: "\ef1d"; } .icon-windows:before { content: "\ef1e"; } .icon-windows8:before { content: "\ef1f"; } .icon-soundcloud:before { content: "\ef20"; } .icon-soundcloud2:before { content: "\ef21"; } .icon-skype:before { content: "\ef22"; } .icon-reddit:before { content: "\ef23"; } .icon-linkedin:before { content: "\ef24"; } .icon-linkedin2:before { content: "\ef25"; } .icon-lastfm:before { content: "\ef26"; } .icon-lastfm2:before { content: "\ef27"; } .icon-delicious:before { content: "\ef28"; } .icon-stumbleupon:before { content: "\ef29"; } .icon-stumbleupon2:before { content: "\ef2a"; } .icon-stackoverflow:before { content: "\ef2b"; } .icon-pinterest:before { content: "\ef2c"; } .icon-pinterest2:before { content: "\ef2d"; } .icon-xing:before { content: "\ef2e"; } .icon-xing2:before { content: "\ef2f"; } .icon-flattr:before { content: "\ef30"; } .icon-foursquare:before { content: "\ef31"; } .icon-paypal:before { content: "\ef32"; } .icon-paypal2:before { content: "\ef33"; } .icon-paypal3:before { content: "\ef34"; } .icon-yelp:before { content: "\ef35"; } .icon-file-pdf:before { content: "\ef36"; } .icon-file-openoffice:before { content: "\ef37"; } .icon-file-word:before { content: "\ef38"; } .icon-file-excel:before { content: "\ef39"; } .icon-libreoffice:before { content: "\ef3a"; } .icon-html5:before { content: "\ef3b"; } .icon-html52:before { content: "\ef3c"; } .icon-css3:before { content: "\ef3d"; } .icon-git:before { content: "\ef3e"; } .icon-svg:before { content: "\ef3f"; } .icon-codepen:before { content: "\ef40"; } .icon-chrome:before { content: "\ef41"; } .icon-firefox:before { content: "\ef42"; } .icon-IE:before { content: "\ef43"; } .icon-opera:before { content: "\ef44"; } .icon-safari:before { content: "\ef45"; } .icon-IcoMoon:before { content: "\ef46"; } body { font: 14px "Lato-Regular", Arial, Helvetica, sans-serif; } body.admin { font-family: "muli", sans-serif; } a, a:link, a:visited { color: #777; text-decoration: none; } a:hover { color: #00b6f0; } p.default { margin: 0 0 0.75em 0; } p.error { color: #e33935; } p.success { color: #5dbb5c; } p.info { color: #43aacc; } small { font-size: 75%; } .message.error, .errorMessage.error, .message.warning, .errorMessage.warning, .message.success, .errorMessage.success { display: block; padding: 8px 13px; margin: 0 0 10px 0; color: #fff; -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9); box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.9); } .message.error, .errorMessage.error { border: 1px solid #e33935; background-color: #e96562; } .message.warning, .errorMessage.warning { border: 1px solid #fe6e12; color: #8a6d3b; background-color: #fe8d45; } .message.success, .errorMessage.success { border: 1px solid #5dbb5c; background-color: #81ca80; } .inlineblock { display: inline-block; } .action { margin: 0 auto; width: 960px; } .dummy { display: none !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .pull-right { float: right; } .wvBaseContainer { min-height: 100vh; background: #f9f9f9; } .wvBaseContainer.login { position: relative; } .wvBaseContainer.login .site-info { display: block; margin: 0 auto 20px; } .wvBaseContainer.login .site-info .logo { display: block; background-image: url('../favicon/favicon-192x192.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 0 auto; width: 35px; height: 35px; } .wvBaseContainer.login .site-info .title { display: block; font-size: 20px; font-size: 1.25rem; line-height: 60px; text-align: center; } .wvBaseContainer .content { width: 100%; margin: 0 auto; } .wvBaseContainer .content .login-block { border-top: 5px solid #00b6f0; background-color: #fff; -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.01); -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.01); box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.01); } .wvBaseContainer .content .login-block .inner-block { width: 90%; display: block; margin: 0 auto; padding: 15px 0; } .wvBaseContainer .content .password-text { display: block; margin-bottom: 20px; } .wvBaseContainer .content hr { background: none; border-top: 1px solid #f1f1f1; border-bottom: 0; margin-bottom: 10px; } .wvBaseContainer .content input[type=email], .wvBaseContainer .content input[type=text], .wvBaseContainer .content input[type=password] { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 0 10px 0; color: #656565; padding: 8px 15px; background-color: #fff; border: 1px solid #d8d5d2; display: block; width: 100%; } .wvBaseContainer .content input[type=email].error, .wvBaseContainer .content input[type=text].error, .wvBaseContainer .content input[type=password].error { border-color: #e96562; } .wvBaseContainer .content input[type=email]:disabled, .wvBaseContainer .content input[type=text]:disabled, .wvBaseContainer .content input[type=password]:disabled { background-color: #fefafd; cursor: not-allowed; } .wvBaseContainer .content input[type=email]:focus, .wvBaseContainer .content input[type=text]:focus, .wvBaseContainer .content input[type=password]:focus { border-color: #00b6f0; outline: none; } .wvBaseContainer .content input[type=email]:-webkit-autofill, .wvBaseContainer .content input[type=text]:-webkit-autofill, .wvBaseContainer .content input[type=password]:-webkit-autofill { -webkit-text-fill-color: #656565 !important; background-color: #fff !important; transition: background-color 500000000s ease-in-out 0s; } .wvBaseContainer .content input[type=email]:-webkit-autofill:hover, .wvBaseContainer .content input[type=text]:-webkit-autofill:hover, .wvBaseContainer .content input[type=password]:-webkit-autofill:hover, .wvBaseContainer .content input[type=email]:-webkit-autofill:focus, .wvBaseContainer .content input[type=text]:-webkit-autofill:focus, .wvBaseContainer .content input[type=password]:-webkit-autofill:focus, .wvBaseContainer .content input[type=email]:-webkit-autofill:active, .wvBaseContainer .content input[type=text]:-webkit-autofill:active, .wvBaseContainer .content input[type=password]:-webkit-autofill:active { background-color: #fff !important; transition: background-color 500000000s ease-in-out 0s; } .wvBaseContainer .content .inputs { margin: auto; } .wvBaseContainer .content .forgotPass { margin: 12px 0; font-size: 14px; font-size: 0.875rem; color: #656565; float: right; } @media only screen and (min-width: 768px) { .wvBaseContainer .content { width: 100%; position: absolute; top: 25%; } .wvBaseContainer .content .login-block { border-top: 0; } .wvBaseContainer .content .login-block .inner-block { width: 30%; padding: 50px 0; } .wvBaseContainer.register .content { top: 20%; } } .rememberme { margin: 15px 0; color: #656565; font-size: 14px; background: #f9f9f9; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .rememberme .toggle { cursor: pointer; display: block; } .rememberme input[type="checkbox"] { display: none; } .rememberme input[type="checkbox"]:checked + .slide-toggle { background-color: #4dde5e; } .rememberme input[type="checkbox"]:checked + .slide-toggle::before { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .rememberme input[type="checkbox"]:checked + .slide-toggle::after { -webkit-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } .rememberme .slide-toggle { display: inline-block; position: relative; flex: none; width: 40px; height: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-color: #d7d2cb; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 1; margin: 10px; } .rememberme .slide-toggle::before, .rememberme .slide-toggle::after { content: ' '; display: block; position: absolute; top: 1px; height: 18px; background-color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 0.2s cubic-bezier(0, 1.1, 1, 1.1); -moz-transition: 0.2s cubic-bezier(0, 1.1, 1, 1.1); -ms-transition: 0.2s cubic-bezier(0, 1.1, 1, 1.1); transition: 0.2s cubic-bezier(0, 1.1, 1, 1.1); } .rememberme .slide-toggle::before { z-index: -1; width: 28px; right: 1px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .rememberme .slide-toggle::after { z-index: 1; width: 18px; left: 1px; -webkit-box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25); } .rememberme p { line-height: 41px; display: inline-block; } .submitBtn.login, .submitBtn.register { cursor: pointer; margin: 7px auto; border: 1px solid #00b6f0; background-color: #fff; border-radius: 3px; text-align: center; font-size: 18px; padding: 10px; color: #656565; } .registerBtn { margin-top: 21px; display: block; } .registerLinkText { display: inline-block; font-size: 14px; color: #656565; } .arrowBtn .register { color: #2d61f6; display: inline-block; font-size: 14px; margin-left: 5px; } .arrowBtn .login { font-size: 14px; margin-top: 32px; display: block; } .inputOptions { border-radius: 3px; position: absolute; background-color: #fff; z-index: 2; width: 100%; text-align: center; border: 1px solid #c1e7ec; font-size: 16px; } .inputOptions .option { padding: 10px; cursor: pointer; } .adminHeaderLink { position: absolute; right: 200px; top: 7px; z-index: 1; white-space: nowrap; } .adminMLLink { position: absolute; right: 340px; top: 7px; z-index: 1; white-space: nowrap; } .userName { line-height: 65px; padding-right: 34px; } .headerContainer { height: 65px; background-color: #fff; position: fixed; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); left: 50px; right: 0; z-index: 1000; } .headerContainer .logo { background: url('img/logo.png') no-repeat center center; width: 179px; height: 45px; background-size: contain; display: inline-block; margin: 8px 0 0 15px; } .headerRight { position: absolute; right: 0; top: 0; } .editMLTag { display: inline-block; width: 16px; height: 16px; cursor: pointer; position: relative; z-index: 100; opacity: 1; } .editMLTag img { padding: 0 !important; } @-webkit-keyframes rotate-animated { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes rotate-animated { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-ms-keyframes rotate-animated { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes rotate-animated { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-animated { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes bounce { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 45% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 60% { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 90% { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes bounce { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 45% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 60% { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 90% { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-ms-keyframes bounce { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 45% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 60% { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 90% { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes bounce { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 45% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 60% { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 90% { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounce { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 45% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 60% { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 90% { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } body.admin { background: #eaeaea; font-family: "muli", sans-serif; overflow-y: scroll; /* Mobile only */ /* Tablet only */ /* Desktop only */ /* Sidebar */ /* Overlay */ /* Messages */ /* Icons */ /* Caret */ /* Page container & exceptions */ /* Out */ /* Search */ /* Date */ /* Users */ /* Header */ /* Page block */ /* Forms */ /* Class list */ /* Tables */ /* List group */ } body.admin .searchresults { font-size: 14px; } body.admin img { max-width: 100%; } body.admin img.dd-option-image { max-width: 40px; margin-right: 10px; } body.admin .dd-options li:first-child { display: none; } body.admin strong, body.admin b { font-family: "muli-bold", sans-serif; font-weight: normal; } body.admin .action { width: 100%; } body.admin .datatbl, body.admin .datatbl th, body.admin .datatbl td { border-collapse: collapse; border: 1px solid #ddd; } body.admin .datatbl th, body.admin .datatbl td { padding: 0px 5px; } body.admin small { font-size: 85%; } body.admin h3 { font-size: 24px; font-size: 1.5rem; margin-bottom: 10px; font-weight: normal; } body.admin h3 small { color: #666; vertical-align: bottom; } body.admin h4 { font-size: 18px; font-size: 1.125rem; font-weight: 400; } body.admin .tAlignR { text-align: right; } body.admin .legend { border: 1px solid black; display: inline-block; padding: 5px; margin-bottom: 20px; margin-right: 20px; } body.admin .legend .row div { display: inline-block; } body.admin .legend .box { display: inline-block; width: 14px; height: 14px; margin-right: 10px; } body.admin .rotate-animated { display: inline-block; -webkit-animation: rotate-animated 1.5s linear infinite 0s; -moz-animation: rotate-animated 1.5s linear infinite 0s; -ms-animation: rotate-animated 1.5s linear infinite 0s; -o-animation: rotate-animated 1.5s linear infinite 0s; animation: rotate-animated 1.5s linear infinite 0s; } body.admin .adminDashboard { margin: auto; width: 100%; font-size: 0; } body.admin .adminDashboard a.dashboardItem { display: block; text-align: center; font-size: 14px; font-size: 0.875rem; color: #333; font-family: "muli", sans-serif; background: #fff; border: 1px solid #dfe4ed; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1); box-shadow: 0 0 3px rgba(0, 0, 0, .1); } body.admin .adminDashboard a.dashboardItem:not(.disabled) { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } body.admin .adminDashboard a.dashboardItem:not(.disabled) .icon { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } body.admin .adminDashboard a.dashboardItem.disabled .inner-item { cursor: move; } body.admin .adminDashboard a.dashboardItem .icon { font-size: 44px; font-size: 2.75rem; padding: 15px 0; display: block; position: relative; top: 0; } body.admin .adminDashboard a.dashboardItem .mover { z-index: 10; position: absolute; top: 0; right: 0; background: #f9f9f9; } body.admin .adminDashboard a.dashboardItem .mover .icon { padding: 0; font-size: 12px; font-size: 0.75rem; } body.admin .adminDashboard a.dashboardItem .title { display: block; padding: 9px 10px; word-break: break-word; } body.admin .adminDashboard a.dashboardItem:not(.disabled):hover { color: #00b6f0; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); } body.admin .adminDashboard a.dashboardItem:not(.disabled):hover .icon { top: 5px; } body.admin .ui-select { position: relative; display: inline-block; margin: 0; width: auto; height: auto; border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } body.admin .ui-select.block { display: block; } body.admin .ui-select select { z-index: 99; display: block; width: 100%; position: relative; padding: 8px 35px 8px 10px; border: none; background: #fff; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin: 0; font-family: "muli", sans-serif; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); } body.admin .ui-select select:disabled { background: #999; cursor: not-allowed; } body.admin .ui-select select[multiple] { height: 125px; } body.admin .ui-select:after { z-index: 99; content: ""; position: absolute; right: 15px; top: 50%; color: #999; width: 0; margin-top: -3px; height: 0; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; pointer-events: none; } body.admin .ui-select.multiple { margin-bottom: 10px; } body.admin .ui-select.multiple:after { display: none; } body.admin .ui-select.disabled:after { color: #999; } body.admin.setup { background-color: #eaeaea; } body.admin.setup div.unlock { width: 85%; margin: 100px auto 0; } body.admin.setup div.unlock, body.admin.setup div.editEntry { background: #fff; position: relative; border: 1px solid #00b6f0; margin-bottom: 0; margin-top: 100px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1); box-shadow: 0 0 3px rgba(0, 0, 0, .1); } body.admin.setup div.unlock form, body.admin.setup div.editEntry form { padding: 15px 20px; } body.admin.setup div.unlock table, body.admin.setup div.editEntry table { margin-bottom: 0; } body.admin.setup div.unlock .form-group label, body.admin.setup div.editEntry .form-group label { padding: 5px 2px; margin-bottom: 0; } body.admin.setup div.unlock .form-group .form-group-information, body.admin.setup div.editEntry .form-group .form-group-information { padding: 3px 2px; } body.admin.setup div.unlock .form-group-inline, body.admin.setup div.editEntry .form-group-inline { margin: 18px 0; min-height: 33px; } body.admin.setup div.unlock .form-group-inline > label, body.admin.setup div.editEntry .form-group-inline > label { padding: 1px 0; } body.admin.setup div.unlock .form-group-inline .form-group-information, body.admin.setup div.editEntry .form-group-inline .form-group-information { width: 20%; padding: 0; } body.admin.setup h1 { background: #00b6f0; border-bottom: 1px solid #ddd; color: #fff; padding: 10px; font-family: "muli-bold", sans-serif; position: relative; margin: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } body.admin a.itemIcon, body.admin .itemIcon { width: 27px; height: 20px; cursor: pointer; display: inline-block; padding: 0px; margin-left: 3px; color: #000; background-image: url('img/itemIconBg.png'); background-color: #fff; background-repeat: no-repeat; border-radius: 3px; } body.admin .itemIcon.info { background-position: -27px -0px; } body.admin .itemIcon.info:hover { background-position: 0 -0px; background-color: #00b6f0; } body.admin .itemIcon.preview { background-position: -27px -20px; } body.admin .itemIcon.preview:hover { background-position: 0 -20px; background-color: #00b6f0; } body.admin .itemIcon.add { background-position: -27px -40px; } body.admin .itemIcon.add:hover { background-position: 0 -40px; background-color: #00b6f0; } body.admin .itemIcon.delete { background-position: -27px -60px; } body.admin .itemIcon.delete:hover { background-position: 0 -60px; background-color: #00b6f0; } body.admin .itemIcon.export { background-position: -27px -80px; } body.admin .itemIcon.export:hover { background-position: 0 -80px; background-color: #00b6f0; } body.admin .itemIcon.download { background-position: -27px -100px; } body.admin .itemIcon.download:hover { background-position: 0 -100px; background-color: #00b6f0; } body.admin .itemIcon.edit { background-position: -27px -120px; } body.admin .itemIcon.edit:hover { background-position: 0 -120px; background-color: #00b6f0; } body.admin .itemIcon.close { background-position: -27px -140px; } body.admin .itemIcon.close:hover { background-position: 0 -140px; background-color: #00b6f0; } body.admin .itemIcon.save { background-position: -27px -160px; } body.admin .itemIcon.save:hover { background-position: 0 -160px; background-color: #00b6f0; } body.admin .itemIcon.nextEdit { background-position: -27px -180px; } body.admin .itemIcon.nextEdit:hover { background-position: 0 -180px; background-color: #00b6f0; } body.admin .itemIcon.prevEdit { background-position: -27px -200px; } body.admin .itemIcon.prevEdit:hover { background-position: 0 -200px; background-color: #00b6f0; } body.admin .itemIcon.clone { background-position: -27px -220px; } body.admin .itemIcon.clone:hover { background-position: 0 -220px; background-color: #00b6f0; } body.admin .itemIcon.plus { background-position: -27px -240px; } body.admin .itemIcon.plus:hover { background-position: 0 -240px; background-color: #00b6f0; } body.admin .itemIcon.text { width: auto; background: none; padding: 0 10px; } body.admin .itemIcon.text:hover { background-color: #00b6f0; color: #fff; } body.admin .listView { width: 100%; font-size: 13px; font-size: 0.8125rem; border-top: 1px solid #bebebe; border-bottom: 1px solid #efefef; } body.admin .listView.removeBorder { border: 0; } body.admin .listView .emptyListView { display: block; padding: 7px; background: #bde5f8; border: 1px solid #00529b; margin: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } body.admin .listView .listViewIcon { display: inline-block; font-size: 16px; font-size: 1rem; text-align: center; } body.admin .listView .listViewIcon .icon { top: 0; } body.admin .listView .treeArrow { display: inline-block; width: 6px; margin: 0 10px 0 15px; position: relative; } body.admin .listView .treeArrow .icon { line-height: inherit; } body.admin .listView .treeArrow div { position: absolute; top: 1px; } body.admin .listView .treeArrow.hidden div { opacity: 0; } body.admin .listView .listViewItemTitle { display: inline-block; } body.admin .listView .listViewItemTitle.active { color: #00b6f0; } body.admin .listView .listViewEditButtons { display: none; } body.admin .listView .listViewEditButtons .listViewIcon { display: inline-block; font-size: 12px; font-size: 0.75rem; } body.admin .listView .listViewEditButtons .listViewIcon .icon-bin { padding-left: 2px; } body.admin .listView .listViewItem { display: block; } body.admin .listView .listViewItem.active { color: #00b6f0; } body.admin .listView .listViewItem .right-options { position: absolute; right: 0; top: 0; padding-right: 5px; } body.admin .listView .listViewItem .right-options .management-options { display: inline-block; } body.admin .listView .listViewItem .right-options .listViewIcon { padding: 0 5px; } body.admin .listView .listViewItem.file .right-options .management-options { display: none; } body.admin a.listViewItem, body.admin .listViewItem { display: block; width: 100%; line-height: 38px; border-top: 1px solid #fff; border-bottom: 1px solid #bebebe; color: black; position: relative; } body.admin a.listViewItem.odd, body.admin .listViewItem.odd { background: #f2f2f2; } body.admin a.listViewItem.even, body.admin .listViewItem.even { background: #e6e6e6; } body.admin a.listViewItem.folder, body.admin .listViewItem.folder, body.admin a.listViewItem.add, body.admin .listViewItem.add { background: #f9f9f9; } body.admin a.listViewItem.file, body.admin .listViewItem.file { background: #fff; } body.admin a.listViewItem.bottom, body.admin .listViewItem.bottom { background: #f7f7f7; } body.admin a.listViewItem.highlight, body.admin .listViewItem.highlight { background-color: #2b78e4; } body.admin a.listViewItem.no-lh, body.admin .listViewItem.no-lh { line-height: 1.2; } body.admin a.listViewItem.add-space, body.admin .listViewItem.add-space { padding: 5px; } body.admin a.listViewItem span.second, body.admin .listViewItem span.second { position: absolute; left: 60%; } body.admin a.listViewItem .verticalLine, body.admin .listViewItem .verticalLine { position: absolute; top: -1px; bottom: 0; left: 60%; width: 1px; background: #bebebe; } body.admin a.listViewItem:first-of-type .verticalLine, body.admin .listViewItem:first-of-type .verticalLine { top: 0; } body.admin a.listViewItem .itemIcon, body.admin .listViewItem .itemIcon { margin: 12px 0 0 7px; } body.admin .triple a.listViewItem span.second, body.admin .triple .listViewItem span.second { position: absolute; left: 33%; } body.admin .triple a.listViewItem span.third, body.admin .triple .listViewItem span.third { position: absolute; left: 66%; } body.admin .triple a.listViewItem .verticalLine, body.admin .triple .listViewItem .verticalLine { left: 33%; } body.admin .triple a.listViewItem .verticalLine.second, body.admin .triple .listViewItem .verticalLine.second { left: 66%; } body.admin .iconRightArrow { background: url('img/arrowRight-blue.png') no-repeat center center; background-size: 9px 15px; position: absolute; right: 0; top: 0; bottom: 0; width: 44px; } body.admin .iconRightArrow.upArrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } body.admin .iconRightArrow.downArrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } body.admin .contentManagerBlocks { width: 100%; height: 100%; font-size: 0; background: #ececec; } body.admin .contentManagerBlocks.assetmanager .row .column-4 { position: relative; height: calc(100vh - 150px); overflow: hidden; } body.admin .contentManagerBlocks.assetmanager .row .column-4 .page-block { height: 100%; } body.admin .contentManagerBlocks.assetmanager .row .column-4 .button-row { position: absolute; bottom: 0; left: 0; right: 0; } body.admin .contentManagerBlocks.assetmanager .row .column-4 .page-body { top: 49px; overflow: auto; position: absolute; left: 0; right: 0; bottom: 0; bottom: 37px; } body.admin .header.noEntry { min-height: 0px; } body.admin .header.noEntry .slide { display: none; } body.admin .sub-header { position: relative; width: 100%; background: #fff; height: 43px; z-index: 100; } body.admin .sub-header.big { height: 60px; } body.admin .sub-headerSpacer { height: 43px; width: 100%; } body.admin .sub-headerSpacer.big { height: 60px; } body.admin .sub-header > span { line-height: 42px; margin-left: 15px; font-size: 14px; font-size: 0.875rem; } body.admin .fixed-header { width: 100%; background: #fff; height: 43px; top: 0; z-index: 100; position: fixed; border-bottom: 1px solid #ccc; } body.admin .order-content { margin: 43px 0 0 0; } body.admin .sub-header-subtitle { margin-left: 15px; margin-top: 12px; text-transform: uppercase; color: #999; font-size: 11px; font-size: 0.6875rem; } body.admin .sub-header-title { line-height: 60px; margin-left: 15px; display: inline-block; font-size: 20px; font-size: 1.25rem; } body.admin .sub-header-title.sub { line-height: 20px; } body.admin .sub-header-controls { position: absolute; right: 0; top: 0; bottom: 0; } body.admin .sub-header-controls a { display: inline-block; height: 100%; line-height: 60px; padding-left: 17px; padding-right: 17px; color: #2b78e4; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; border-right: 1px solid #f2f2f2; font-size: 11px; font-size: 0.6875rem; } body.admin .sub-header-controls a:last-child { border-right: 0; } body.admin .sub-header-controls a.active { color: #b5d0f6; } body.admin .popup .sub-header { position: absolute; } body.admin .popup .rightToolbar { left: 30%; } body.admin .popup .blockLeftContent { padding-top: 60px; } body.admin .popup iframe { width: 100%; height: 100%; } body.admin div.listViewAddFile { position: absolute; right: 30px; } body.admin div.listViewAddFolder { position: absolute; right: 80px; } body.admin .listViewGroup { overflow: hidden; } body.admin .listViewGroup.closed { height: 0; } body.admin .popupOverlay { background: rgba(0, 0, 0, 0.65); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2500; width: 100%; height: 100%; display: none; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body.admin .popup { background: #fff; text-align: center; display: inline-block; max-width: 90%; max-height: 90%; width: 90%; margin: 0 auto; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0 2px 20px 5px #2f2f2f; -moz-box-shadow: 0 2px 20px 5px #2f2f2f; box-shadow: 0 2px 20px 5px #2f2f2f; } body.admin .popup.left { text-align: left; } body.admin .popup.fullscreen { width: 90%; height: 90%; } body.admin .popup.large { width: 75%; } body.admin .popup.groupPopup .popupText { background: #f1f1f1; } body.admin .popup.groupPopup .popupList { padding: 15px 0 10px; border-top: 1px solid #e0e0e0; height: 100%; max-height: 75vh; overflow: hidden; overflow-y: auto; } body.admin .popup.groupPopup .popupList .groupTree { display: none; } body.admin .popup.groupPopup .popupList .groupTree input[type='radio'], body.admin .popup.groupPopup .popupList .groupTree input[type='checkbox'] { pointer-events: none; } body.admin .popup.groupPopup .popupList .groupTree:first-child { display: block; } body.admin .popup .page-block .page-body { height: 100%; max-height: 75vh; overflow: hidden; overflow-y: auto; } body.admin .popup .loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px 0; background: rgba(255, 255, 255, 0.75); z-index: 10; text-align: center; } body.admin .popup .loading .icon { font-size: 24px; font-size: 1.5rem; } body.admin .popup .fullerror, body.admin .popup .metadata { display: none; } body.admin .popup .fullerror pre, body.admin .popup .metadata pre { white-space: pre-wrap; } body.admin .popup .equal-logs { display: block; margin-top: 20px; } body.admin .popup .equal-logs .single-log { display: block; } body.admin .popup .equal-logs .single-log .trigger { display: block; padding: 5px; background: #f1f1f1; margin: 0 0 10px 0; cursor: pointer; } body.admin .popup .equal-logs .single-log .log-data { display: none; background: #f1f1f1; padding: 10px; border: 1px solid #f9f9f9; margin: 0 0 10px 0; } @media only screen and (min-width: 768px) { body.admin .popup { width: 50%; } } body.admin .popupText { padding: 30px; font-size: 20px; font-size: 1.25rem; } body.admin .popupInputs { margin: 0 20px 5px; padding: 10px 5px 5px; text-align: left; background: #f9f9f9; border: 1px solid rgba(0, 0, 0, 0.1); } body.admin .popupTitle { padding-left: 15px; text-align: left; background: #fff; font-size: 20px; font-size: 1.25rem; } body.admin .popupTitle.double { line-height: 30px; padding-right: 15px; text-align: center; padding-top: 20px; border-bottom: 1px solid #2b78e4; padding-bottom: 20px; } body.admin .popupButtons { background: #f1f1f1; min-width: 290px; padding: 15px; text-align: right; } body.admin .popupButtons a.blueButton { width: 125px; display: inline-block; margin: 10px 5px; } body.admin .popup .fullscreen .popupButtons { position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; } body.admin .popupHeader { padding: 12px 12px 1px 12px; background: #f2f2f2; border-bottom: 1px solid #2b78e4; min-width: 280px; position: absolute; left: 0; top: 0; right: 0; z-index: 1; } body.admin .popupContent { text-align: left; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #f1f1f1; } body.admin .popupHeaderSpacer { height: 59px; width: 100%; } body.admin .popupButtonsSpacer { height: 62px; width: 100%; } body.admin .popupRatingExplanationTpl .inputBlock { margin-top: 0; padding-top: 20px; text-align: left; } body.admin .popupRatingExplanationTpl .roundedInput { height: 150px; } body.admin .popupInputsTpl .inputBlock { margin-top: 0; padding-top: 20px; text-align: left; } body.admin .popupAssetTpl .popup { text-align: left; background-color: #ececec; } body.admin .popupAssetTpl .sub-header { top: 0; } body.admin .popupAssetTpl .contentManagerBlocks .toolbarSpacer { height: 60px; } body.admin .popupAssetTpl .popup.fullscreen .popupButtons { text-align: center; background: transparent; position: static; } body.admin .inputBlock { margin: 20px 16px 16px 16px; } body.admin .inputHeader { text-transform: uppercase; color: #999; font-size: 11px; font-size: 0.6875rem; } body.admin .roundedInput { -webkit-appearance: none; display: block; width: 100%; height: 33px; padding: 6px; color: #000; background: #fff; border: 1px solid #ececec; margin-bottom: 12px; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } body.admin .roundedInput.error { border: 1px solid red; } body.admin .blueButton, body.admin a.blueButton { -webkit-appearance: none; height: 42px; width: 100%; color: #fff; background: #00b6f0; border: 0; border-bottom: 2px solid #008fbd; text-transform: uppercase; margin-bottom: 12px; font-size: 14px; font-size: 0.875rem; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } body.admin .blueButton:hover, body.admin a.blueButton:hover { background: #00a3d7; border-bottom: 2px solid #007ca4; } body.admin a.blueButton { display: block; width: auto; text-align: center; line-height: 42px; } body.admin .mediaPreview { background-color: #f1f1f1; border: 1px solid #eaeaea; height: 270px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-bottom: 25px; } body.admin .mediaPreview .mediaPreviewImage, body.admin .mediaPreview .mediaPreviewVideo { display: block; height: 100%; -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-position: center center; background-size: contain; } body.admin .mediaPreview .mediaPreviewVideo { display: none; } body.admin .mediaPreview .upload { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body.admin .mediaPreview .upload .mediaDropUploadText { font-size: 16px; font-size: 1rem; color: #666; margin-bottom: 10px; } body.admin .mediaPreview .upload .separator { font-size: 22px; font-size: 1.375rem; font-family: "muli-bold", sans-serif; text-transform: uppercase; color: #888; position: relative; display: inline-block; margin: 0 auto; } body.admin .mediaPreview .upload .separator:before, body.admin .mediaPreview .upload .separator:after { content: ""; display: inline-block; width: 20px; position: absolute; top: 50%; background: #888; height: 1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } body.admin .mediaPreview .upload .separator:before { left: -25px; } body.admin .mediaPreview .upload .separator:after { right: -25px; } body.admin .mediaPreview .upload .uploadAssetBtn { position: relative; overflow: hidden; margin: 10px; } body.admin .mediaPreview .upload .uploadAssetBtn .uploadAssetBtnInput { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; font-size: 1.25rem; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } body.admin .mediaInfoWrap .fileInfo { margin-bottom: 25px; } body.admin .mediaInfoWrap .fileInfo td { width: 50%; vertical-align: top; } body.admin .mediaInfoWrap .fileInfo td:first-child { font-family: "muli-bold", sans-serif; } body.admin .miHeader { text-transform: uppercase; color: #999; font-size: 12px; font-size: 0.75rem; } body.admin .miContent { font-size: 16px; font-size: 1rem; color: #1a1a1a; } body.admin .miContent td { padding-bottom: 16px; } body.admin .uploadInfo .miContent td { padding-bottom: 0; } body.admin .uploadInfo .statsProgress { padding-bottom: 20px; } body.admin .uploadAssetBtnInput { position: absolute; top: -999px; left: 0; } body.admin .statsProgress { position: relative; height: 5px; width: 100%; } body.admin .statsProgressLine { position: absolute; width: 100%; height: 1px; top: 4px; left: 0; background: #b3b3b3; } body.admin .statsProgressBar { position: absolute; width: 0; height: 3px; top: 3px; left: 0; background: #2b78e4; } body.admin .listViewEditButtons { display: none; } body.admin .cbEditItem { display: inline-block; background: #fff no-repeat center center; width: 35px; height: 35px; background-size: 35px 35px; margin: 0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 1px 1px 0 #c5c5c5; -moz-box-shadow: 0 1px 1px 0 #c5c5c5; box-shadow: 0 1px 1px 0 #c5c5c5; } body.admin .cbEditItem.move { background-image: url('img/moveIcon.png'); } body.admin .cbEditItem.edit { background-image: url('img/editIcon.png'); } body.admin .cbEditItem.copy { background-image: url('img/cloneIcon.png'); } body.admin .cbEditItem.remove { background-image: url('img/trashIcon.png'); } body.admin .focuspointSelect { margin: 10px; } body.admin .mediaPreviewImage { position: relative; } body.admin .focuspointSelector { position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; width: 100px; height: 100px; background: url('img/focuspointTarget.png') no-repeat center center; pointer-events: none; } body.admin .editEntry { width: 100%; margin-top: 20px; margin-bottom: 50px; } body.admin .editEntry .spacer { height: 10px; width: 100%; } body.admin .editEntry h2 { color: #000; margin: 10px 0 5px 0; font: 16px / 26px Arial, sans-serif; font-size: 16px; font-size: 1rem; } body.admin .inputElementToggle { white-space: nowrap; } body.admin .inputTypeName { color: #707070; margin-left: 10px; font-weight: normal; display: inline-block; line-height: 18px; font-size: 11px; font-size: 0.6875rem; } body.admin .addAnswer, body.admin .removeAnswer { cursor: pointer; display: inline-block; margin: 0 2px; line-height: 24px; height: 24px; } body.admin .addAnswer span, body.admin .removeAnswer span { background: #2b78e4 url('img/plusButtonSmall.png') no-repeat center center; background-size: 24px 24px; display: inline-block; width: 24px; height: 24px; margin-right: 10px; font-size: 17px; font-size: 1.0625rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } body.admin .removeAnswer span { background-color: #f11f1f; background-image: url('img/closeWVsmall.png'); } body.admin .answerTable { border: 0px solid #383838; margin-bottom: 10px; width: 100%; } body.admin .assetImage, body.admin .assetName { display: inline-block; margin: 10px 5px; font-size: 14px; font-size: 0.875rem; } body.admin .modules { width: 100%; margin: 20px auto 0; padding: 25px 20px; } body.admin .module-content { width: 100%; font-size: 12px; font-size: 0.75rem; } body.admin .module-content h1 { padding: 0 0 5px 0; margin: 0 0 15px 0; border-bottom: 1px solid #f1f1f1; font-size: 25px; font-size: 1.5625rem; } body.admin .module-content .formquestion { color: #000; margin: 10px 0 5px 0; font-size: 14px; font-size: 0.875rem; } body.admin .module-content th { text-align: left; background: #f1f1f1; padding: 7px !important; font-weight: normal; border-bottom: 1px solid #ccc; font-size: 14px; font-size: 0.875rem; } body.admin .module-content td { padding: 5px; border-bottom: 1px solid #f1f1f1; vertical-align: middle; font-size: 13px; font-size: 0.8125rem; } body.admin .admintable { width: 100%; } body.admin .admintable th { text-align: left; } body.admin .admintable.striped tr:nth-child(odd) td { background: #fafafa; } body.admin .bgImage { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; background: no-repeat center top; background-size: cover; } body.admin .unlock .bgImage, body.admin .action .bgImage { width: 100%; } body.admin .unlock input[type="text"], body.admin .action input[type="text"], body.admin .unlock input[type="number"], body.admin .action input[type="number"], body.admin .unlock input[type="datetime-local"], body.admin .action input[type="datetime-local"], body.admin .unlock select, body.admin .action select { padding: 7px; border: solid 1px #c9c9c9; outline: none; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; -ms-transition: border 0.3s; transition: border 0.3s; } body.admin .unlock input[type="text"]:focus, body.admin .action input[type="text"]:focus, body.admin .unlock input[type="number"]:focus, body.admin .action input[type="number"]:focus, body.admin .unlock input[type="datetime-local"]:focus, body.admin .action input[type="datetime-local"]:focus, body.admin .unlock select:focus, body.admin .action select:focus, body.admin .unlock input[type="text"].focus, body.admin .action input[type="text"].focus, body.admin .unlock input[type="number"].focus, body.admin .action input[type="number"].focus, body.admin .unlock input[type="datetime-local"].focus, body.admin .action input[type="datetime-local"].focus, body.admin .unlock select.focus, body.admin .action select.focus { border-bottom: solid 1px #969696; } body.admin .unlock input[type="submit"], body.admin .action input[type="submit"] { display: inline-block; background: #00b6f0; border: 1px solid #00b6f0; color: #fff; font: 14px "muli", Arial, Helvetica, sans-serif; padding: 7px 20px; cursor: pointer; -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8); -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.8); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } body.admin .unlock input[type="submit"]:hover, body.admin .action input[type="submit"]:hover { color: #fff; background: #009bcc; border: 1px solid #009bcc; } body.admin .breadcrumb { display: inline-block; padding: 10px 35px; margin: 0; } body.admin .breadcrumb a + a:before { content: " / "; padding: 0 5px; color: #999; } body.admin .saveBtn, body.admin .assetBtn { display: inline-block; background: #00b6f0; padding: 7px 20px; color: #fff; border: 1px solid #009bcc; font-family: "muli", Arial, Helvetica, sans-serif; margin: 0 10px 0 0; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .saveBtn:hover, body.admin .assetBtn:hover { cursor: pointer; color: #fff; background: #009bcc; border: 1px solid #0093c2; } body.admin .saveBtn.disabled, body.admin .assetBtn.disabled { opacity: 0.4; pointer-events: none; cursor: default; } body.admin .saveBtn div, body.admin .assetBtn div { display: inline-block; padding: 15px 30px; } body.admin a.saveBtn, body.admin a.assetBtn { color: #fff; } body.admin .blueTitleColSemiWide, body.admin .blueTitleColSmall { display: inline-block; margin: 0 0 10px 0; } body.admin table.editInput { width: 100%; } body.admin .editInputInfo { display: block; padding: 7px; background: #bde5f8; border: 1px solid #00529b; margin: 0 0 10px 0; } body.admin .modlist { margin-top: 15px; position: relative; } body.admin .modlist a { line-height: 35px; height: 35px; display: inline-block; background: #1f5f84; width: 100%; color: #fff; margin: 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } body.admin .modlist a:hover { background: #277dae; } body.admin .modlist a.gray { background: #818181; } body.admin .modlist a.gray:hover, body.admin .modlist a.gray.active { background: #949494; } body.admin .modlist a.gray span { font-size: 14px; font-size: 0.875rem; } body.admin .modlist .itemIcon { margin-top: 8px; } body.admin .modlist span { font-size: 14px; font-size: 0.875rem; padding-left: 16px; } body.admin .modlist span.itemsTitle { padding-left: 5px; } body.admin .modlist span.itemsCountContainer { padding: 0; width: 35px; text-align: center; line-height: 20px; height: 20px; float: right; margin: 7px 16px 0 0; color: #444; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } body.admin .modlist span.itemsCount { background: #e0e0e0; padding: 0; width: 35px; text-align: center; line-height: 20px; height: 20px; float: right; margin: 0px 0px 0 0; color: #444; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } body.admin .modlist span.itemsType { padding: 0; font-size: 11px !important; font-style: italic; text-align: center; line-height: 20px; height: 20px; float: right; margin: 7px 16px 0 0; } body.admin .mover { cursor: move; display: inline-block; padding: 2px 5px 3px; font-size: 20px; font-size: 1.25rem; } body.admin .mover .icon { position: relative; top: 3px; color: #666; } body.admin td .mover { padding: 0 5px; line-height: 15px; } body.admin .workformList { background: #f1f1f1; padding: 5px 10px; border: 1px solid #ccc; height: 32px; outline: none; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } body.admin .table.editEntry { width: 100%; margin-top: 10px; } body.admin .table.editEntry td { vertical-align: middle; padding: 0px 5px; } body.admin .table.editEntry td.infoTxt { vertical-align: top; font-weight: normal; font-style: italic; } body.admin .table.editEntry td.tdLine { border-bottom: 1px solid #fff; padding-bottom: 0px; } body.admin .table.editEntry .spacer { width: 1px; height: 10px; } body.admin .table.editEntry input[type="text"] { width: 100%; border-width: 1px; height: 26px; padding: 0 5px; padding: 1px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } body.admin .table .entrypic a { position: absolute; bottom: 0; left: 0; width: 100%; } body.admin .table .entrypic a.imgbox { bottom: 15px; } body.admin .table .entrydoc { height: 80px; } body.admin .table .entrydoc img { width: 48px; height: 48px; } body.admin .entryuploads { border: 0px solid #cbc798; background: #f8f8f8; } body.admin .entryuploads > div { text-align: center; height: 162px; padding: 10px; zoom: 1; display: inline; width: 120px; position: relative; } body.admin .editInputInfo { margin-left: 0px; border: 1px solid green; text-align: center; color: green; background: #e6ffe6; line-height: 24px; padding: 0 5px; } body.admin .addImageBtn { background: url('img/addImageButton.png') left top no-repeat; width: 86px; height: 128px; margin: 17px 10px; position: relative; } body.admin .editHeader { zoom: 1; display: inline; width: 100%; padding: 0; height: 20px; } body.admin .prevNextEdit { display: inline-block; border-right: 1px solid #c4c4c4; padding: 0 10px 0 0; margin-right: 6px; } body.admin .fileupload-progress { margin: 10px 0; display: none; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } body.admin .progress { height: 18px; margin-bottom: 18px; overflow: hidden; background-color: #f7f7f7; position: relative; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } body.admin .progress .bar { width: 0; height: 18px; color: #fff; text-align: center; background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to top, #149bdf, #0480be); background-image: -ms-linear-gradient(top, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); font-size: 12px; font-size: 0.75rem; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; transition: width 0.6s ease; } body.admin .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } body.admin .progress-extended { overflow: hidden; height: 20px; margin-bottom: 10px; position: relative; background: #f9f9f9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } body.admin .progress-extended .progress-bar { position: absolute; top: 0; left: 0; bottom: 0; width: 0; color: #fff; text-align: center; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width 0.6s ease-in-out; -moz-transition: width 0.6s ease-in-out; -ms-transition: width 0.6s ease-in-out; transition: width 0.6s ease-in-out; background-color: #00b6f0; } body.admin .progress-extended .progress-bar span { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); line-height: 19px; } body.admin .progress-extended.striped .progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px; } body.admin .progress-extended.animated .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } body.admin .progress-extended.small { height: 15px; } body.admin .progress-extended.small .progress-bar span { line-height: 14px; } body.admin .progress-extended.large { height: 25px; } body.admin .progress-extended.large .progress-bar span { line-height: 24px; } body.admin .progress-extended.rounded { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; } body.admin .progress-extended.rounded .progress-bar { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; } body.admin .progress-striped .bar { background-color: #149bdf; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } body.admin .progress-danger .bar { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); } body.admin .progress-danger.progress-striped .bar { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } body.admin .progress-success .bar { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to top, #62c462, #57a957); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); } body.admin .progress-success.progress-striped .bar { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } body.admin .progress-info .bar { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to top, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); } body.admin .progress-info.progress-striped .bar { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } body.admin .progress-warning .bar { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -ms-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to top, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); } body.admin .progress-warning.progress-striped .bar { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } body.admin .editInput td, body.admin .editInput th { padding: 5px 10px; vertical-align: middle; } body.admin table td.etititle span { display: none; } body.admin .editInput tbody tr:hover { background-color: #d7d7d7; } body.admin .entryType { padding: 5px; cursor: pointer; background-color: #f4f4f4; border: 1px solid #383838; font-size: 18px; font-size: 1.125rem; } body.admin div.entryType .description { line-height: 22px; font-size: 12px; font-size: 0.75rem; } body.admin .entryTypeInputs { display: none; padding: 15px 0; border: 1px solid #f1f1f1; background: #fff; } body.admin .entryTypeInputs .icon { margin: 0 2px; } body.admin .entryTypeInputs form { font-size: 0; } body.admin #newInput, body.admin .editET { cursor: pointer; zoom: 1; display: inline; margin: 0 2px; width: 16px; height: 16px; } body.admin #newInput { background: url('img/green_plus1.png') 0 0 no-repeat; margin-top: 5px; margin-left: 13px; width: 20px; height: 20px; } body.admin #newInput { margin: 0 0 0 3px; } body.admin #editInput { position: fixed; left: 0; top: 0; background-color: #f4f4f4; border: 1px solid #383838; padding: 40px; display: none; } body.admin .entryType > .remove, body.admin .entryType > .clone, body.admin .editET { margin-top: 2px; } body.admin .editEntryMenu { zoom: 1; display: inline; margin-bottom: 0px; border: 1px solid #999; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; } body.admin .editEntryMenu a { cursor: pointer; zoom: 1; display: inline; background-color: #ccc; padding: 7px 10px; color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } body.admin .editEntryMenu a:hover, body.admin .editEntryMenu a.active { background-color: #333; color: #fff; text-decoration: none; } body.admin .editEntryMenu a:first-child { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } body.admin .editEntryMenu a:last-child { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } body.admin .classinfo { zoom: 1; display: inline; margin-left: 320px; width: 400px; position: relative; } body.admin .classinfo h1 { text-transform: none; } body.admin .classinfo > div { position: absolute; display: none; background-color: #ddd; padding: 5px; border: 1px solid #aaa; } body.admin .answerTable { border: 0px solid #383838; margin-bottom: 10px; width: 100%; } body.admin .removeHotspot, body.admin .removeAnswer, body.admin .addAnswer { cursor: pointer; zoom: 1; display: inline; margin: 0 2px; height: 20px; } body.admin .removeHotspot { background: url('img/delete.png') top left no-repeat; width: 20px; } body.admin .removeAnswer { background: url('img/delete.png') top left no-repeat; padding-left: 25px; } body.admin .removeAnswer:hover { background-position: bottom left; } body.admin .addAnswer { line-height: 20px; background: url('img/plus.png') top left no-repeat; padding-left: 25px; } body.admin .addAnswer:hover { background-position: bottom left; } body.admin .changeorder { margin-bottom: 5px; } body.admin .farbtastic { position: relative; } body.admin .farbtastic * { position: absolute; cursor: crosshair; } body.admin .farbtastic, body.admin .farbtastic .wheel { width: 195px; height: 195px; } body.admin .farbtastic .color, body.admin .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; } body.admin .farbtastic .wheel { background: url('img/wheel.png') no-repeat; width: 195px; height: 195px; } body.admin .farbtastic .overlay { background: url('img/mask.png') no-repeat; } body.admin .farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url('img/marker.png') no-repeat; } body.admin .inputElementToggle { cursor: pointer; } body.admin .inputElementToggle.visibleEt h2 { background-position: left -50px; } body.admin .inputTypeName { color: #707070; zoom: 1; display: inline; margin-left: 10px; font-weight: normal; font-style: italic; font-size: 11px; font-size: 0.6875rem; } body.admin * { text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; -webkit-tap-highlight-color: transparent; } body.admin body.beheer { background: #fafafa; } body.admin .mobileOnly { display: none; } @media screen and (max-width: 768px) { body.admin .mobileOnly { display: inline-block; } body.admin .mobileOnly.block { display: block; } } body.admin .tabletOnly { display: none; } @media screen and (min-width: 768px) and (max-width: 1024px) { body.admin .tabletOnly { display: inline-block; } body.admin .tabletOnly.block { display: block; } } body.admin .desktopOnly { display: none; } @media screen and (min-width: 1024px) { body.admin .desktopOnly { display: inline-block; } body.admin .desktopOnly.block { display: block; } } body.admin .c-row { display: block; margin-left: -10px; margin-right: -10px; font-size: 0px; font-size: 0rem; } body.admin .c-row .mx-auto { display: block; margin: 0 auto; } body.admin body:not(.admin) .column-1, body:not(.admin) body.admin .column-1, body.admin body:not(.admin) .column-xs-1, body:not(.admin) body.admin .column-xs-1, body.admin body:not(.admin) .column-2, body:not(.admin) body.admin .column-2, body.admin body:not(.admin) .column-xs-2, body:not(.admin) body.admin .column-xs-2, body.admin body:not(.admin) .column-3, body:not(.admin) body.admin .column-3, body.admin body:not(.admin) .column-xs-3, body:not(.admin) body.admin .column-xs-3, body.admin body:not(.admin) .column-4, body:not(.admin) body.admin .column-4, body.admin body:not(.admin) .column-xs-4, body:not(.admin) body.admin .column-xs-4, body.admin body:not(.admin) .column-5, body:not(.admin) body.admin .column-5, body.admin body:not(.admin) .column-xs-5, body:not(.admin) body.admin .column-xs-5, body.admin body:not(.admin) .column-6, body:not(.admin) body.admin .column-6, body.admin body:not(.admin) .column-xs-6, body:not(.admin) body.admin .column-xs-6, body.admin body:not(.admin) .column-7, body:not(.admin) body.admin .column-7, body.admin body:not(.admin) .column-xs-7, body:not(.admin) body.admin .column-xs-7, body.admin body:not(.admin) .column-8, body:not(.admin) body.admin .column-8, body.admin body:not(.admin) .column-xs-8, body:not(.admin) body.admin .column-xs-8, body.admin body:not(.admin) .column-9, body:not(.admin) body.admin .column-9, body.admin body:not(.admin) .column-xs-9, body:not(.admin) body.admin .column-xs-9, body.admin body:not(.admin) .column-10, body:not(.admin) body.admin .column-10, body.admin body:not(.admin) .column-xs-10, body:not(.admin) body.admin .column-xs-10, body.admin body:not(.admin) .column-11, body:not(.admin) body.admin .column-11, body.admin body:not(.admin) .column-xs-11, body:not(.admin) body.admin .column-xs-11, body.admin body:not(.admin) .column-12, body:not(.admin) body.admin .column-12, body.admin body:not(.admin) .column-xs-12, body:not(.admin) body.admin .column-xs-12, body.admin body:not(.admin) .column-sm-1, body:not(.admin) body.admin .column-sm-1, body.admin body:not(.admin) .column-sm-2, body:not(.admin) body.admin .column-sm-2, body.admin body:not(.admin) .column-sm-3, body:not(.admin) body.admin .column-sm-3, body.admin body:not(.admin) .column-sm-4, body:not(.admin) body.admin .column-sm-4, body.admin body:not(.admin) .column-sm-5, body:not(.admin) body.admin .column-sm-5, body.admin body:not(.admin) .column-sm-6, body:not(.admin) body.admin .column-sm-6, body.admin body:not(.admin) .column-sm-7, body:not(.admin) body.admin .column-sm-7, body.admin body:not(.admin) .column-sm-8, body:not(.admin) body.admin .column-sm-8, body.admin body:not(.admin) .column-sm-9, body:not(.admin) body.admin .column-sm-9, body.admin body:not(.admin) .column-sm-10, body:not(.admin) body.admin .column-sm-10, body.admin body:not(.admin) .column-sm-11, body:not(.admin) body.admin .column-sm-11, body.admin body:not(.admin) .column-sm-12, body:not(.admin) body.admin .column-sm-12, body.admin body:not(.admin) .column-md-1, body:not(.admin) body.admin .column-md-1, body.admin body:not(.admin) .column-md-2, body:not(.admin) body.admin .column-md-2, body.admin body:not(.admin) .column-md-3, body:not(.admin) body.admin .column-md-3, body.admin body:not(.admin) .column-md-4, body:not(.admin) body.admin .column-md-4, body.admin body:not(.admin) .column-md-5, body:not(.admin) body.admin .column-md-5, body.admin body:not(.admin) .column-md-6, body:not(.admin) body.admin .column-md-6, body.admin body:not(.admin) .column-md-7, body:not(.admin) body.admin .column-md-7, body.admin body:not(.admin) .column-md-8, body:not(.admin) body.admin .column-md-8, body.admin body:not(.admin) .column-md-9, body:not(.admin) body.admin .column-md-9, body.admin body:not(.admin) .column-md-10, body:not(.admin) body.admin .column-md-10, body.admin body:not(.admin) .column-md-11, body:not(.admin) body.admin .column-md-11, body.admin body:not(.admin) .column-md-12, body:not(.admin) body.admin .column-md-12, body.admin body:not(.admin) .column-lg-1, body:not(.admin) body.admin .column-lg-1, body.admin body:not(.admin) .column-lg-2, body:not(.admin) body.admin .column-lg-2, body.admin body:not(.admin) .column-lg-3, body:not(.admin) body.admin .column-lg-3, body.admin body:not(.admin) .column-lg-4, body:not(.admin) body.admin .column-lg-4, body.admin body:not(.admin) .column-lg-5, body:not(.admin) body.admin .column-lg-5, body.admin body:not(.admin) .column-lg-6, body:not(.admin) body.admin .column-lg-6, body.admin body:not(.admin) .column-lg-7, body:not(.admin) body.admin .column-lg-7, body.admin body:not(.admin) .column-lg-8, body:not(.admin) body.admin .column-lg-8, body.admin body:not(.admin) .column-lg-9, body:not(.admin) body.admin .column-lg-9, body.admin body:not(.admin) .column-lg-10, body:not(.admin) body.admin .column-lg-10, body.admin body:not(.admin) .column-lg-11, body:not(.admin) body.admin .column-lg-11, body.admin body:not(.admin) .column-lg-12, body:not(.admin) body.admin .column-lg-12, body.admin .column-1, body.admin .column-xs-1, body.admin .column-2, body.admin .column-xs-2, body.admin .column-3, body.admin .column-xs-3, body.admin .column-4, body.admin .column-xs-4, body.admin .column-5, body.admin .column-xs-5, body.admin .column-6, body.admin .column-xs-6, body.admin .column-7, body.admin .column-xs-7, body.admin .column-8, body.admin .column-xs-8, body.admin .column-9, body.admin .column-xs-9, body.admin .column-10, body.admin .column-xs-10, body.admin .column-11, body.admin .column-xs-11, body.admin .column-12, body.admin .column-xs-12, body.admin a.appColumn, body.admin .moduleColumn, body.admin .addModulePopup, body.admin .column-sm-1, body.admin .column-sm-2, body.admin .column-sm-3, body.admin .column-sm-4, body.admin .column-sm-5, body.admin .column-sm-6, body.admin .column-sm-7, body.admin .column-sm-8, body.admin .column-sm-9, body.admin .column-sm-10, body.admin .column-sm-11, body.admin .column-sm-12, body.admin .column-md-1, body.admin .column-md-2, body.admin .column-md-3, body.admin .column-md-4, body.admin .column-md-5, body.admin .column-md-6, body.admin .column-md-7, body.admin .column-md-8, body.admin .column-md-9, body.admin .column-md-10, body.admin .column-md-11, body.admin .column-md-12, body.admin .column-lg-1, body.admin .column-lg-2, body.admin .column-lg-3, body.admin .column-lg-4, body.admin .column-lg-5, body.admin .column-lg-6, body.admin .column-lg-7, body.admin .column-lg-8, body.admin .column-lg-9, body.admin .column-lg-10, body.admin .column-lg-11, body.admin .column-lg-12 { padding: 0; width: 100%; min-height: 1px; position: relative; font-size: 12px; font-size: 0.75rem; margin-bottom: 10px; display: inline-block; } body.admin body:not(.admin) .column-1.clean, body:not(.admin) body.admin .column-1.clean, body.admin body:not(.admin) .column-xs-1.clean, body:not(.admin) body.admin .column-xs-1.clean, body.admin body:not(.admin) .column-2.clean, body:not(.admin) body.admin .column-2.clean, body.admin body:not(.admin) .column-xs-2.clean, body:not(.admin) body.admin .column-xs-2.clean, body.admin body:not(.admin) .column-3.clean, body:not(.admin) body.admin .column-3.clean, body.admin body:not(.admin) .column-xs-3.clean, body:not(.admin) body.admin .column-xs-3.clean, body.admin body:not(.admin) .column-4.clean, body:not(.admin) body.admin .column-4.clean, body.admin body:not(.admin) .column-xs-4.clean, body:not(.admin) body.admin .column-xs-4.clean, body.admin body:not(.admin) .column-5.clean, body:not(.admin) body.admin .column-5.clean, body.admin body:not(.admin) .column-xs-5.clean, body:not(.admin) body.admin .column-xs-5.clean, body.admin body:not(.admin) .column-6.clean, body:not(.admin) body.admin .column-6.clean, body.admin body:not(.admin) .column-xs-6.clean, body:not(.admin) body.admin .column-xs-6.clean, body.admin body:not(.admin) .column-7.clean, body:not(.admin) body.admin .column-7.clean, body.admin body:not(.admin) .column-xs-7.clean, body:not(.admin) body.admin .column-xs-7.clean, body.admin body:not(.admin) .column-8.clean, body:not(.admin) body.admin .column-8.clean, body.admin body:not(.admin) .column-xs-8.clean, body:not(.admin) body.admin .column-xs-8.clean, body.admin body:not(.admin) .column-9.clean, body:not(.admin) body.admin .column-9.clean, body.admin body:not(.admin) .column-xs-9.clean, body:not(.admin) body.admin .column-xs-9.clean, body.admin body:not(.admin) .column-10.clean, body:not(.admin) body.admin .column-10.clean, body.admin body:not(.admin) .column-xs-10.clean, body:not(.admin) body.admin .column-xs-10.clean, body.admin body:not(.admin) .column-11.clean, body:not(.admin) body.admin .column-11.clean, body.admin body:not(.admin) .column-xs-11.clean, body:not(.admin) body.admin .column-xs-11.clean, body.admin body:not(.admin) .column-12.clean, body:not(.admin) body.admin .column-12.clean, body.admin body:not(.admin) .column-xs-12.clean, body:not(.admin) body.admin .column-xs-12.clean, body.admin body:not(.admin) .column-sm-1.clean, body:not(.admin) body.admin .column-sm-1.clean, body.admin body:not(.admin) .column-sm-2.clean, body:not(.admin) body.admin .column-sm-2.clean, body.admin body:not(.admin) .column-sm-3.clean, body:not(.admin) body.admin .column-sm-3.clean, body.admin body:not(.admin) .column-sm-4.clean, body:not(.admin) body.admin .column-sm-4.clean, body.admin body:not(.admin) .column-sm-5.clean, body:not(.admin) body.admin .column-sm-5.clean, body.admin body:not(.admin) .column-sm-6.clean, body:not(.admin) body.admin .column-sm-6.clean, body.admin body:not(.admin) .column-sm-7.clean, body:not(.admin) body.admin .column-sm-7.clean, body.admin body:not(.admin) .column-sm-8.clean, body:not(.admin) body.admin .column-sm-8.clean, body.admin body:not(.admin) .column-sm-9.clean, body:not(.admin) body.admin .column-sm-9.clean, body.admin body:not(.admin) .column-sm-10.clean, body:not(.admin) body.admin .column-sm-10.clean, body.admin body:not(.admin) .column-sm-11.clean, body:not(.admin) body.admin .column-sm-11.clean, body.admin body:not(.admin) .column-sm-12.clean, body:not(.admin) body.admin .column-sm-12.clean, body.admin body:not(.admin) .column-md-1.clean, body:not(.admin) body.admin .column-md-1.clean, body.admin body:not(.admin) .column-md-2.clean, body:not(.admin) body.admin .column-md-2.clean, body.admin body:not(.admin) .column-md-3.clean, body:not(.admin) body.admin .column-md-3.clean, body.admin body:not(.admin) .column-md-4.clean, body:not(.admin) body.admin .column-md-4.clean, body.admin body:not(.admin) .column-md-5.clean, body:not(.admin) body.admin .column-md-5.clean, body.admin body:not(.admin) .column-md-6.clean, body:not(.admin) body.admin .column-md-6.clean, body.admin body:not(.admin) .column-md-7.clean, body:not(.admin) body.admin .column-md-7.clean, body.admin body:not(.admin) .column-md-8.clean, body:not(.admin) body.admin .column-md-8.clean, body.admin body:not(.admin) .column-md-9.clean, body:not(.admin) body.admin .column-md-9.clean, body.admin body:not(.admin) .column-md-10.clean, body:not(.admin) body.admin .column-md-10.clean, body.admin body:not(.admin) .column-md-11.clean, body:not(.admin) body.admin .column-md-11.clean, body.admin body:not(.admin) .column-md-12.clean, body:not(.admin) body.admin .column-md-12.clean, body.admin body:not(.admin) .column-lg-1.clean, body:not(.admin) body.admin .column-lg-1.clean, body.admin body:not(.admin) .column-lg-2.clean, body:not(.admin) body.admin .column-lg-2.clean, body.admin body:not(.admin) .column-lg-3.clean, body:not(.admin) body.admin .column-lg-3.clean, body.admin body:not(.admin) .column-lg-4.clean, body:not(.admin) body.admin .column-lg-4.clean, body.admin body:not(.admin) .column-lg-5.clean, body:not(.admin) body.admin .column-lg-5.clean, body.admin body:not(.admin) .column-lg-6.clean, body:not(.admin) body.admin .column-lg-6.clean, body.admin body:not(.admin) .column-lg-7.clean, body:not(.admin) body.admin .column-lg-7.clean, body.admin body:not(.admin) .column-lg-8.clean, body:not(.admin) body.admin .column-lg-8.clean, body.admin body:not(.admin) .column-lg-9.clean, body:not(.admin) body.admin .column-lg-9.clean, body.admin body:not(.admin) .column-lg-10.clean, body:not(.admin) body.admin .column-lg-10.clean, body.admin body:not(.admin) .column-lg-11.clean, body:not(.admin) body.admin .column-lg-11.clean, body.admin body:not(.admin) .column-lg-12.clean, body:not(.admin) body.admin .column-lg-12.clean, body.admin .column-1.clean, body.admin .column-xs-1.clean, body.admin .column-2.clean, body.admin .column-xs-2.clean, body.admin .column-3.clean, body.admin .column-xs-3.clean, body.admin .column-4.clean, body.admin .column-xs-4.clean, body.admin .column-5.clean, body.admin .column-xs-5.clean, body.admin .column-6.clean, body.admin .column-xs-6.clean, body.admin .column-7.clean, body.admin .column-xs-7.clean, body.admin .column-8.clean, body.admin .column-xs-8.clean, body.admin .column-9.clean, body.admin .column-xs-9.clean, body.admin .column-10.clean, body.admin .column-xs-10.clean, body.admin .column-11.clean, body.admin .column-xs-11.clean, body.admin .column-12.clean, body.admin .column-xs-12.clean, body.admin a.appColumn.clean, body.admin .moduleColumn.clean, body.admin .addModulePopup.clean, body.admin .column-sm-1.clean, body.admin .column-sm-2.clean, body.admin .column-sm-3.clean, body.admin .column-sm-4.clean, body.admin .column-sm-5.clean, body.admin .column-sm-6.clean, body.admin .column-sm-7.clean, body.admin .column-sm-8.clean, body.admin .column-sm-9.clean, body.admin .column-sm-10.clean, body.admin .column-sm-11.clean, body.admin .column-sm-12.clean, body.admin .column-md-1.clean, body.admin .column-md-2.clean, body.admin .column-md-3.clean, body.admin .column-md-4.clean, body.admin .column-md-5.clean, body.admin .column-md-6.clean, body.admin .column-md-7.clean, body.admin .column-md-8.clean, body.admin .column-md-9.clean, body.admin .column-md-10.clean, body.admin .column-md-11.clean, body.admin .column-md-12.clean, body.admin .column-lg-1.clean, body.admin .column-lg-2.clean, body.admin .column-lg-3.clean, body.admin .column-lg-4.clean, body.admin .column-lg-5.clean, body.admin .column-lg-6.clean, body.admin .column-lg-7.clean, body.admin .column-lg-8.clean, body.admin .column-lg-9.clean, body.admin .column-lg-10.clean, body.admin .column-lg-11.clean, body.admin .column-lg-12.clean { margin-bottom: 0; } body.admin body:not(.admin) .column-1.tRight, body:not(.admin) body.admin .column-1.tRight, body.admin body:not(.admin) .column-xs-1.tRight, body:not(.admin) body.admin .column-xs-1.tRight, body.admin body:not(.admin) .column-2.tRight, body:not(.admin) body.admin .column-2.tRight, body.admin body:not(.admin) .column-xs-2.tRight, body:not(.admin) body.admin .column-xs-2.tRight, body.admin body:not(.admin) .column-3.tRight, body:not(.admin) body.admin .column-3.tRight, body.admin body:not(.admin) .column-xs-3.tRight, body:not(.admin) body.admin .column-xs-3.tRight, body.admin body:not(.admin) .column-4.tRight, body:not(.admin) body.admin .column-4.tRight, body.admin body:not(.admin) .column-xs-4.tRight, body:not(.admin) body.admin .column-xs-4.tRight, body.admin body:not(.admin) .column-5.tRight, body:not(.admin) body.admin .column-5.tRight, body.admin body:not(.admin) .column-xs-5.tRight, body:not(.admin) body.admin .column-xs-5.tRight, body.admin body:not(.admin) .column-6.tRight, body:not(.admin) body.admin .column-6.tRight, body.admin body:not(.admin) .column-xs-6.tRight, body:not(.admin) body.admin .column-xs-6.tRight, body.admin body:not(.admin) .column-7.tRight, body:not(.admin) body.admin .column-7.tRight, body.admin body:not(.admin) .column-xs-7.tRight, body:not(.admin) body.admin .column-xs-7.tRight, body.admin body:not(.admin) .column-8.tRight, body:not(.admin) body.admin .column-8.tRight, body.admin body:not(.admin) .column-xs-8.tRight, body:not(.admin) body.admin .column-xs-8.tRight, body.admin body:not(.admin) .column-9.tRight, body:not(.admin) body.admin .column-9.tRight, body.admin body:not(.admin) .column-xs-9.tRight, body:not(.admin) body.admin .column-xs-9.tRight, body.admin body:not(.admin) .column-10.tRight, body:not(.admin) body.admin .column-10.tRight, body.admin body:not(.admin) .column-xs-10.tRight, body:not(.admin) body.admin .column-xs-10.tRight, body.admin body:not(.admin) .column-11.tRight, body:not(.admin) body.admin .column-11.tRight, body.admin body:not(.admin) .column-xs-11.tRight, body:not(.admin) body.admin .column-xs-11.tRight, body.admin body:not(.admin) .column-12.tRight, body:not(.admin) body.admin .column-12.tRight, body.admin body:not(.admin) .column-xs-12.tRight, body:not(.admin) body.admin .column-xs-12.tRight, body.admin body:not(.admin) .column-sm-1.tRight, body:not(.admin) body.admin .column-sm-1.tRight, body.admin body:not(.admin) .column-sm-2.tRight, body:not(.admin) body.admin .column-sm-2.tRight, body.admin body:not(.admin) .column-sm-3.tRight, body:not(.admin) body.admin .column-sm-3.tRight, body.admin body:not(.admin) .column-sm-4.tRight, body:not(.admin) body.admin .column-sm-4.tRight, body.admin body:not(.admin) .column-sm-5.tRight, body:not(.admin) body.admin .column-sm-5.tRight, body.admin body:not(.admin) .column-sm-6.tRight, body:not(.admin) body.admin .column-sm-6.tRight, body.admin body:not(.admin) .column-sm-7.tRight, body:not(.admin) body.admin .column-sm-7.tRight, body.admin body:not(.admin) .column-sm-8.tRight, body:not(.admin) body.admin .column-sm-8.tRight, body.admin body:not(.admin) .column-sm-9.tRight, body:not(.admin) body.admin .column-sm-9.tRight, body.admin body:not(.admin) .column-sm-10.tRight, body:not(.admin) body.admin .column-sm-10.tRight, body.admin body:not(.admin) .column-sm-11.tRight, body:not(.admin) body.admin .column-sm-11.tRight, body.admin body:not(.admin) .column-sm-12.tRight, body:not(.admin) body.admin .column-sm-12.tRight, body.admin body:not(.admin) .column-md-1.tRight, body:not(.admin) body.admin .column-md-1.tRight, body.admin body:not(.admin) .column-md-2.tRight, body:not(.admin) body.admin .column-md-2.tRight, body.admin body:not(.admin) .column-md-3.tRight, body:not(.admin) body.admin .column-md-3.tRight, body.admin body:not(.admin) .column-md-4.tRight, body:not(.admin) body.admin .column-md-4.tRight, body.admin body:not(.admin) .column-md-5.tRight, body:not(.admin) body.admin .column-md-5.tRight, body.admin body:not(.admin) .column-md-6.tRight, body:not(.admin) body.admin .column-md-6.tRight, body.admin body:not(.admin) .column-md-7.tRight, body:not(.admin) body.admin .column-md-7.tRight, body.admin body:not(.admin) .column-md-8.tRight, body:not(.admin) body.admin .column-md-8.tRight, body.admin body:not(.admin) .column-md-9.tRight, body:not(.admin) body.admin .column-md-9.tRight, body.admin body:not(.admin) .column-md-10.tRight, body:not(.admin) body.admin .column-md-10.tRight, body.admin body:not(.admin) .column-md-11.tRight, body:not(.admin) body.admin .column-md-11.tRight, body.admin body:not(.admin) .column-md-12.tRight, body:not(.admin) body.admin .column-md-12.tRight, body.admin body:not(.admin) .column-lg-1.tRight, body:not(.admin) body.admin .column-lg-1.tRight, body.admin body:not(.admin) .column-lg-2.tRight, body:not(.admin) body.admin .column-lg-2.tRight, body.admin body:not(.admin) .column-lg-3.tRight, body:not(.admin) body.admin .column-lg-3.tRight, body.admin body:not(.admin) .column-lg-4.tRight, body:not(.admin) body.admin .column-lg-4.tRight, body.admin body:not(.admin) .column-lg-5.tRight, body:not(.admin) body.admin .column-lg-5.tRight, body.admin body:not(.admin) .column-lg-6.tRight, body:not(.admin) body.admin .column-lg-6.tRight, body.admin body:not(.admin) .column-lg-7.tRight, body:not(.admin) body.admin .column-lg-7.tRight, body.admin body:not(.admin) .column-lg-8.tRight, body:not(.admin) body.admin .column-lg-8.tRight, body.admin body:not(.admin) .column-lg-9.tRight, body:not(.admin) body.admin .column-lg-9.tRight, body.admin body:not(.admin) .column-lg-10.tRight, body:not(.admin) body.admin .column-lg-10.tRight, body.admin body:not(.admin) .column-lg-11.tRight, body:not(.admin) body.admin .column-lg-11.tRight, body.admin body:not(.admin) .column-lg-12.tRight, body:not(.admin) body.admin .column-lg-12.tRight, body.admin .column-1.tRight, body.admin .column-xs-1.tRight, body.admin .column-2.tRight, body.admin .column-xs-2.tRight, body.admin .column-3.tRight, body.admin .column-xs-3.tRight, body.admin .column-4.tRight, body.admin .column-xs-4.tRight, body.admin .column-5.tRight, body.admin .column-xs-5.tRight, body.admin .column-6.tRight, body.admin .column-xs-6.tRight, body.admin .column-7.tRight, body.admin .column-xs-7.tRight, body.admin .column-8.tRight, body.admin .column-xs-8.tRight, body.admin .column-9.tRight, body.admin .column-xs-9.tRight, body.admin .column-10.tRight, body.admin .column-xs-10.tRight, body.admin .column-11.tRight, body.admin .column-xs-11.tRight, body.admin .column-12.tRight, body.admin .column-xs-12.tRight, body.admin a.appColumn.tRight, body.admin .moduleColumn.tRight, body.admin .addModulePopup.tRight, body.admin .column-sm-1.tRight, body.admin .column-sm-2.tRight, body.admin .column-sm-3.tRight, body.admin .column-sm-4.tRight, body.admin .column-sm-5.tRight, body.admin .column-sm-6.tRight, body.admin .column-sm-7.tRight, body.admin .column-sm-8.tRight, body.admin .column-sm-9.tRight, body.admin .column-sm-10.tRight, body.admin .column-sm-11.tRight, body.admin .column-sm-12.tRight, body.admin .column-md-1.tRight, body.admin .column-md-2.tRight, body.admin .column-md-3.tRight, body.admin .column-md-4.tRight, body.admin .column-md-5.tRight, body.admin .column-md-6.tRight, body.admin .column-md-7.tRight, body.admin .column-md-8.tRight, body.admin .column-md-9.tRight, body.admin .column-md-10.tRight, body.admin .column-md-11.tRight, body.admin .column-md-12.tRight, body.admin .column-lg-1.tRight, body.admin .column-lg-2.tRight, body.admin .column-lg-3.tRight, body.admin .column-lg-4.tRight, body.admin .column-lg-5.tRight, body.admin .column-lg-6.tRight, body.admin .column-lg-7.tRight, body.admin .column-lg-8.tRight, body.admin .column-lg-9.tRight, body.admin .column-lg-10.tRight, body.admin .column-lg-11.tRight, body.admin .column-lg-12.tRight { text-align: right; } body.admin body:not(.admin) .column-1.font-lg, body:not(.admin) body.admin .column-1.font-lg, body.admin body:not(.admin) .column-xs-1.font-lg, body:not(.admin) body.admin .column-xs-1.font-lg, body.admin body:not(.admin) .column-2.font-lg, body:not(.admin) body.admin .column-2.font-lg, body.admin body:not(.admin) .column-xs-2.font-lg, body:not(.admin) body.admin .column-xs-2.font-lg, body.admin body:not(.admin) .column-3.font-lg, body:not(.admin) body.admin .column-3.font-lg, body.admin body:not(.admin) .column-xs-3.font-lg, body:not(.admin) body.admin .column-xs-3.font-lg, body.admin body:not(.admin) .column-4.font-lg, body:not(.admin) body.admin .column-4.font-lg, body.admin body:not(.admin) .column-xs-4.font-lg, body:not(.admin) body.admin .column-xs-4.font-lg, body.admin body:not(.admin) .column-5.font-lg, body:not(.admin) body.admin .column-5.font-lg, body.admin body:not(.admin) .column-xs-5.font-lg, body:not(.admin) body.admin .column-xs-5.font-lg, body.admin body:not(.admin) .column-6.font-lg, body:not(.admin) body.admin .column-6.font-lg, body.admin body:not(.admin) .column-xs-6.font-lg, body:not(.admin) body.admin .column-xs-6.font-lg, body.admin body:not(.admin) .column-7.font-lg, body:not(.admin) body.admin .column-7.font-lg, body.admin body:not(.admin) .column-xs-7.font-lg, body:not(.admin) body.admin .column-xs-7.font-lg, body.admin body:not(.admin) .column-8.font-lg, body:not(.admin) body.admin .column-8.font-lg, body.admin body:not(.admin) .column-xs-8.font-lg, body:not(.admin) body.admin .column-xs-8.font-lg, body.admin body:not(.admin) .column-9.font-lg, body:not(.admin) body.admin .column-9.font-lg, body.admin body:not(.admin) .column-xs-9.font-lg, body:not(.admin) body.admin .column-xs-9.font-lg, body.admin body:not(.admin) .column-10.font-lg, body:not(.admin) body.admin .column-10.font-lg, body.admin body:not(.admin) .column-xs-10.font-lg, body:not(.admin) body.admin .column-xs-10.font-lg, body.admin body:not(.admin) .column-11.font-lg, body:not(.admin) body.admin .column-11.font-lg, body.admin body:not(.admin) .column-xs-11.font-lg, body:not(.admin) body.admin .column-xs-11.font-lg, body.admin body:not(.admin) .column-12.font-lg, body:not(.admin) body.admin .column-12.font-lg, body.admin body:not(.admin) .column-xs-12.font-lg, body:not(.admin) body.admin .column-xs-12.font-lg, body.admin body:not(.admin) .column-sm-1.font-lg, body:not(.admin) body.admin .column-sm-1.font-lg, body.admin body:not(.admin) .column-sm-2.font-lg, body:not(.admin) body.admin .column-sm-2.font-lg, body.admin body:not(.admin) .column-sm-3.font-lg, body:not(.admin) body.admin .column-sm-3.font-lg, body.admin body:not(.admin) .column-sm-4.font-lg, body:not(.admin) body.admin .column-sm-4.font-lg, body.admin body:not(.admin) .column-sm-5.font-lg, body:not(.admin) body.admin .column-sm-5.font-lg, body.admin body:not(.admin) .column-sm-6.font-lg, body:not(.admin) body.admin .column-sm-6.font-lg, body.admin body:not(.admin) .column-sm-7.font-lg, body:not(.admin) body.admin .column-sm-7.font-lg, body.admin body:not(.admin) .column-sm-8.font-lg, body:not(.admin) body.admin .column-sm-8.font-lg, body.admin body:not(.admin) .column-sm-9.font-lg, body:not(.admin) body.admin .column-sm-9.font-lg, body.admin body:not(.admin) .column-sm-10.font-lg, body:not(.admin) body.admin .column-sm-10.font-lg, body.admin body:not(.admin) .column-sm-11.font-lg, body:not(.admin) body.admin .column-sm-11.font-lg, body.admin body:not(.admin) .column-sm-12.font-lg, body:not(.admin) body.admin .column-sm-12.font-lg, body.admin body:not(.admin) .column-md-1.font-lg, body:not(.admin) body.admin .column-md-1.font-lg, body.admin body:not(.admin) .column-md-2.font-lg, body:not(.admin) body.admin .column-md-2.font-lg, body.admin body:not(.admin) .column-md-3.font-lg, body:not(.admin) body.admin .column-md-3.font-lg, body.admin body:not(.admin) .column-md-4.font-lg, body:not(.admin) body.admin .column-md-4.font-lg, body.admin body:not(.admin) .column-md-5.font-lg, body:not(.admin) body.admin .column-md-5.font-lg, body.admin body:not(.admin) .column-md-6.font-lg, body:not(.admin) body.admin .column-md-6.font-lg, body.admin body:not(.admin) .column-md-7.font-lg, body:not(.admin) body.admin .column-md-7.font-lg, body.admin body:not(.admin) .column-md-8.font-lg, body:not(.admin) body.admin .column-md-8.font-lg, body.admin body:not(.admin) .column-md-9.font-lg, body:not(.admin) body.admin .column-md-9.font-lg, body.admin body:not(.admin) .column-md-10.font-lg, body:not(.admin) body.admin .column-md-10.font-lg, body.admin body:not(.admin) .column-md-11.font-lg, body:not(.admin) body.admin .column-md-11.font-lg, body.admin body:not(.admin) .column-md-12.font-lg, body:not(.admin) body.admin .column-md-12.font-lg, body.admin body:not(.admin) .column-lg-1.font-lg, body:not(.admin) body.admin .column-lg-1.font-lg, body.admin body:not(.admin) .column-lg-2.font-lg, body:not(.admin) body.admin .column-lg-2.font-lg, body.admin body:not(.admin) .column-lg-3.font-lg, body:not(.admin) body.admin .column-lg-3.font-lg, body.admin body:not(.admin) .column-lg-4.font-lg, body:not(.admin) body.admin .column-lg-4.font-lg, body.admin body:not(.admin) .column-lg-5.font-lg, body:not(.admin) body.admin .column-lg-5.font-lg, body.admin body:not(.admin) .column-lg-6.font-lg, body:not(.admin) body.admin .column-lg-6.font-lg, body.admin body:not(.admin) .column-lg-7.font-lg, body:not(.admin) body.admin .column-lg-7.font-lg, body.admin body:not(.admin) .column-lg-8.font-lg, body:not(.admin) body.admin .column-lg-8.font-lg, body.admin body:not(.admin) .column-lg-9.font-lg, body:not(.admin) body.admin .column-lg-9.font-lg, body.admin body:not(.admin) .column-lg-10.font-lg, body:not(.admin) body.admin .column-lg-10.font-lg, body.admin body:not(.admin) .column-lg-11.font-lg, body:not(.admin) body.admin .column-lg-11.font-lg, body.admin body:not(.admin) .column-lg-12.font-lg, body:not(.admin) body.admin .column-lg-12.font-lg, body.admin .column-1.font-lg, body.admin .column-xs-1.font-lg, body.admin .column-2.font-lg, body.admin .column-xs-2.font-lg, body.admin .column-3.font-lg, body.admin .column-xs-3.font-lg, body.admin .column-4.font-lg, body.admin .column-xs-4.font-lg, body.admin .column-5.font-lg, body.admin .column-xs-5.font-lg, body.admin .column-6.font-lg, body.admin .column-xs-6.font-lg, body.admin .column-7.font-lg, body.admin .column-xs-7.font-lg, body.admin .column-8.font-lg, body.admin .column-xs-8.font-lg, body.admin .column-9.font-lg, body.admin .column-xs-9.font-lg, body.admin .column-10.font-lg, body.admin .column-xs-10.font-lg, body.admin .column-11.font-lg, body.admin .column-xs-11.font-lg, body.admin .column-12.font-lg, body.admin .column-xs-12.font-lg, body.admin a.appColumn.font-lg, body.admin .moduleColumn.font-lg, body.admin .addModulePopup.font-lg, body.admin .column-sm-1.font-lg, body.admin .column-sm-2.font-lg, body.admin .column-sm-3.font-lg, body.admin .column-sm-4.font-lg, body.admin .column-sm-5.font-lg, body.admin .column-sm-6.font-lg, body.admin .column-sm-7.font-lg, body.admin .column-sm-8.font-lg, body.admin .column-sm-9.font-lg, body.admin .column-sm-10.font-lg, body.admin .column-sm-11.font-lg, body.admin .column-sm-12.font-lg, body.admin .column-md-1.font-lg, body.admin .column-md-2.font-lg, body.admin .column-md-3.font-lg, body.admin .column-md-4.font-lg, body.admin .column-md-5.font-lg, body.admin .column-md-6.font-lg, body.admin .column-md-7.font-lg, body.admin .column-md-8.font-lg, body.admin .column-md-9.font-lg, body.admin .column-md-10.font-lg, body.admin .column-md-11.font-lg, body.admin .column-md-12.font-lg, body.admin .column-lg-1.font-lg, body.admin .column-lg-2.font-lg, body.admin .column-lg-3.font-lg, body.admin .column-lg-4.font-lg, body.admin .column-lg-5.font-lg, body.admin .column-lg-6.font-lg, body.admin .column-lg-7.font-lg, body.admin .column-lg-8.font-lg, body.admin .column-lg-9.font-lg, body.admin .column-lg-10.font-lg, body.admin .column-lg-11.font-lg, body.admin .column-lg-12.font-lg { font-size: 14px; font-size: 0.875rem; } body.admin .column-1 { width: 8.33333%; } body.admin .column-xs-1 { width: 8.33333%; } body.admin .column-2 { width: 16.66667%; } body.admin .column-xs-2 { width: 16.66667%; } body.admin .column-3 { width: 25%; } body.admin .column-xs-3 { width: 25%; } body.admin .column-4 { width: 33.33333%; } body.admin .column-xs-4 { width: 33.33333%; } body.admin .column-5 { width: 41.66667%; } body.admin .column-xs-5 { width: 41.66667%; } body.admin .column-6 { width: 50%; } body.admin .column-xs-6 { width: 50%; } body.admin .column-7 { width: 58.33333%; } body.admin .column-xs-7 { width: 58.33333%; } body.admin .column-8 { width: 66.66667%; } body.admin .column-xs-8 { width: 66.66667%; } body.admin .column-9 { width: 75%; } body.admin .column-xs-9 { width: 75%; } body.admin .column-10 { width: 83.33333%; } body.admin .column-xs-10 { width: 83.33333%; } body.admin .column-11 { width: 91.66667%; } body.admin .column-xs-11 { width: 91.66667%; } body.admin .column-12 { width: 100%; } body.admin .column-xs-12 { width: 100%; } body.admin .action-title { padding: 12px 15px; font-family: "muli-bold", sans-serif; border-bottom: 1px solid #e0e0e0; background: #f9f9f9; border: 1px solid #ccc; font-size: 25px; font-size: 1.5625rem; } body.admin h1 { font-family: "muli-bold", sans-serif; font-size: 25px; font-size: 1.5625rem; } body.admin h1 small { font-size: 75%; vertical-align: middle; color: #666; } body.admin h2 { font-family: "muli-bold", sans-serif; font-size: 21px; font-size: 1.3125rem; } body.admin .clear { clear: both; } body.admin .sidebar { width: 50px; position: fixed; height: 100%; background: #1f2837; color: #fff; overflow: hidden; z-index: 2010; top: 0; bottom: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.admin .sidebar:hover { width: 240px; -webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2); box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2); } body.admin .sidebar .sidebar-inner { width: 240px; height: 100%; } body.admin .sidebar .sidebar-content { width: 100%; height: calc(100% - 65px); overflow-y: auto; } body.admin .sidebar .sidebar-heading { height: 65px; display: block; background: #00b6f0; padding: 0 10px; line-height: 66px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } body.admin .sidebar .sidebar-heading .logo { background: url('img/logo-black.png') no-repeat center center; background-size: 32px 32px; width: 32px; height: 49px; display: inline-block; margin: 8px 0 0 0; } body.admin .sidebar .sidebar-heading span { font-size: 18px; padding-left: 10px; } body.admin .sidebar .sidebar-title { text-transform: uppercase; color: #999; display: block; padding: 8px 54px; margin: 25px 0 0 0; font-size: 12px; font-size: 0.75rem; } body.admin .sidebar .sidebar-list { margin: 0; } body.admin .sidebar .sidebar-list li { display: block; position: relative; } body.admin .sidebar .sidebar-list li a { display: block; padding: 10px 12px; color: #ccc; text-decoration: none; line-height: 24px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .sidebar .sidebar-list li a:hover { background: rgba(0, 0, 0, 0.2); color: #fff; } body.admin .sidebar .sidebar-list li a .title { display: inline-block; max-width: calc(100% - 50px); } body.admin .sidebar .sidebar-list li.active a { background: rgba(0, 182, 240, 0.3); color: #fff; } body.admin .sidebar .sidebar-list li.open a { background: rgba(0, 0, 0, 0.3); } body.admin .sidebar .sidebar-list li .icon { margin: 0 20px 0 4px; font-size: 16px; font-size: 1rem; } body.admin .sidebar .sidebar-list li.admin-active a { color: #81ca80; } body.admin .sidebar .sidebar-list li.admin-active a .icon { color: #81ca80; } body.admin .sidebar .sidebar-list li .caret:not(.ignoreAdmin) { position: absolute; top: 15px; right: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } body.admin .sidebar .sidebar-list li.open .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } body.admin .sidebar .sidebar-list li ul.dropdown { background: rgba(0, 0, 0, 0.1); display: none; } body.admin .sidebar .sidebar-list li ul.dropdown li a { padding: 13px 25px 13px 35px; } body.admin .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } body.admin .ui-resizable-handle:hover { background: rgba(103, 157, 255, 0.5); } body.admin .ui-resizable-n, body.admin .ui-resizable-s { height: 7px; width: 100%; } body.admin .ui-resizable-n { cursor: n-resize; top: -5px; left: 0; } body.admin .ui-resizable-s { cursor: s-resize; bottom: -5px; left: 0; } body.admin .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } body.admin .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } body.admin .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } body.admin .ui-resizable-sw, body.admin .ui-resizable-nw, body.admin .ui-resizable-ne { width: 9px; height: 9px; } body.admin .ui-resizable-sw { cursor: sw-resize; left: -5px; bottom: -5px; } body.admin .ui-resizable-nw { cursor: nw-resize; left: -5px; top: -5px; } body.admin .ui-resizable-ne { cursor: ne-resize; right: -5px; top: -5px; } body.admin .overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 4500; display: none; } body.admin .overlay .overlayInner { position: fixed; z-index: 5000; top: 50%; left: 50%; background: #fff; padding: 15px; max-width: 50%; border: 1px solid #fff; font-size: 14px; font-size: 0.875rem; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); } body.admin .overlay .overlayInner p { margin: 0.8em 0; } body.admin .overlay .close-overlay { position: absolute; right: 15px; top: 15px; } body.admin .message { display: block; padding: 5px 10px; border: 1px solid transparent; margin: 0 0 10px 0; font-size: 13px; font-size: 0.8125rem; -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5); font-family: "muli", sans-serif; } body.admin .message.message-default { background-color: #fff; border-color: #e6e6e6; color: #fff; } body.admin .message.message-primary { background-color: #00b6f0; border-color: #008fbd; color: #f0fbff; } body.admin .message.message-warning { background-color: #fe8d45; border-color: #fe6e12; color: #fff; } body.admin .message.message-danger { background-color: #e96562; border-color: #e33935; color: #fff; } body.admin .message.message-success { background-color: #81ca80; border-color: #5dbb5c; color: #fff; } body.admin .message.message-info { background-color: #6bbcd7; border-color: #43aacc; color: #fff; } body.admin .message.message-sub { background-color: #f1f1f1; border-color: #d8d8d8; color: #fff; } body.admin .fixed-message { position: fixed; bottom: 10px; right: 10px; color: #fff; width: 100%; max-width: 300px; background: rgba(0, 0, 0, 0.7); padding: 10px 15px; border: 1px solid transparent; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; box-shadow: inset 0 0 1px #fff; -webkit-transition: bottom 0.25s ease-in-out; -moz-transition: bottom 0.25s ease-in-out; -ms-transition: bottom 0.25s ease-in-out; transition: bottom 0.25s ease-in-out; } body.admin .fixed-message.default { border-color: #fff; } body.admin .fixed-message.primary { border-color: #00b6f0; } body.admin .fixed-message.warning { border-color: #fe8d45; } body.admin .fixed-message.danger { border-color: #e96562; } body.admin .fixed-message.success { border-color: #81ca80; } body.admin .fixed-message.info { border-color: #6bbcd7; } body.admin .fixed-message.sub { border-color: #f1f1f1; } body.admin .fixed-message.error { border-color: #d8000c; } body.admin .icon.icon-small { width: 11px; height: 11px; } body.admin .icon.icon-fw { width: 1.28571em; text-align: center; display: inline-block; } body.admin .icon.icon-custom { display: inline-block; width: 16px; height: 16px; background-size: cover; background-position: center center; background-repeat: no-repeat; } body.admin .icon.icon-custom.flag-nl { background-image: url('img/ml_nl.png'); } body.admin .icon.icon-custom.flag-en { background-image: url('img/ml_en.png'); } body.admin .icon.icon-custom.flag-de { background-image: url('img/ml_de.png'); } body.admin .icon.icon-custom.flag-fr { background-image: url('img/ml_fr.png'); } body.admin .icons-stack { position: relative; display: inline-block; width: 2em; } body.admin .icons-stack .stack-1x, body.admin .icons-stack .stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } body.admin .icons-stack .stack-1x { line-height: inherit; } body.admin .icons-stack .stack-2x { font-size: 2em; } body.admin .table a.icon { font-size: 14px; padding: 0 0 0 5px; } body.admin .icon.icon-default:before { content: "\ec56"; } body.admin .icon.icon-asset-manager:before { content: "\e93e"; } body.admin .icon.icon-levels:before { content: "\eb49"; } body.admin .icon.icon-entry-types:before { content: "\ea9c"; } body.admin .icon.icon-groups:before { content: "\eb09"; } body.admin .icon.icon-edit:before { content: "\e910"; } body.admin .icon.icon-remove:before { content: "\ed6a"; } body.admin .icon.icon-door-out:before { content: "\ec48"; } body.admin .icon.icon-clone-group:before { content: "\e9cd"; } body.admin .icon.icon-clone:before { content: "\e9c8"; } body.admin .icon.icon-site-tree:before { content: "\ec56"; } body.admin .icon.icon-clean-db:before { content: "\ea9a"; } body.admin .icon.icon-multilingual:before { content: "\ed41"; } body.admin .icon.icon-plugin-manager:before { content: "\ec4a"; } body.admin .icon.icon-content-beheer:before { content: "\e99f"; } body.admin .icon.icon-error-log:before { content: "\ed4d"; } body.admin .icon.icon-health-check:before { content: "\eb6c"; } body.admin .icon.icon-settings:before { content: "\eb5c"; } body.admin .caret:not(.ignoreAdmin) { background-image: url('img/caret.png'); background-repeat: no-repeat; background-position: center center; background-size: 16px 11px; display: inline-block; width: 16px; height: 11px; margin: 5px 5px 0; } body.admin .caret:not(.ignoreAdmin).dark { background-image: url('img/caret-dark.png'); } body.admin .caret:not(.ignoreAdmin).open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } body.admin .main-page-container { padding: 0; font-size: 0; } body.admin .page-container { display: block; height: 100%; margin-left: 50px; } body.admin .entry-types { margin: 0 0 15px 0; } body.admin .entry-types .caret { margin: 5px 5px 0; border: 0; float: right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .btn-panel { background: #fff; margin: 10px 0; border: 1px solid #ccc; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } body.admin .btn-panel .panel-body { padding: 10px; } body.admin .btn-panel .panel-body .btn { float: left; } body.admin .page-top { height: 64px; padding: 0 20px; background: #fff; position: fixed; z-index: 10; left: 50px; top: 0; right: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: flex; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } body.admin .page-top-placeholder { height: 64px; } body.admin input:focus, body.admin textarea:focus { outline: 0; } body.admin #out { font-size: 14px; font-size: 0.875rem; } body.admin #out div { display: block; padding: 3px 0; } body.admin .search { display: inline-block; width: 30%; margin: 0 10px; line-height: 65px; } body.admin .search .search-input { border: 0; border-bottom: 1px solid #fafafa; display: inline-block; width: calc(100% - 21px); padding: 7px 10px; font-family: "muli", arial, helvetica, sans-serif; font-size: 14px; font-size: 0.875rem; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .search .search-input:focus { border-bottom: 1px solid #ccc; } body.admin .search .search-button { background-image: url('img/icons/search.png'); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; background-color: transparent; cursor: pointer; width: 16px; height: 16px; border: 0; display: inline-block; opacity: 0.3; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .search .search-button:hover { opacity: 0.8; } body.admin .date { display: none; padding: 0 25px; line-height: 65px; color: #666; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; background: #fafafa; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } body.admin .date .icon { top: 23px; margin-right: 8px; } @media screen and (min-width: 768px) { body.admin .date { display: inline-block; } } body.admin .user { display: block; height: 64px; padding: 0 15px; line-height: 64px; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.admin .user strong { font-family: "muli-bold", arial, verdana, sans-serif; } body.admin .user.open { background: #fafafa; } body.admin .user.open .caret { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } body.admin .user .caret { margin: 26px 0 0 10px; border: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.admin .user .dropdown { position: absolute; left: 0; top: 65px; display: none; background: #fff; width: 100%; padding: 10px 0; list-style-type: none; z-index: 5; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } body.admin .user .dropdown .icon { top: -1px; margin-right: 10px; font-size: 14px; font-size: 0.875rem; } body.admin .user .dropdown li { display: block; line-height: 16px; } body.admin .user .dropdown li a { text-decoration: none; display: block; padding: 10px 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .user .dropdown li a:hover { background: #fafafa; } body.admin .page-header { background-color: #f6f6f6; border-bottom: 1px solid #ddd; width: 100%; padding: 0; display: inline-block; color: #fff; margin: 65px 0 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } body.admin .page-header-title { font-size: 34px; font-weight: 300; width: 100%; text-shadow: 0 0 7px rgba(0, 0, 0, 0.5); } body.admin a.page-header-button { text-decoration: none; outline: none; display: block; float: left; margin: 8px 10px; line-height: 20px; color: #333; padding: 0 20px 0; background: #fff; background: linear-gradient(#fff, #f9f9f9); position: relative; font-size: 12px; font-size: 0.75rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35); } body.admin a.page-header-button:hover { background: #f9f9f9; background: linear-gradient(#f9f9f9, #f1f1f1); } body.admin a.page-header-button.redButton { color: #fff; background: rgba(255, 0, 0, 0.8); } body.admin a.page-header-button.redButton:hover { background-color: #f00; } body.admin .button, body.admin a.button { display: inline-block; padding: 5px 12px; border: 1px solid transparent; cursor: pointer; opacity: 0.8; color: #fff; font-size: 14px; font-size: 0.875rem; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; line-height: 28px; } body.admin .button.right, body.admin a.button.right { position: absolute; right: 15px; } body.admin .button:hover, body.admin a.button:hover { opacity: 1; } body.admin .button.disabled, body.admin a.button.disabled, body.admin .button.disabled:hover, body.admin a.button.disabled:hover { cursor: no-drop; opacity: 0.6; } body.admin .button.block-blue, body.admin a.button.block-blue { background-color: #00b6f0; border-color: #009bcc; } body.admin .button.block-gray, body.admin a.button.block-gray { border-color: #333; background-color: #666; } body.admin .button.block-green, body.admin a.button.block-green { border-color: #098200; background-color: #0dbf00; } body.admin .button.block-red, body.admin a.button.block-red { border-color: #b7000a; background-color: #ff000e; } body.admin .button.block-orange, body.admin a.button.block-orange { background: #ff7800; border-color: #9f6000; } body.admin .button.block-darkgray, body.admin a.button.block-darkgray { border-color: #111; } body.admin .button.block-lightgray, body.admin a.button.block-lightgray { border-color: #999; } body.admin .button-block { display: block; margin: 10px 0; width: 100%; } body.admin .page-block { display: block; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); font-size: 13px; background: #fff; position: relative; } body.admin .page-block:nth-child(n+1) { margin-bottom: 15px; } body.admin .page-block.boxed { padding: 15px 20px; } body.admin .page-block.multiple { margin: 0 0 15px 0; } body.admin .page-block .page-heading { display: block; padding: 12px 15px; font-family: "muli-bold", sans-serif; border-bottom: 1px solid #e0e0e0; background: #f9f9f9; position: relative; font-size: 16px; font-size: 1rem; } body.admin .page-block .page-heading .options { display: inline-block; position: absolute; right: 10px; top: 9px; padding: 0; } body.admin .page-block .page-body { position: relative; padding: 15px; } body.admin .page-block .page-body.clean-padding { padding: 0; } body.admin .page-block .page-body p { margin: 0.5em 0 0.5em 0; } body.admin .page-block .page-body.maxHeight { max-height: 500px; overflow-y: auto; } body.admin .page-block .page-body #out { display: block; } body.admin .page-block .page-body #out .rule { display: block; padding: 5px 0; border-bottom: 1px solid #e0e0e0; } body.admin .page-block .page-body #out .rule:last-child { border-bottom: 0; } body.admin .page-block .page-body #out .rule .time { font-family: "muli-bold", sans-serif; } body.admin .page-block .page-footer { border-top: 1px solid #e0e0e0; padding: 10px 15px; background: #f9f9f9; } body.admin .page-block .page-list.striped .list-item:nth-child(even) { background: #f9f9f9; } body.admin .page-block .page-list .list-item { position: relative; display: block; border-bottom: 1px solid #d9d9d9; padding: 10px; vertical-align: middle; color: #333; } body.admin .page-block .page-list .list-item.item-lg { font-size: 14px; font-size: 0.875rem; } body.admin .page-block .page-list .list-item.listViewItem { padding: 0; } body.admin .page-block .page-list .list-item.link { padding: 0; white-space: nowrap; overflow: hidden; } body.admin .page-block .page-list .list-item.link a:not(.caret):not(.toggle) { display: inline-block; padding: 10px; width: 85%; white-space: normal; } body.admin .page-block .page-list .list-item.link .anchor:hover, body.admin .page-block .page-list .list-item.link .anchor.active { background: #fbfbfb; } body.admin .page-block .page-list .list-item.link .toggle { display: inline-block; width: 14%; padding: 8px 0 12px; text-align: center; border-left: 1px solid #f1f1f1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.admin .page-block .page-list .list-item.link .toggle:hover, body.admin .page-block .page-list .list-item.link .toggle.active { background: #fbfbfb; } body.admin .page-block .page-list .list-item.link .caret { display: inline-block; vertical-align: middle; border-style: solid; border-width: 5px 5px 0 5px; border-color: #666 transparent transparent transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.admin .page-block .page-list .list-item.link .caret.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } body.admin .page-block .page-list .list-item.odd { background: #fff; } body.admin .page-block .page-list .list-item.even { background: #f9f9f9; } body.admin .page-block .page-list .list-item.folder, body.admin .page-block .page-list .list-item.add { background: #f9f9f9; } body.admin .page-block .page-list .list-item.file { background: #fff; } body.admin .page-block .page-list .list-item:last-child { border-bottom: 0; } body.admin .page-block .page-list .list-item [class*='col-'] { margin-bottom: 0; padding: 0 5px; } body.admin .page-block .page-list .list-item .content, body.admin .page-block .page-list .list-item .info, body.admin .page-block .page-list .list-item .data { vertical-align: middle; font-size: 14px; font-size: 0.875rem; } body.admin .page-block .page-list .list-item .content .title.bold, body.admin .page-block .page-list .list-item .info .title.bold, body.admin .page-block .page-list .list-item .data .title.bold { font-family: "muli-bold", sans-serif; } body.admin .page-block .page-list .list-item .content .itemsType, body.admin .page-block .page-list .list-item .info .itemsType, body.admin .page-block .page-list .list-item .data .itemsType { font-size: 12px; font-size: 0.75rem; } body.admin .page-block .page-list .list-item .data { padding-top: 7px; border-top: 1px solid #f1f1f1; } body.admin .page-block .page-list .list-item .right { display: block; padding: 7px 0; text-align: right; } body.admin .page-block .page-list .list-item .right .icon { font-size: 18px; font-size: 1.125rem; } body.admin .page-block .page-list .list-item .right.no-padding { padding: 0; } body.admin .page-block .page-list .list-item .identifier { padding: 10px; font-family: "muli-bold", sans-serif; } body.admin .page-block .page-list .list-item .entryType { display: block; cursor: pointer; } body.admin .page-block .page-list .list-item .entryType.active { border-bottom: 1px solid #f9f9f9; padding: 0 0 10px 0; } body.admin .page-block .page-list .list-item .entryTypeInputs { display: none; padding: 25px 0 15px 0; } body.admin .page-block .page-list .list-item .sub-menu { display: none; background: #fbfbfb; } body.admin .page-block .page-list .list-item .sub-menu .list-item { padding: 0 0 0 15px; border: 0; } body.admin .page-block .page-list .list-item .sub-menu .list-item:last-child { border-bottom: 1px solid #d9d9d9; } body.admin .page-block .page-list .list-item .sub-menu .list-item a:not(.caret):not(.toggle) { padding: 5px 4px; font-size: 13px; font-size: 0.8125rem; } body.admin .page-block .page-list.hover .list-item:hover { background: #f9f9f9; } body.admin .page-block .page-list.users .list-item h3 { margin: 10px 0 0 0; } body.admin .page-block .reload { position: absolute; top: 0; right: 0; padding: 5px; } body.admin .page-block .reload:hover { background: #f1f1f1; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } body.admin .page-block.clean { margin: 0; } body.admin .page-block.small-rounded .page-heading { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } body.admin .page-block.medium-rounded .page-heading { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } body.admin .page-block.large-rounded .page-heading { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } body.admin .page-block.page-default { border-color: #fff; } body.admin .page-block.page-default .page-heading { background: #fff; border-color: #fff; color: #bfbfbf; } body.admin .page-block.page-default .page-footer { background: #fff; border-color: #fff; color: #bfbfbf; } body.admin .page-block.page-primary { border-color: #00b6f0; } body.admin .page-block.page-primary .page-heading { background: #71ddff; border-color: #3ed0ff; color: #005571; } body.admin .page-block.page-primary .page-footer { background: #71ddff; border-color: #3ed0ff; color: #005571; } body.admin .page-block.page-warning { border-color: #fe8d45; } body.admin .page-block.page-warning .page-heading { background: #ffdbc4; border-color: #febc91; color: #c24c01; } body.admin .page-block.page-warning .page-footer { background: #ffdbc4; border-color: #febc91; color: #c24c01; } body.admin .page-block.page-danger { border-color: #e96562; } body.admin .page-block.page-danger .page-heading { background: #f9d3d2; border-color: #f2a7a5; color: #b21c19; } body.admin .page-block.page-danger .page-footer { background: #f9d3d2; border-color: #f2a7a5; color: #b21c19; } body.admin .page-block.page-success { border-color: #81ca80; } body.admin .page-block.page-success .page-heading { background: #daf0da; border-color: #b7e1b6; color: #3d8f3c; } body.admin .page-block.page-success .page-footer { background: #daf0da; border-color: #b7e1b6; color: #3d8f3c; } body.admin .page-block.page-info { border-color: #6bbcd7; } body.admin .page-block.page-info .page-heading { background: #cfe9f2; border-color: #a7d7e7; color: #297d99; } body.admin .page-block.page-info .page-footer { background: #cfe9f2; border-color: #a7d7e7; color: #297d99; } body.admin .page-block.page-sub { border-color: #f1f1f1; } body.admin .page-block.page-sub .page-heading { background: #fff; border-color: #fff; color: #b1b1b1; } body.admin .page-block.page-sub .page-footer { background: #fff; border-color: #fff; color: #b1b1b1; } body.admin .page-block .health-status { padding: 5px 10px; } body.admin .page-block .health-status .icon { top: 0; vertical-align: middle; font-size: 38px; } body.admin .page-block .health-status .status { vertical-align: middle; margin-left: 10px; } body.admin .box-visual { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 30px; font-size: 1.875rem; text-align: center; margin-right: 10px; } body.admin .box-visual.rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } body.admin .box-info { padding: 10px; display: inline-block; position: relative; max-width: 70%; } body.admin .box-info h3 { font-family: "muli-bold", sans-serif; font-weight: normal; font-size: 18px; font-size: 1.125rem; } body.admin .box-info h5 { font-weight: normal; margin-bottom: 0; } body.admin .box-info .loading { position: absolute; background-color: #fff; top: 0; bottom: 0; width: 100%; font-size: 32px; } body.admin .box-info .loading .ajaxLoading { position: absolute; left: 25%; top: 25%; color: #666; } body.admin a.appColumn { width: 240px; color: #333; } body.admin a.appColumn .page-block { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } body.admin a.appColumn .page-block:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } body.admin .appIcon { width: 180px; height: 180px; background-size: contain; } body.admin .add-border-lightgray { border: 1px solid #ccc; } body.admin .margin-large-bottom { margin-bottom: 15px; } body.admin .form-group { display: block; margin: 7px 0; font-size: 13px; } body.admin .form-group.table-form { margin: 0; } body.admin .form-group label { display: block; font-family: "muli-bold", sans-serif; padding: 5px 0; } body.admin .form-group label > Input { position: relative; top: 0.15em; } body.admin .form-group .form-group-input, body.admin .form-group .form-group-select { width: 100%; border: 1px solid #ccc; padding: 5px; font-family: "muli", Arial, Helvetica, sans-serif; font-size: 13px; font-size: 0.8125rem; -webkit-box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .form-group .form-group-input:hover, body.admin .form-group .form-group-select:hover, body.admin .form-group .form-group-input:focus, body.admin .form-group .form-group-select:focus { border-color: #00b6f0; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); -moz-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); } body.admin .form-group .form-group-color-input { margin: 10px 0 0 0; display: block; width: 148px; padding: 3px 5px; border: 1px solid #ccc; font-family: "muli", Arial, Helvetica, sans-serif; font-size: 13px; font-size: 0.8125rem; -webkit-box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .form-group .form-group-color-input:hover, body.admin .form-group .form-group-color-input:focus { border-color: #00b6f0; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); -moz-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); } body.admin .form-group .form-group-select { display: inline-block; } body.admin .form-group .form-group-information { width: 100%; display: block; padding: 5px 0; color: #666; font-size: 12px; font-size: 0.75rem; } body.admin .form-group-inline { display: block; } body.admin .form-group-inline.groups { display: inline-block; } body.admin .form-group-inline.groups > label { margin: 0 5px; } body.admin .form-group-inline.table-form { margin: 0; } body.admin .form-group-inline > label { display: inline-block; font-family: "muli-bold", sans-serif; margin: 5px 0; width: 20%; } body.admin .form-group-inline .form-group-input, body.admin .form-group-inline .form-group-select { float: right; width: 80%; display: inline-block; border: 1px solid #ccc; padding: 5px; font-family: "muli", Arial, Helvetica, sans-serif; -webkit-box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); box-shadow: 0px 0px 7px 0px rgba(42, 42, 42, 0.1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } body.admin .form-group-inline .form-group-input:hover, body.admin .form-group-inline .form-group-select:hover, body.admin .form-group-inline .form-group-input:focus, body.admin .form-group-inline .form-group-select:focus { border-color: #00b6f0; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); -moz-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); } body.admin .form-group-inline .form-group-input.small, body.admin .form-group-inline .form-group-select.small { width: 160px; } body.admin .form-group-inline .form-group-radio { display: inline-block; margin: 5px; } body.admin .form-group-inline .form-group-radio label:hover { cursor: pointer; } body.admin .form-group-inline .form-group-html, body.admin .form-group-inline .form-group-options { float: right; width: 80%; display: inline-block; } body.admin .form-group-inline .form-group-information { float: right; width: 80%; display: inline-block; padding: 5px 0; color: #666; font-size: 12px; font-size: 0.75rem; } body.admin .form-group-inline .input-group { display: inline-block; width: 80%; float: right; font-size: 0px; font-size: 0rem; } body.admin .form-group-inline .input-group .form-group-input { position: relative; z-index: 2; float: left; width: auto; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } body.admin .form-group-inline .input-group .form-group-input, body.admin .form-group-inline .input-group .input-group-addon, body.admin .form-group-inline .input-group .input-group-btn { width: auto; display: inline-block; } body.admin .form-group-inline .input-group .input-group-addon:first-child { border-right: 0; } body.admin .form-group-inline .input-group .input-group-addon:last-child { border-left: 0; } body.admin .form-group-inline .input-group .form-group-input:first-child, body.admin .form-group-inline .input-group .input-group-addon:first-child, body.admin .form-group-inline .input-group .input-group-btn:first-child > .btn, body.admin .form-group-inline .input-group .input-group-btn:first-child > .btn-group > .btn, body.admin .form-group-inline .input-group .input-group-btn:first-child > .dropdown-toggle, body.admin .form-group-inline .input-group .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, body.admin .form-group-inline .input-group .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } body.admin .form-group-inline .input-group .form-group-input:last-child, body.admin .form-group-inline .input-group .input-group-addon:last-child, body.admin .form-group-inline .input-group .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, body.admin .form-group-inline .input-group .input-group-btn:first-child > .btn:not(:first-child), body.admin .form-group-inline .input-group .input-group-btn:last-child > .btn, body.admin .form-group-inline .input-group .input-group-btn:last-child > .btn-group > .btn, body.admin .form-group-inline .input-group .input-group-btn:last-child > .dropdown-toggle { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } body.admin .form-group-inline .input-group .form-group-input:not(:first-child):not(:last-child), body.admin .form-group-inline .input-group .input-group-addon:not(:first-child):not(:last-child), body.admin .form-group-inline .input-group .input-group-btn:not(:first-child):not(:last-child) { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } body.admin .form-group.clean, body.admin .form-group-inline.clean { margin: 0; padding: 0; } body.admin .form-group label, body.admin .form-group-inline label { vertical-align: middle; } body.admin .form-group.form-color, body.admin .form-group-inline.form-color { display: inline-block; margin: 0 20px 0 0; } body.admin .form-group .checkbox, body.admin .form-group-inline .checkbox { margin-right: 5px; } body.admin .form-group .checkbox input[type='checkbox'], body.admin .form-group-inline .checkbox input[type='checkbox'] { display: none; } body.admin .form-group .checkbox input[type='checkbox'] + span, body.admin .form-group-inline .checkbox input[type='checkbox'] + span { margin-right: 5px; display: inline-block; cursor: pointer; } body.admin .form-group .checkbox input[type='checkbox'] + span:before, body.admin .form-group-inline .checkbox input[type='checkbox'] + span:before { color: #666; content: "\ee6c"; font-family: "IcoMoon-Ultimate", sans-serif; display: inline-block; font-size: 14px; font-size: 0.875rem; } body.admin .form-group .checkbox input[type='checkbox']:checked + span:before, body.admin .form-group-inline .checkbox input[type='checkbox']:checked + span:before { color: #333; content: "\ee6b"; } body.admin .form-group .checkbox input[type='checkbox']:disabled + span, body.admin .form-group-inline .checkbox input[type='checkbox']:disabled + span { opacity: 0.6; cursor: not-allowed; } body.admin .form-group:hover input[type='checkbox'] + span:before, body.admin .form-group-inline:hover input[type='checkbox'] + span:before, body.admin .form-group:hover input[type='radio'] + span:before, body.admin .form-group-inline:hover input[type='radio'] + span:before { color: #333; } body.admin .input-group-addon { padding: 5px 12px; font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #555; background-color: #eee; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; width: auto; float: left; } body.admin .form-group-checkbox { display: block; margin: 5px 0; } body.admin .form-group-checkbox input[type='checkbox'] { display: inline-block; margin: 0 7px; text-align: center; } body.admin .form-group-checkbox label { display: inline-block; width: 80%; } body.admin .classList { display: block; } body.admin .table { width: 100%; margin-bottom: 0; background: #fff; } body.admin .table.table-extend { margin: 0 0 10px 0; } body.admin .table th { text-align: left; vertical-align: bottom; font-family: "muli-bold", sans-serif; background: #f9f9f9; } body.admin .table th.small-head { width: 25%; text-align: right; } body.admin .table td, body.admin .table th { line-height: 1.4; vertical-align: middle; border-top: 1px solid #ddd; word-break: break-word; padding: 3px; font-size: 14px; font-size: 0.875rem; } body.admin .table .success { background-color: #dff0d8; } body.admin .table .info { background-color: #d9edf7; } body.admin .table .warning { background-color: #fcf8e3; } body.admin .table .danger { background-color: #f2dede; } body.admin .table.fixedtop thead { display: block; width: 100%; } body.admin .table.fixedtop tbody { display: block; width: 100%; height: 70vh; overflow: auto; } body.admin .table.fixedtop td, body.admin .table.fixedtop th:not(:first-child) { min-width: 120px; max-width: 120px; } body.admin .table-striped tr:nth-of-type(odd) { background-color: #f4f4f4; } body.admin .table-striped-extend tr:nth-child(4n+1) td, body.admin .table-striped-extend tr:nth-child(4n+3) td { border-top: transparent; padding-top: 0px; } body.admin .table-striped-extend tr:nth-of-type(4n+0) { background-color: #f4f4f4; } body.admin .table-striped-extend tr:nth-of-type(4n+1) { background-color: #f4f4f4; } body.admin .table-striped-extend tr th:first-child { padding-left: 15px; } body.admin .table-striped-extend tr td:first-child { padding-left: 15px; } body.admin .moveHandle { width: 20px; height: 20px; background: url('img/move64.png'); background-size: contain; display: inline-block; cursor: move; } body.admin .list-group { display: block; } body.admin .list-group .list-group-item { text-decoration: none; display: block; padding: 10px 12px; margin: 5px 0 0 0; background: #f9f9f9; border: 1px solid rgba(0, 0, 0, 0.1); position: relative; -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1); box-shadow: inset 0 0 1px rgba(255, 255, 255, 1); } body.admin .list-group .list-group-item .title { font-size: 18px; font-size: 1.125rem; } body.admin .list-group .list-group-item .changelog { color: #c0c0c0; } body.admin .list-group .list-group-item .moveHandle { margin-top: -3px; margin-bottom: -3px; } body.admin .list-group .list-group-item .icon { padding: 2px 5px; display: inline-block; color: #000; } body.admin .list-group .list-group-item .icon:hover { color: #00b6f0; } body.admin .list-group .list-group-item .options { position: absolute; right: 15px; top: 11px; } body.admin .list-group .list-group-main { display: block; } body.admin .list-group .list-group-main.open .icon-plus { display: inline-block; padding: 2px 5px; } body.admin .list-group .list-group-main.closed .icon-plus { display: none; } body.admin .list-group .list-group-main .list-group-main { margin: 0 0 0 25px; display: none; } body.admin .list-group .list-group-main .list-group-main .list-group-main { margin: 0 0 0 50px; display: none; } body.admin .list-group .list-group-main .list-group-main .list-group-main .list-group-main { margin: 0 0 0 75px; display: none; } body.admin .list-group .list-group-main .list-group-heading { display: block; padding: 10px 12px; margin: 5px 0 0 0; background: #ccc; border: 1px solid rgba(0, 0, 0, 0.1); position: relative; cursor: pointer; font-size: 18px; font-size: 1.125rem; -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, 1); box-shadow: inset 0 0 1px rgba(255, 255, 255, 1); } body.admin .list-group .list-group-main .list-group-heading .options { position: absolute; right: 15px; top: 11px; } body.admin .list-group .list-group-main .list-group-heading .icon { padding: 2px 5px; display: inline-block; color: #000; } body.admin .list-group .list-group-main .list-group-heading .icon:hover { color: #00b6f0; } body.admin .list-group .list-group-main .list-group-item { display: none; margin: 5px 0 0 25px; } body.admin .list-group .list-group-main .entryTypeInputs { margin: 0 0 0 25px; } body.admin .list-group-hover .list-group-item { cursor: pointer; } body.admin .list-group-hover .list-group-item:hover { background: #f1f1f1; } body.admin .list-group-subs { padding-left: 30px; padding-bottom: 10px; overflow: hidden; } body.admin .appBuilder { overflow: auto; } body.admin .appBuilder .workspace { position: relative; transform-origin: 0 0; } body.admin .moduleColumn { position: absolute; width: 240px; color: #333; margin: 0; padding: 0; z-index: 2; } body.admin .moduleColumn .page-heading { cursor: move; } body.admin .moduleColumn .page-body { background: #fff; } body.admin .moduleContent { border-top: 1px solid #d1d1d1; margin-top: 10px; padding-top: 10px; } body.admin .moduleContentTitle { font-size: 16px; font-family: "muli-bold", sans-serif; } body.admin .modulePush { cursor: pointer; } body.admin .modulePush .icon { top: 0; } body.admin .addModule { position: absolute; width: 20px; height: 20px; background: black; color: #fff; text-align: center; line-height: 20px; cursor: pointer; right: 1px; top: -10px; font-size: 20px; font-size: 1.25rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } body.admin .addModulePopup { display: none; position: absolute; color: #333; margin: 0; padding: 0; z-index: 1001; } body.admin .addModulePopup .page-body { background: #fff; } body.admin .addModulePopup .addModulePopupItem { padding: 5px; cursor: pointer; } body.admin .addModulePopup .addModulePopupItem.active { color: blue; } body.admin .addModulePopup .addModulePopupSep { height: 1px; background: #d1d1d1; margin: 10px 0; } body.admin .moduleDropZone { position: absolute; background: rgba(234, 234, 234, 0.7); border: 3px solid black; border-style: dashed; z-index: 3; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } body.admin .moduleDropZone.highlight { border-color: #26a5cd; z-index: 4; } body.admin .lineSvg { position: absolute; z-index: 1; } body.admin .lineSvg svg { display: block; } body.admin .roundinputtext { width: 100%; } body.admin .error .formquestioninput { border: 1px solid red; } body.admin .deleteBtn { float: right; background: #f00; } body.admin .deleteBtn:hover { background: #db0000; } body.admin .page-header-right { float: right; } body.admin .page-header-right .page-header-input { line-height: 24px; width: 75px; margin: 0 10px; color: #333; border: 1px solid #ccc; padding: 5px; font-family: "muli", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.1); -moz-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.1); box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.1); } body.admin .page-header-right .page-header-input:hover { -webkit-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); -moz-box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); box-shadow: inset 0px 0px 7px 0px rgba(42, 42, 42, 0.2); border-color: #00b6f0; } body.admin .list-group-item.highlight { border-color: blue; } body.admin .page-body-mod { display: inline-block; } body.admin .page-heading-edit, body.admin .page-heading-add { width: 20px; height: 20px; float: right; background: no-repeat center center; background-size: cover; cursor: pointer; } body.admin .page-heading-edit { background-image: url('img/icons/edit.png'); } body.admin .page-heading-add { background-image: url('img/icons/add.png'); } body.admin .moveHighlight { height: 1px; margin-top: -3px; position: absolute; left: 0; right: 0; } body.admin .moveHighlight.highlight { background: blue; } body.admin .popupLink { cursor: pointer; } body.admin .appHomeWrap { width: 100%; height: 100%; position: absolute; } body.admin .appHome { text-align: center; position: relative; top: 50%; padding: 0 20px; max-width: 300px; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } body.admin .appHome .appIcon { display: inline-block; margin: 20px; } body.admin .downloadApp { font-size: 20px; margin: 20px; } body.admin .appNotFound { margin-bottom: 10px; } body.admin .iconCreator { position: relative; } body.admin .icWorkspaceWrap { position: absolute; background: #eaeaea; left: 0; top: 0; right: 300px; bottom: 0; overflow: scroll; } body.admin .icWorkspace { transform-origin: 0 0; position: relative; } body.admin .icToolbar { position: absolute; top: 0; right: 0; bottom: 0; width: 300px; padding: 10px; overflow-y: scroll; } body.admin .icToolbar label { line-height: 20px; } body.admin .icIconBackground { position: absolute; background: #def ault; } body.admin .addModulePopupGroup { padding: 5px; font-family: "muli-bold", sans-serif; margin-top: 15px; } body.admin .addModulePopupGroup:first-child { margin: 0; } body.admin .icIconLayer { position: absolute; background: no-repeat center center; background-size: 100% 100%; } body.admin .icIconLayer.selected { outline: 2px solid #55c2e4; } body.admin .ictIconLayer.selected { background: #55c2e4; } body.admin .icbgMarker { position: absolute; pointer-events: none; z-index: 1005; left: 0; top: 0; right: 0; bottom: 0; outline: 2px solid rgba(0, 0, 0, 0.5); } body.admin .saveIcon { opacity: 0.5; } body.admin .iconExportList { white-space: nowrap; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; } body.admin .iconExportBtns { position: absolute; left: 10px; right: 10px; bottom: 10px; } body.admin .iconExportList .page-block { display: inline-block; margin: 10px; } body.admin .spacer { display: block; height: 20px; } body.admin .init-hidden { display: none !important; } body.admin .draglist { margin-left: 10px; cursor: move; position: relative; overflow: auto; overflow-x: hidden; } body.admin .draggable { position: relative; } body.admin .moduleInlineSubs { margin-top: 10px; } body.admin .moduleColumn .page-body .moduleDescription { cursor: pointer; } body.admin .editDraggable { background-image: url('img/icons/pencil.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; display: inline-block; width: 16px; height: 16px; position: relative; margin: 0 2px 0 10px; cursor: pointer; } body.admin .addDraggable { background-image: url('img/icons/plus.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; display: inline-block; width: 16px; height: 16px; position: relative; margin: 0 2px 0 5px; cursor: pointer; } body.admin .searchresults { margin: 10px; } a body.admin.cbPageItem { zoom: 1; display: inline; font-family: 'open_sanssemibold', sans-serif; background: #fff; width: 24px; height: 24px; margin: 0 5px; color: #2b78e4; text-align: center; line-height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-size: 17px; font-size: 1.0625rem; -webkit-box-shadow: 0 1px 1px 0 #c5c5c5; -moz-box-shadow: 0 1px 1px 0 #c5c5c5; box-shadow: 0 1px 1px 0 #c5c5c5; } a body.admin.cbPageItem.active { background: #2b78e4; color: #fff; } a body.admin.cbPageItem.left, a body.admin.cbPageItem.right { background-size: 8px 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a body.admin.cbPageItem.left { background: transparent url('img/arrowLeft-blue.png') no-repeat center center; } a body.admin.cbPageItem.right { background: transparent url('img/arrowRight-blue.png') no-repeat center center; } a body.admin.cbPageItem.edit, a body.admin.cbPageItem.add, a body.admin.cbPageItem.remove { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-size: 24px 24px; } a body.admin.cbPageItem.add { background: #2b78e4 url('img/plusButtonSmall.png') no-repeat center center; margin: 0 20px; } a body.admin.cbPageItem.remove { background: #2b78e4 url('img/removeButtonSmall.png') no-repeat center center; } a body.admin.cbPageItem.edit { background: #2b78e4 url('img/editButtonSmall.png') no-repeat center center; } body.admin .asset-callout { display: block; margin: 20px 0; padding: 20px; border-left: 3px solid transparent; position: relative; background-color: #e6e6e6; border-color: #bfbfbf; } body.admin .asset-callout.dotted { border: 3px dotted #bfbfbf; } body.admin .asset-callout.callout-sm { margin: 0; padding: 10px; } body.admin .asset-callout.default { background-color: #fff; border-color: #d9d9d9; } body.admin .asset-callout.default h4 { color: #bfbfbf; } body.admin .asset-callout.primary { background-color: #3ed0ff; border-color: #007ca4; } body.admin .asset-callout.primary h4 { color: #005571; } body.admin .asset-callout.warning { background-color: #febc91; border-color: #f56001; } body.admin .asset-callout.warning h4 { color: #c24c01; } body.admin .asset-callout.danger { background-color: #f2a7a5; border-color: #df241f; } body.admin .asset-callout.danger h4 { color: #b21c19; } body.admin .asset-callout.success { background-color: #b7e1b6; border-color: #4cb34b; } body.admin .asset-callout.success h4 { color: #3d8f3c; } body.admin .asset-callout.info { background-color: #a7d7e7; border-color: #349ec1; } body.admin .asset-callout.info h4 { color: #297d99; } body.admin .asset-callout.sub { background-color: #fff; border-color: #cbcbcb; } body.admin .asset-callout.sub h4 { color: #b1b1b1; } body.admin .asset-callout.trans { background-color: transparent; } body.admin .asset-callout .callout-bottom { position: absolute; bottom: 10px; right: 10px; } body.admin .asset-callout h4 { font-family: "muli-bold", sans-serif; font-weight: normal; margin: 0 0 10px 0; font-size: 16px; font-size: 1rem; color: #808080; } body.admin .asset-callout p { margin: 0; } @media only screen and (min-width: 768px) { body.admin body:not(.admin) .column-1, body:not(.admin) body.admin .column-1, body.admin body:not(.admin) .column-xs-1, body:not(.admin) body.admin .column-xs-1, body.admin body:not(.admin) .column-2, body:not(.admin) body.admin .column-2, body.admin body:not(.admin) .column-xs-2, body:not(.admin) body.admin .column-xs-2, body.admin body:not(.admin) .column-3, body:not(.admin) body.admin .column-3, body.admin body:not(.admin) .column-xs-3, body:not(.admin) body.admin .column-xs-3, body.admin body:not(.admin) .column-4, body:not(.admin) body.admin .column-4, body.admin body:not(.admin) .column-xs-4, body:not(.admin) body.admin .column-xs-4, body.admin body:not(.admin) .column-5, body:not(.admin) body.admin .column-5, body.admin body:not(.admin) .column-xs-5, body:not(.admin) body.admin .column-xs-5, body.admin body:not(.admin) .column-6, body:not(.admin) body.admin .column-6, body.admin body:not(.admin) .column-xs-6, body:not(.admin) body.admin .column-xs-6, body.admin body:not(.admin) .column-7, body:not(.admin) body.admin .column-7, body.admin body:not(.admin) .column-xs-7, body:not(.admin) body.admin .column-xs-7, body.admin body:not(.admin) .column-8, body:not(.admin) body.admin .column-8, body.admin body:not(.admin) .column-xs-8, body:not(.admin) body.admin .column-xs-8, body.admin body:not(.admin) .column-9, body:not(.admin) body.admin .column-9, body.admin body:not(.admin) .column-xs-9, body:not(.admin) body.admin .column-xs-9, body.admin body:not(.admin) .column-10, body:not(.admin) body.admin .column-10, body.admin body:not(.admin) .column-xs-10, body:not(.admin) body.admin .column-xs-10, body.admin body:not(.admin) .column-11, body:not(.admin) body.admin .column-11, body.admin body:not(.admin) .column-xs-11, body:not(.admin) body.admin .column-xs-11, body.admin body:not(.admin) .column-12, body:not(.admin) body.admin .column-12, body.admin body:not(.admin) .column-xs-12, body:not(.admin) body.admin .column-xs-12, body.admin body:not(.admin) .column-sm-1, body:not(.admin) body.admin .column-sm-1, body.admin body:not(.admin) .column-sm-2, body:not(.admin) body.admin .column-sm-2, body.admin body:not(.admin) .column-sm-3, body:not(.admin) body.admin .column-sm-3, body.admin body:not(.admin) .column-sm-4, body:not(.admin) body.admin .column-sm-4, body.admin body:not(.admin) .column-sm-5, body:not(.admin) body.admin .column-sm-5, body.admin body:not(.admin) .column-sm-6, body:not(.admin) body.admin .column-sm-6, body.admin body:not(.admin) .column-sm-7, body:not(.admin) body.admin .column-sm-7, body.admin body:not(.admin) .column-sm-8, body:not(.admin) body.admin .column-sm-8, body.admin body:not(.admin) .column-sm-9, body:not(.admin) body.admin .column-sm-9, body.admin body:not(.admin) .column-sm-10, body:not(.admin) body.admin .column-sm-10, body.admin body:not(.admin) .column-sm-11, body:not(.admin) body.admin .column-sm-11, body.admin body:not(.admin) .column-sm-12, body:not(.admin) body.admin .column-sm-12, body.admin body:not(.admin) .column-md-1, body:not(.admin) body.admin .column-md-1, body.admin body:not(.admin) .column-md-2, body:not(.admin) body.admin .column-md-2, body.admin body:not(.admin) .column-md-3, body:not(.admin) body.admin .column-md-3, body.admin body:not(.admin) .column-md-4, body:not(.admin) body.admin .column-md-4, body.admin body:not(.admin) .column-md-5, body:not(.admin) body.admin .column-md-5, body.admin body:not(.admin) .column-md-6, body:not(.admin) body.admin .column-md-6, body.admin body:not(.admin) .column-md-7, body:not(.admin) body.admin .column-md-7, body.admin body:not(.admin) .column-md-8, body:not(.admin) body.admin .column-md-8, body.admin body:not(.admin) .column-md-9, body:not(.admin) body.admin .column-md-9, body.admin body:not(.admin) .column-md-10, body:not(.admin) body.admin .column-md-10, body.admin body:not(.admin) .column-md-11, body:not(.admin) body.admin .column-md-11, body.admin body:not(.admin) .column-md-12, body:not(.admin) body.admin .column-md-12, body.admin body:not(.admin) .column-lg-1, body:not(.admin) body.admin .column-lg-1, body.admin body:not(.admin) .column-lg-2, body:not(.admin) body.admin .column-lg-2, body.admin body:not(.admin) .column-lg-3, body:not(.admin) body.admin .column-lg-3, body.admin body:not(.admin) .column-lg-4, body:not(.admin) body.admin .column-lg-4, body.admin body:not(.admin) .column-lg-5, body:not(.admin) body.admin .column-lg-5, body.admin body:not(.admin) .column-lg-6, body:not(.admin) body.admin .column-lg-6, body.admin body:not(.admin) .column-lg-7, body:not(.admin) body.admin .column-lg-7, body.admin body:not(.admin) .column-lg-8, body:not(.admin) body.admin .column-lg-8, body.admin body:not(.admin) .column-lg-9, body:not(.admin) body.admin .column-lg-9, body.admin body:not(.admin) .column-lg-10, body:not(.admin) body.admin .column-lg-10, body.admin body:not(.admin) .column-lg-11, body:not(.admin) body.admin .column-lg-11, body.admin body:not(.admin) .column-lg-12, body:not(.admin) body.admin .column-lg-12, body.admin .column-1, body.admin .column-xs-1, body.admin .column-2, body.admin .column-xs-2, body.admin .column-3, body.admin .column-xs-3, body.admin .column-4, body.admin .column-xs-4, body.admin .column-5, body.admin .column-xs-5, body.admin .column-6, body.admin .column-xs-6, body.admin .column-7, body.admin .column-xs-7, body.admin .column-8, body.admin .column-xs-8, body.admin .column-9, body.admin .column-xs-9, body.admin .column-10, body.admin .column-xs-10, body.admin .column-11, body.admin .column-xs-11, body.admin .column-12, body.admin .column-xs-12, body.admin a.appColumn, body.admin .moduleColumn, body.admin .addModulePopup, body.admin .column-sm-1, body.admin .column-sm-2, body.admin .column-sm-3, body.admin .column-sm-4, body.admin .column-sm-5, body.admin .column-sm-6, body.admin .column-sm-7, body.admin .column-sm-8, body.admin .column-sm-9, body.admin .column-sm-10, body.admin .column-sm-11, body.admin .column-sm-12, body.admin .column-md-1, body.admin .column-md-2, body.admin .column-md-3, body.admin .column-md-4, body.admin .column-md-5, body.admin .column-md-6, body.admin .column-md-7, body.admin .column-md-8, body.admin .column-md-9, body.admin .column-md-10, body.admin .column-md-11, body.admin .column-md-12, body.admin .column-lg-1, body.admin .column-lg-2, body.admin .column-lg-3, body.admin .column-lg-4, body.admin .column-lg-5, body.admin .column-lg-6, body.admin .column-lg-7, body.admin .column-lg-8, body.admin .column-lg-9, body.admin .column-lg-10, body.admin .column-lg-11, body.admin .column-lg-12 { padding: 0 10px; } body.admin pre.debug { padding: 5px; margin-left: 50px; } body.admin pre.debug.simple { padding: 0; } body.admin div.debug { margin-left: 50px; padding: 3px; } body.admin div.debug.simple { border-top: 1px solid #ccc; border-bottom: 1px solid #f9f9f9; } body.admin .column-sm-1 { width: 8.33333%; } body.admin .column-sm-2 { width: 16.66667%; } body.admin .column-sm-3 { width: 25%; } body.admin .column-sm-4 { width: 33.33333%; } body.admin .column-sm-5 { width: 41.66667%; } body.admin .column-sm-6 { width: 50%; } body.admin .column-sm-7 { width: 58.33333%; } body.admin .column-sm-8 { width: 66.66667%; } body.admin .column-sm-9 { width: 75%; } body.admin .column-sm-10 { width: 83.33333%; } body.admin .column-sm-11 { width: 91.66667%; } body.admin .column-sm-12 { width: 100%; } body.admin .action { width: 960px; } body.admin .adminDashboard .title { word-break: normal; } body.admin .main-page-container { padding: 15px; } body.admin .main-page-container .extra { padding: 0 15px; margin: 0 0 15px 0; } body.admin .list-group .list-group-item .options { position: absolute; right: 15px; top: 6px; } body.admin .list-group .list-group-item .options.small { top: 11px; } body.admin .leftToolbar { width: 30%; } body.admin .rightToolbar { width: 70%; } body.admin .blockLeftContent { width: 30%; } body.admin .search { margin: 0 25px; } body.admin .user { margin: 0 15px 0 0; } body.admin .table td, body.admin .table th { padding: 15px 5px; word-break: normal; } body.admin .table td.user-controls, body.admin .table th.user-controls { min-width: 75px; } body.admin .table td.center-text, body.admin .table th.center-text { text-align: center; } } body.admin .listboxes .buttons { width: 68px; } body.admin .listboxes .button { background-image: url('/css/img/order-buttons-lrud-sprite.png'); background-size: 60px; width: 30px; height: 30px; display: block; margin: 20px auto 0px; cursor: pointer; opacity: 1; border: 0; } body.admin .listboxes .button.button-move-left { background-position: bottom left; } body.admin .listboxes .button.button-move-up { background-position: top right; } body.admin .listboxes .button.button-move-down { background-position: bottom right; } body.admin .listboxes ::-webkit-input-placeholder { color: #b6b6b6; } body.admin .listboxes :-moz-placeholder { color: #b6b6b6; } body.admin .listboxes ::-moz-placeholder { color: #b6b6b6; } body.admin .listboxes :-ms-input-placeholder { color: #b6b6b6; } body.admin .listboxes .searchbar { margin-bottom: 30px; } body.admin .listboxes .searchinput { padding: 10px; border-radius: 3px; border: 1px solid #b6b6b6; box-shadow: 0 0 3px rgba(0, 0, 0, .15); width: 350px; } body.admin .listboxes select { width: 500px; min-width: 500px !important; height: 350px; padding: 10px; display: block; margin: 5px 0px; } body.admin .farbtastic { position: relative; width: 195px; height: 195px; } body.admin .farbtastic * { position: absolute; cursor: crosshair; } body.admin .farbtastic .wheel { background: url(img/farbtasticwheel.png) no-repeat; width: 195px; height: 195px; } body.admin .farbtastic .color, body.admin .overlay1 { top: 47px; left: 47px; width: 101px; height: 101px; } body.admin .farbtastic .overlay1 { background: url(img/farbtasticmask.png) no-repeat; } body.admin .farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(img/farbtasticmarker.png) no-repeat; } body.admin .colorpicker-row { float: left; margin-right: 25px; width: 150px; padding-bottom: 15px; } body.admin .colorpicker-row h2 { width: 150px; white-space: normal; height: 50px; } body.admin .colorpicker-row + tr { display: none; } body.admin .colorpicker-saturation { width: 100px; height: 100px; background-image: url("img/bootstrap-colorpicker/saturation.png"); cursor: crosshair; float: left; } body.admin .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } body.admin .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } body.admin .colorpicker-alpha, body.admin .colorpicker-hue { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } body.admin .colorpicker-alpha i, body.admin .colorpicker-hue i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } body.admin .colorpicker-hue { background-image: url("img/bootstrap-colorpicker/hue.png"); } body.admin .colorpicker-alpha { background-image: url("img/bootstrap-colorpicker/alpha.png"); display: none; } body.admin .colorpicker-alpha, body.admin .colorpicker-hue, body.admin .colorpicker-saturation { background-size: contain; } body.admin .colorpicker { padding: 4px; min-width: 130px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 2500; border: 1px solid #ccc; } body.admin .colorpicker:after, body.admin .colorpicker:before { display: table; content: ""; line-height: 0; } body.admin .colorpicker:after { clear: both; } body.admin .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, .2); position: absolute; top: -7px; left: 6px; } body.admin .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } body.admin .colorpicker div { position: relative; } body.admin .colorpicker.colorpicker-with-alpha { min-width: 140px; } body.admin .colorpicker.colorpicker-with-alpha .colorpicker-alpha { display: block; } body.admin .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url("img/bootstrap-colorpicker/alpha.png"); background-position: 0 100%; } body.admin .colorpicker-color div { height: 10px; } body.admin .colorpicker-selectors { display: none; height: 10px; margin-top: 5px; clear: both; } body.admin .colorpicker-selectors i { cursor: pointer; float: left; height: 10px; width: 10px; } body.admin .colorpicker-selectors i + i { margin-left: 3px; } body.admin .colorpicker-element .add-on i, body.admin .colorpicker-element .input-group-addon i { display: inline-block; cursor: pointer; height: 16px; vertical-align: text-top; width: 16px; } body.admin .colorpicker.colorpicker-inline { position: relative; display: inline-block; float: none; z-index: auto; } body.admin .colorpicker.colorpicker-horizontal { width: 110px; min-width: 110px; height: auto; } body.admin .colorpicker.colorpicker-horizontal .colorpicker-saturation { margin-bottom: 4px; } body.admin .colorpicker.colorpicker-horizontal .colorpicker-color { width: 100px; } body.admin .colorpicker.colorpicker-horizontal .colorpicker-alpha, body.admin .colorpicker.colorpicker-horizontal .colorpicker-hue { width: 100px; height: 15px; float: left; cursor: col-resize; margin-left: 0; margin-bottom: 4px; } body.admin .colorpicker.colorpicker-horizontal .colorpicker-alpha i, body.admin .colorpicker.colorpicker-horizontal .colorpicker-hue i { display: block; height: 15px; background: #fff; position: absolute; top: 0; left: 0; width: 1px; border: none; margin-top: 0; } body.admin .colorpicker.colorpicker-horizontal .colorpicker-hue { background-image: url("img/bootstrap-colorpicker/hue-horizontal.png"); } body.admin .colorpicker.colorpicker-horizontal .colorpicker-alpha { background-image: url("img/bootstrap-colorpicker/alpha-horizontal.png"); } body.admin .colorpicker-right:before { left: auto; right: 6px; } body.admin .colorpicker-right:after { left: auto; right: 7px; } body.admin .colorpicker-no-arrow:before { border-right: 0; border-left: 0; } body.admin .colorpicker-no-arrow:after { border-right: 0; border-left: 0; } body.admin .colorpicker-alpha.colorpicker-visible, body.admin .colorpicker-hue.colorpicker-visible, body.admin .colorpicker-saturation.colorpicker-visible, body.admin .colorpicker-selectors.colorpicker-visible, body.admin .colorpicker.colorpicker-visible { display: block; } body.admin .colorpicker-alpha.colorpicker-hidden, body.admin .colorpicker-hue.colorpicker-hidden, body.admin .colorpicker-saturation.colorpicker-hidden, body.admin .colorpicker-selectors.colorpicker-hidden, body.admin .colorpicker.colorpicker-hidden { display: none; } body.admin .colorpicker-inline.colorpicker-visible { display: inline-block; } @media only screen and (min-width: 992px) { body.admin .column-md-1 { width: 8.33333%; } body.admin .column-md-2 { width: 16.66667%; } body.admin .column-md-3 { width: 25%; } body.admin .column-md-4 { width: 33.33333%; } body.admin .column-md-5 { width: 41.66667%; } body.admin .column-md-6 { width: 50%; } body.admin .column-md-7 { width: 58.33333%; } body.admin .column-md-8 { width: 66.66667%; } body.admin .column-md-9 { width: 75%; } body.admin .column-md-10 { width: 83.33333%; } body.admin .column-md-11 { width: 91.66667%; } body.admin .column-md-12 { width: 100%; } } @media only screen and (min-width: 1200px) { body.admin .column-lg-1 { width: 8.33333%; } body.admin .column-lg-2 { width: 16.66667%; } body.admin .column-lg-3 { width: 25%; } body.admin .column-lg-4 { width: 33.33333%; } body.admin .column-lg-5 { width: 41.66667%; } body.admin .column-lg-6 { width: 50%; } body.admin .column-lg-7 { width: 58.33333%; } body.admin .column-lg-8 { width: 66.66667%; } body.admin .column-lg-9 { width: 75%; } body.admin .column-lg-10 { width: 83.33333%; } body.admin .column-lg-11 { width: 91.66667%; } body.admin .column-lg-12 { width: 100%; } } /* Buttons */ a.btn, .btn { text-decoration: none; outline: none; display: block; color: #fff; background-color: #00b6f0; border-color: #009bcc; border: 1px solid transparent; padding: 6px 12px; position: relative; margin: 0 2px; cursor: pointer; line-height: 12px; font-size: 13px; font-size: 0.8125rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Overwrite text color */ } a.btn.active, .btn.active, a.btn:active, .btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } a.btn.btn-inline, .btn.btn-inline { display: inline-block; } a.btn.btn-block, .btn.btn-block { display: block; margin-bottom: 5px; width: 100%; } a.btn.btn-sm, .btn.btn-sm { padding: 4px 8px; font-size: 12px; font-size: 0.75rem; line-height: 13px; } a.btn.btn-sm .icon, .btn.btn-sm .icon { top: 0; } a.btn.btn-lg, .btn.btn-lg { padding: 8px 16px; font-size: 14px; font-size: 0.875rem; line-height: 15px; } a.btn.btn-lg .icon, .btn.btn-lg .icon { top: 0; } a.btn[class*='btn-icon'], .btn[class*='btn-icon'] { padding: 0; text-align: center; } a.btn[class*='btn-icon'] .icon, .btn[class*='btn-icon'] .icon { top: 0; } a.btn.btn-icon, .btn.btn-icon { font-size: 16px; font-size: 1rem; height: 35px; width: 35px; } a.btn.btn-icon-sm, .btn.btn-icon-sm { font-size: 12px; font-size: 0.75rem; height: 25px; line-height: 25px; width: 25px; } a.btn.btn-icon-xs, .btn.btn-icon-xs { font-size: 11px; font-size: 0.6875rem; height: 24px; line-height: 25px; width: 24px; } a.btn.btn-icon-rounded, .btn.btn-icon-rounded { background: #fff; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border-width: 2px; height: 45px; line-height: 45px; width: 45px; } a.btn.btn-icon-rounded-sm, .btn.btn-icon-rounded-sm { background: #fff; font-size: 13px; font-size: 0.8125rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; height: 31px; line-height: 31px; width: 31px; } a.btn:not([class*='btn-icon']) .icon, .btn:not([class*='btn-icon']) .icon { padding-top: 1px; padding-right: 5px; display: inline-block; } a.btn.btn-separate, .btn.btn-separate { padding: 0; } a.btn.btn-separate .icon, .btn.btn-separate .icon { padding: 7px 12px; border-right: 1px solid transparent; } a.btn.btn-separate .text, .btn.btn-separate .text { padding: 6px 12px 5px 5px; display: inline-block; float: right; } a.btn.btn-default, .btn.btn-default { background-color: #fff; border-color: #e6e6e6; } a.btn.btn-default:hover, .btn.btn-default:hover, a.btn.btn-default.active, .btn.btn-default.active { background-color: #e6e6e6; } a.btn.btn-default.btn-separate .icon, .btn.btn-default.btn-separate .icon { border-color: #fff; } a.btn.btn-primary, .btn.btn-primary { background-color: #00b6f0; border-color: #008fbd; } a.btn.btn-primary:hover, .btn.btn-primary:hover, a.btn.btn-primary.active, .btn.btn-primary.active { background-color: #008fbd; } a.btn.btn-primary.btn-separate .icon, .btn.btn-primary.btn-separate .icon { border-color: #0bc4ff; } a.btn.btn-warning, .btn.btn-warning { background-color: #fe8d45; border-color: #fe6e12; } a.btn.btn-warning:hover, .btn.btn-warning:hover, a.btn.btn-warning.active, .btn.btn-warning.active { background-color: #fe6e12; } a.btn.btn-warning.btn-separate .icon, .btn.btn-warning.btn-separate .icon { border-color: #fe9d5e; } a.btn.btn-danger, .btn.btn-danger { background-color: #e96562; border-color: #e33935; } a.btn.btn-danger:hover, .btn.btn-danger:hover, a.btn.btn-danger.active, .btn.btn-danger.active { background-color: #e33935; } a.btn.btn-danger.btn-separate .icon, .btn.btn-danger.btn-separate .icon { border-color: #ec7b78; } a.btn.btn-success, .btn.btn-success { background-color: #81ca80; border-color: #5dbb5c; } a.btn.btn-success:hover, .btn.btn-success:hover, a.btn.btn-success.active, .btn.btn-success.active { background-color: #5dbb5c; } a.btn.btn-success.btn-separate .icon, .btn.btn-success.btn-separate .icon { border-color: #93d292; } a.btn.btn-info, .btn.btn-info { background-color: #6bbcd7; border-color: #43aacc; } a.btn.btn-info:hover, .btn.btn-info:hover, a.btn.btn-info.active, .btn.btn-info.active { background-color: #43aacc; } a.btn.btn-info.btn-separate .icon, .btn.btn-info.btn-separate .icon { border-color: #7fc5dc; } a.btn.btn-sub, .btn.btn-sub { background-color: #f1f1f1; border-color: #d8d8d8; } a.btn.btn-sub:hover, .btn.btn-sub:hover, a.btn.btn-sub.active, .btn.btn-sub.active { background-color: #d8d8d8; } a.btn.btn-sub.btn-separate .icon, .btn.btn-sub.btn-separate .icon { border-color: #fefefe; } a.btn.btn-default, .btn.btn-default { color: #333; border-color: #bfbfbf; } a.btn:disabled, .btn:disabled, a.btn.disabled, .btn.disabled { cursor: not-allowed; opacity: 0.65; -webkit-filter: grayscale(100%); filter: grayscale(100%); } a.btn .icon, .btn .icon { line-height: inherit; } .text-default, a.text-default { color: #fff; } .bg-default { background-color: #fff; } .bg-default.tw { color: #fff; } .text-primary, a.text-primary { color: #00b6f0; } .bg-primary { background-color: #00b6f0; } .bg-primary.tw { color: #fff; } .text-warning, a.text-warning { color: #fe8d45; } .bg-warning { background-color: #fe8d45; } .bg-warning.tw { color: #fff; } .text-danger, a.text-danger { color: #e96562; } .bg-danger { background-color: #e96562; } .bg-danger.tw { color: #fff; } .text-success, a.text-success { color: #81ca80; } .bg-success { background-color: #81ca80; } .bg-success.tw { color: #fff; } .text-info, a.text-info { color: #6bbcd7; } .bg-info { background-color: #6bbcd7; } .bg-info.tw { color: #fff; } .text-sub, a.text-sub { color: #f1f1f1; } .bg-sub { background-color: #f1f1f1; } .bg-sub.tw { color: #fff; } .inputElementContainer .linkItems { margin-top: 12px; margin-bottom: 20px; } .inputElementContainer .linkItems.sortable .handle { cursor: move; display: inline-block; width: 15px; height: 24px; background-image: url('img/move.png'); background-repeat: no-repeat; background-position: center; margin: 0px 16px 0px 5px; } .main-tooltip { display: none; position: absolute; z-index: 10000; text-align: left; top: 0; left: 0; font-size: 12px; font-size: 0.75rem; font-weight: normal; } .main-tooltip .arrow { position: absolute; width: 0; height: 0; display: block; border-color: transparent; border-style: solid; } .main-tooltip .arrow.top { top: 100%; bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .main-tooltip .arrow.right { top: 50%; left: -5px; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .main-tooltip .arrow.bottom { top: -5px; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .main-tooltip .arrow.left { top: 50%; right: -5px; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .main-tooltip .content { display: block; color: #fff; text-align: center; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; /* Force tooltip style */ padding: 5px 10px; font-family: "muli", sans-serif; } .initial-hidden { display: none !important; } /* Table list */ .table-list { display: table; width: 100%; } .table-list .list-row, .table-list .head-row { display: table-row; } .table-list .list-row .list-cell, .table-list .head-row .list-cell { display: table-cell; padding: 8px 5px; border-bottom: 1px solid #d9d9d9; vertical-align: middle; background: #fff; min-height: 42px; } .table-list .list-row .list-cell.small, .table-list .head-row .list-cell.small { width: 200px; } .table-list .list-row .list-cell.right, .table-list .head-row .list-cell.right { text-align: right; } .table-list .list-row .list-cell.right .icon, .table-list .head-row .list-cell.right .icon { font-size: 18px; font-size: 1.125rem; padding-right: 10px; } .table-list .list-row .list-cell .btn.btn-icon-sm, .table-list .head-row .list-cell .btn.btn-icon-sm { top: 6px; } .table-list .list-row .list-cell .cell-link, .table-list .head-row .list-cell .cell-link { display: inline-block; padding: 8px 3px 4px; } .table-list .list-row.ui-sortable-helper, .table-list .head-row.ui-sortable-helper { display: table; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } .table-list .list-row:last-child .list-cell, .table-list .head-row:last-child .list-cell { border-bottom: 0; } .table-list .head-row .list-cell { background: #f1f1f1; font-family: "muli-bold", sans-serif; font-size: 15px; font-size: 0.9375rem; padding: 12px 5px; } .table-list.striped .list-row:nth-child(2n+1) .list-cell { background: #f9f9f9; } /* Debug */ .debugdata { position: fixed; top: 0; bottom: 0; height: 100%; right: -75%; width: 75%; background: rgba(0, 0, 0, 0.9); color: #fff; z-index: 9999; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-family: "muli", sans-serif; font-size: 14px; font-size: 0.875rem; } .debugdata.debugWarning { width: 100%; height: 0; overflow: hidden; background: rgba(255, 0, 0, 0.75); left: 0; bottom: 0; top: auto; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } .debugdata.debugWarning.show { height: auto; -webkit-animation: bounce 1s; -moz-animation: bounce 1s; -ms-animation: bounce 1s; -o-animation: bounce 1s; animation: bounce 1s; } .debugdata.debugWarning .title { font-size: 42px; font-size: 2.625rem; font-family: "muli-extralight", sans-serif; margin: 0 0 15px 0; } .debugdata.debugWarning .closeWarning { font-size: 40px; position: absolute; right: 20px; top: 20px; cursor: pointer; } .debugdata.debugWarning .inner { padding: 20px; } .debugdata.debugWarning .inner .errorsList { margin: 0 0 15px 0; } .debugdata.debugWarning .inner .errorsList .errorCount { display: block; padding: 15px 0 10px 0; border-bottom: 1px solid red; } .debugdata.debugWarning .inner .errorsList .errorCount strong { font-size: 28px; font-size: 1.75rem; line-height: 13px; } .debugdata .icon { line-height: 1.2; position: relative; top: 7px; } .debugdata h2 { font-family: "muli-bold", sans-serif; font-size: 21px; font-size: 1.3125rem; margin: 0; padding: 8px 15px; } .debugdata.open { right: 0; } .debugdata .jsToggle { position: absolute; left: -34px; top: 15px; background: red; color: white; padding: 0 10px; height: 28px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .debugdata .disableDebug { position: absolute; right: 10px; top: 10px; font-size: 12px; font-size: 0.75rem; color: rgba(255, 255, 255, .5); border: 1px solid rgba(255, 255, 255, .2); padding: 3px 10px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: rgba(255, 255, 255, .1); text-transform: uppercase; } .debugdata .disableDebug:hover { color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, .8); background: rgba(255, 255, 255, .25); } .debugdata .inner-data { display: block; padding: 5px 15px; overflow-y: auto; overflow-x: hidden; position: absolute; bottom: 0; top: 40px; left: 0; right: 0; } .debugdata .inner-data .item { display: block; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); word-break: break-all; } .debugdata .inner-data .item.error { background: rgba(255, 0, 0, 0.5); padding: 10px; border: 1px solid rgba(255, 0, 0, 1); margin: 0 0 5px 0; } .debugdata .inner-data .item.error:hover { cursor: pointer; background: rgba(255, 0, 0, 0.4); } .error-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.75); z-index: 99998; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: none; } .error-overlay.open { display: block; } .error-popup { position: fixed; top: 50%; left: 50%; z-index: 99999; display: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; width: 90%; max-height: 75%; overflow: hidden; overflow-y: scroll; } .error-popup.open { display: block; } .error-popup .error-inner { padding: 15px; color: #333; } @media only screen and (min-width: 768px) { .debugdata { right: -33%; width: 33%; } .error-popup { width: 75%; } } .table-responsive { display: block; overflow: auto; } .txt-yellow { color: #ff9e00 !important; } .txt-blue { color: #026fa2 !important; } .txt-white { color: #fff !important; } .bg-yellow { background-color: #ff9e00 !important; } .bg-blue { background-color: #026fa2 !important; } body.admin .item-table-list .hasWvImage.list-row > .list-cell { max-width: 35%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } body { font-family: 'Roboto', sans-serif; overflow-y: scroll; overflow-x: hidden; } body.admin { overflow-y: visible; } body.admin table.table-sticky-headers th { position: sticky; top: 0px; background: #f4f4f4; z-index: 10; } body.admin .listboxes ::-webkit-input-placeholder { color: #b6b6b6; } body.admin .listboxes :-moz-placeholder { color: #b6b6b6; } body.admin .listboxes ::-moz-placeholder { color: #b6b6b6; } body.admin .listboxes :-ms-input-placeholder { color: #b6b6b6; } body.admin .listboxes .buttons { width: 68px; } body.admin .listboxes .buttons .button { background-image: url('/css/img/order-buttons-lrud-sprite.png'); background-size: 60px; width: 30px; height: 30px; display: block; margin: 20px auto 0px; cursor: pointer; opacity: 1; border: 0; } body.admin .listboxes .buttons .button.button-move-left { background-position: bottom left; } body.admin .listboxes .buttons .button.button-move-up { background-position: top right; } body.admin .listboxes .buttons .button.button-move-down { background-position: bottom right; } body.admin .listboxes .searchbar { margin-bottom: 30px; } body.admin .listboxes .searchinput { padding: 10px; border: 1px solid #b6b6b6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); width: 350px; } body.admin .listboxes select { width: 500px; min-width: 500px !important; height: 350px; padding: 10px; display: block; margin: 5px 0px; } body.admin .item-table-list { display: block; } body.admin .item-table-list .list-cell.right.open .expand-item { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } body.admin .item-table-list .list-cell.right .expand-item { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; transform: rotate(90deg); width: 30px; height: 30px; background-color: #f1f1f1; line-height: 32px; padding: 0px 9px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } body.admin .item-table-list .list-row.hasWvImage > .list-cell.right .expand-item { width: 45px; height: 45px; line-height: 45px; padding: 0px 15px; } body.admin .item-table-list .ajaxEntryForm { border-left: 1px solid #a0a0a0; padding-left: 20px; } body.admin .item-table-list .ajaxEntryForm .main-page-container { padding: 0; } body.admin .item-table-list .ajaxEntryForm .main-page-container .c-row { margin-left: 0; margin-right: 0; } body.admin .item-table-list .ajaxEntryForm .main-page-container .column-12 { padding: 0; } body.admin .item-table-list .head-row { background: #f1f1f1; font-size: 0; } body.admin .item-table-list .head-row .list-cell { font-family: "Lato-Bold", sans-serif; font-size: 15px; font-size: 0.9375rem; padding: 0; background: transparent; } body.admin .item-table-list .list-row .list-cell, body.admin .item-table-list .head-row .list-cell { line-height: 25px; display: inline-block; padding: 8px 5px; border-bottom: 1px solid #d9d9d9; vertical-align: middle; min-height: 42px; min-width: 38%; } body.admin .item-table-list .list-row .list-cell.small, body.admin .item-table-list .head-row .list-cell.small { min-width: 17%; } body.admin .item-table-list .list-row .list-cell.right, body.admin .item-table-list .head-row .list-cell.right { min-width: 5%; } body.admin .item-table-list .list-row.hasWvImage > .list-cell { height: 68px; min-width: 33%; } body.admin .item-table-list .list-row.hasWvImage > .list-cell:not(.small) { line-height: 55px; } body.admin .item-table-list .list-row.hasWvImage > .list-cell.small { min-width: 25%; line-height: 45px; } body.admin .item-table-list .list-row.hasWvImage > .list-cell.right { min-width: 9%; } body.admin .item-table-list .list-row.hasWvImage > .list-cell .btn { margin-top: 14px; } body.admin .item-table-list .head-row.hasWvImage > .list-cell { min-width: 33%; } body.admin .item-table-list .head-row.hasWvImage > .list-cell.small { min-width: 25%; } body.admin .item-table-list .head-row.hasWvImage > .list-cell.right { min-width: 9%; } body.admin .item-table-list .list-row { font-size: 0; } body.admin .item-table-list .list-row.hasWvImage > .list-cell { height: 68px; min-width: 33%; } body.admin .item-table-list .list-row.hasWvImage > .list-cell:not(.small) { line-height: 55px; } body.admin .item-table-list .list-row.hasWvImage > .list-cell.small { min-width: 25%; line-height: 45px; } body.admin .item-table-list .list-row.hasWvImage > .list-cell.right { min-width: 9%; } body.admin .item-table-list .list-row.hasWvImage > .list-cell .btn { margin-top: 14px; } body.admin .item-table-list .list-row.hasWvImage > .list-cell .wvNr { margin-top: 7px; } body.admin .item-table-list .list-row .list-cell { background: #fff; height: 45px; font-size: 13px; font-size: 0.8125rem; } body.admin .item-table-list .list-row .list-cell .wvImage { width: 50px; height: 50px; background-size: cover; z-index: 1; display: inline-block; background-position: center center; } body.admin .item-table-list .list-row .list-cell:not(.small) { line-height: 30px; } body.admin .item-table-list .list-row .list-cell .wvNr { font-size: 18px; font-size: 1.125rem; color: #c6c6c6; font-family: "muli-bold", sans-serif; float: right; padding: 0 10px; margin-top: 3px; } body.admin .item-table-list .list-row .list-expand { background: #d9d9d9; width: 100%; display: block; min-height: 45px; padding: 20px; border-bottom: 1px solid #d9d9d9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.admin .item-table-list .list-row .list-expand.closed { height: 0px; overflow: hidden; min-height: 0; padding: 0; border: 0; } body.admin .item-table-list .history-container { padding: 10px; max-height: 300px; overflow: auto; } body.admin .item-table-list .clone-container .list-expand.history-list:not(.closed) { padding: 5px; } body.admin .item-table-list .clone-container .list-expand.history-list .ajaxEntryForm { padding-left: 0; border: none; } body.admin .item-table-list .clone-container .list-expand.history-list .ajaxEntryForm .page-block:nth-child(n+1) { margin-bottom: 0; } body.admin .item-table-list .clone-container .list-row .list-cell, body.admin .item-table-list .clone-container .head-row .list-cell { min-width: auto; max-width: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } body.admin .item-table-list .clone-container .list-row .list-cell.list-cell-title, body.admin .item-table-list .clone-container .head-row .list-cell.list-cell-title { width: calc(45% - 60px); } body.admin .item-table-list .clone-container .list-row .list-cell.list-cell-station, body.admin .item-table-list .clone-container .head-row .list-cell.list-cell-station { width: calc(35% - 60px); } body.admin .item-table-list .clone-container .list-row .list-cell.list-cell-type, body.admin .item-table-list .clone-container .head-row .list-cell.list-cell-type { width: calc(20% - 60px); } body.admin .item-table-list .clone-container .list-row .list-cell.small, body.admin .item-table-list .clone-container .head-row .list-cell.small { width: 125px; min-width: auto; } body.admin .item-table-list .clone-container .list-row .list-cell.right, body.admin .item-table-list .clone-container .head-row .list-cell.right { width: 55px; min-width: auto; } body.admin .item-table-list .clone-container .list-row .list-cell.right .expand-item, body.admin .item-table-list .clone-container .head-row .list-cell.right .expand-item { width: 45px; height: 45px; line-height: 45px; padding: 0px 15px; } body.admin .item-table-list .clone-container .list-row .list-cell .btn, body.admin .item-table-list .clone-container .head-row .list-cell .btn { margin: 14px 1px 0; } body.admin .item-table-list .clone-container .list-row .list-cell { height: 68px; line-height: 55px; } body.admin .item-table-list .clone-container .list-row .list-cell.small { line-height: 45px; } body.admin .item-table-list .clone-container .head-row .list-cell { background: #f1f1f1; } body.admin .subitemInteractions .newItemForm .c-row { border-left: 1px solid #a0a0a0; padding-left: 20px; margin: 20px 0px; } body.admin .subitemInteractions .newItemForm .column-12 { margin: 0; } body.admin .subitemInteractions .newItemForm .page-block { margin: 0; } .page-view-wrapper.hidden { display: none !important; } .page-view-wrapper .hidden { display: none !important; } .page-content-blocks .item-block-list .block-item { width: 170px; display: inline-block; background: #ccc; height: auto; position: relative; margin: 13px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .page-content-blocks .item-block-list .block-item.isPublished { background: rgba(239, 138, 34, 0.1); } .page-content-blocks .item-block-list .block-item .image { background: transparent; background-size: 150px; width: 150px; height: 150px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; display: inline-block; margin: 10px; border: 3px solid #fff; } .page-content-blocks .item-block-list .block-item .image .block-item-image { width: 100%; height: 100%; } .page-content-blocks .item-block-list .block-item .buttons { position: absolute; top: 110px; left: 0; margin: 16px; } .page-content-blocks .item-block-list .block-item .info { padding: 10px; font-size: 13px; font-size: 0.8125rem; line-height: 16px; background: #fff; display: block; } .page-view-switcher { display: inline-block; font-size: 0px; margin-left: 10px; } .page-view-switcher .switch { background: #d8d8d8; display: inline-block; padding: 11px 13px; cursor: pointer; font-size: 14px; font-size: 0.875rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .page-view-switcher .switch.active { background: #00b6f0; color: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); } .page-view-switcher .switch.view-switch-left { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .page-view-switcher .switch.view-switch-left:after { content: "\ec5a"; } .page-view-switcher .switch.view-switch-right { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .page-view-switcher .switch.view-switch-right:after { content: "\ec57"; } body .page-block .page-body .right-options { float: right; } .psdOverlay { position: fixed; top: 0; left: 0; background-size: cover; background-position: top center; } .wvBaseContainer { background-image: url('img/login-background-waves-dark.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; font-family: 'Roboto', sans-serif; min-height: 100vh; background-color: #f9f9f9; } .wvBaseContainer .content { padding: 0px 25px; top: 0; position: relative; } .wvBaseContainer .content input[type=text], .wvBaseContainer .content input[type=password] { border-radius: 0; background: transparent; border: 0; border-bottom: 2px solid #fff; font-size: 16px; font-size: 1rem; color: #fff; padding-left: 0; font-family: 'Roboto', sans-serif; } .wvBaseContainer .content input[type=text]:focus, .wvBaseContainer .content input[type=password]:focus { border-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .wvBaseContainer .content input[type=text]:hover, .wvBaseContainer .content input[type=password]:hover, .wvBaseContainer .content input[type=text]:active, .wvBaseContainer .content input[type=password]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .wvBaseContainer .content input[type=text]:-webkit-autofill, .wvBaseContainer .content input[type=password]:-webkit-autofill { -webkit-text-fill-color: #fff !important; } .wvBaseContainer.forgotpass .content .password-text { color: #fff; margin-bottom: 25px; } .wvBaseContainer.privacyStatement .content .password-text { color: #fff; margin-bottom: 25px; } .wvBaseContainer.resetpass .content .password-text { color: #fff; margin-bottom: 25px; } .wvBaseContainer.login .content { height: 100%; position: absolute; } .wvBaseContainer.login .content ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; } .wvBaseContainer.login .content :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } .wvBaseContainer.login .content ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } .wvBaseContainer.login .content :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .wvBaseContainer.login .content ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .wvBaseContainer.login .content .site-info { margin: 0 auto 70px; } .wvBaseContainer.login .content .site-info .logo { width: 169px; height: 128px; background: url('img/knrm-kompas-logo.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .wvBaseContainer.login .content .forgotPass { margin-top: 16px; } .wvBaseContainer.login .content .login-block { background: transparent; border: 0; display: table; width: 100%; height: 100%; } .wvBaseContainer.login .content .login-block .inner-block { display: table-cell; vertical-align: middle; padding: 0px 25px; } .wvBaseContainer.login .content .login-block .inner-block .rememberme { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color: #fff; margin: 25px 0; } .wvBaseContainer.login .content .login-block .inner-block .rememberme p { line-height: 16px; font-size: 16px; font-size: 1rem; } .wvBaseContainer.login .content .login-block .inner-block .rememberme .slide-toggle { margin: 0; border: 2px solid #fff; background: transparent; margin-right: 7px; width: 14px; height: 14px; border-radius: 0; } .wvBaseContainer.login .content .login-block .inner-block .rememberme .slide-toggle:before, .wvBaseContainer.login .content .login-block .inner-block .rememberme .slide-toggle:after { content: none; } .wvBaseContainer.login .content .login-block .inner-block .rememberme input[type="checkbox"]:checked + .slide-toggle { background: #fff; } .wvBaseContainer.login .content .login-block .inner-block input[type="submit"] { width: 100%; padding: 0 15px; background: #ff9e00; font-size: 15px; font-size: 0.9375rem; line-height: 59px; color: #fff; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; margin-top: 40px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .wvBaseContainer.login .content input[type=text], .wvBaseContainer.login .content input[type=password] { color: #eaeaea; } .wvBaseContainer .search-block .content { padding: 0; } .wvBaseContainer .search-field { border: 0; color: #000; background: rgba(237, 237, 237, 0.2); height: 60px; padding: 0px 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .wvBaseContainer .search-field.focus { background: #ededed; } .wvBaseContainer .search-field.focus .inner .input-placeholder { opacity: 0.5; color: #000; } .wvBaseContainer .search-field.focus .inner .icon { background: url('/css/img/icon-search.png'); background-size: cover; } .wvBaseContainer .search-field.focus .inner input { opacity: 0.5; color: #000; } .wvBaseContainer .search-field .inner { position: relative; } .wvBaseContainer .search-field .inner .input-placeholder { opacity: 0.8; color: #fff; position: absolute; top: 0; line-height: 60px; width: 100%; text-align: center; margin: 0 auto; font-size: 18px; font-size: 1.125rem; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .wvBaseContainer .search-field .inner .icon { background: url('/css/img/icon-search-light.png'); width: 19px; height: 19px; background-size: cover; display: inline-block; position: relative; top: 21px; right: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .wvBaseContainer .search-field .inner input { margin: 0; padding: 0; height: 60px; font-size: 18px; font-size: 1.125rem; text-align: center; border: 0; opacity: 0.8; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .wvBaseContainer .top-menu { padding: 37px 0px; padding-bottom: 30px; height: 50px; box-sizing: content-box; } .wvBaseContainer .top-menu .menu-items { text-align: center; } .wvBaseContainer .top-menu .menu-items.has-admin .item { margin: 0; } .wvBaseContainer .top-menu .menu-items .item { width: 55px; height: 50px; display: inline-block; margin: 0px 5px; } .wvBaseContainer .top-menu .menu-items .item .icon { position: relative; width: 35px; height: 35px; margin: 0 auto 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0.5; } .wvBaseContainer .top-menu .menu-items .item .icon .unreadOrb { position: absolute; width: 28px; height: 28px; background: #ff9e00; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; top: -4px; left: -7px; color: #fff; line-height: 28px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 16px; font-size: 1rem; } .wvBaseContainer .top-menu .menu-items .item .text { display: none; color: #fff; font-size: 10px; font-size: 0.625rem; text-transform: uppercase; } .wvBaseContainer .top-menu .menu-items .item.disabled { cursor: default; } .wvBaseContainer .top-menu .menu-items .item.active .icon { opacity: 1; } .wvBaseContainer .top-menu .menu-items .item.active .text { display: block; } .wvBaseContainer .top-menu .menu-items .item:hover .icon { opacity: 1; } .wvBaseContainer .top-menu .menu-items .item:hover .text { display: block; } .wvBaseContainer .top-menu .menu-items .item:last-child .icon { background-size: 27px 21px; } .wvBaseContainer .side-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 999998; } .wvBaseContainer .side-overlay.open { display: block; } .wvBaseContainer .side-menu { position: fixed; top: 0; bottom: 0; right: -100%; z-index: 999999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #000; font-size: 20px; font-size: 1.25rem; padding: 70px 30px; width: 80%; } .wvBaseContainer .side-menu.open { right: 0; } .wvBaseContainer .side-menu .close { font-size: 24px; font-size: 1.5rem; } .wvBaseContainer .side-menu ul { margin: 53px 0; list-style-type: none; } .wvBaseContainer .side-menu ul li a { display: block; color: #fff; text-decoration: underline; padding: 5px 10px; } .theme-content { width: 90%; margin: 0 auto; } .message-content { margin-top: 0; } .notification-block { color: #fff; border: 1px solid #fff; text-align: center; padding: 20px; margin-top: 20px; font-size: 14px; font-size: 0.875rem; } .themes-items { padding-top: 45px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 16px; font-size: 1rem; text-align: center; } .themes-items.has-notification { padding-top: 20px; } .themes-items .item { height: 170px; margin: 15px 6px; width: 130px; display: inline-block; } .themes-items .item .text { color: #fff; margin-top: 10px; text-align: center; text-transform: uppercase; font-size: 16px; font-size: 1rem; line-height: 18px; letter-spacing: 0.001px; } .themes-items .item .image { width: 128px; height: 128px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); } .themes-items .item .image .item-icon { width: 80px; height: 80px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 23px; } .theme-header { margin: 40px 0; } .theme-header .arrow-back { float: left; display: inline-block; background-image: url('img/arrow-back-white.png'); background-size: cover; width: 26px; height: 22px; } .theme-header .theme-icon { width: 80px; height: 80px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 15px auto; } .theme-header .theme-title { color: #fff; text-align: center; text-transform: uppercase; font-size: 16px; font-size: 1rem; line-height: 18px; letter-spacing: 0.001px; } .content-toggle { text-align: center; margin: 0 0 8px; } .content-toggle .title { color: #fff; text-transform: uppercase; vertical-align: middle; font-size: 16px; font-size: 1rem; } .content-toggle .toggle { position: relative; display: inline-block; width: 45px; height: 22px; background-color: #ccc; border: 1px solid #797979; margin: 0 10px; vertical-align: middle; cursor: pointer; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; border-radius: 11px; } .content-toggle .toggle:after { content: ''; display: inline-block; position: absolute; width: 16px; height: 16px; background-color: #ff9e00; left: 5px; top: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .content-toggle .toggle.station-content:after { left: auto; right: 5px; } .subject-list.station-content .item.original { display: none; } .subject-list.station-content .item.clone { display: block; } .subject-list .item.original { display: none; /* Don't show the original magazine when there is a group-clone, see ticket #0022387 */ } .subject-list .item.clone { /* Toggle is moved to the magazine page, so always show clone content on theme page */ } .searchResults .noResults { text-align: center; font-size: 20px; padding: 20px; margin-top: 20px; } .noResults, .subject-list { margin: auto; } .noResults .item, .subject-list .item { display: block; cursor: pointer; margin: 0 0 20px; } .noResults .item.repeated .corner, .subject-list .item.repeated .corner { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 45px 45px 0 0; border-color: #212121 transparent transparent transparent; } .noResults .item.repeated .corner:before, .subject-list .item.repeated .corner:before { content: ""; position: absolute; top: -40px; left: 5px; width: 15px; height: 18px; background-image: url(img/repeat-arrows.png); background-size: 15px 18px; background-position: top left; } .noResults .item .magazine-list .item, .subject-list .item .magazine-list .item { border-top-width: 0; } .noResults .item .info-block, .subject-list .item .info-block { background-color: rgba(40, 40, 40, 0.70); } .noResults .item .item-info, .subject-list .item .item-info { display: inline-block; vertical-align: middle; } .noResults .item .item-info.item-title, .subject-list .item .item-info.item-title { color: #fff; width: 75%; padding: 28px 5px 28px 25px; font-size: 16px; font-size: 1rem; } .noResults .item .item-info.chevron, .subject-list .item .item-info.chevron { text-align: right; width: 15%; padding: 15px; } .noResults .item .item-info.chevron span, .subject-list .item .item-info.chevron span { display: inline-block; background-image: url('/css/img/chevron-yellow.png'); background-size: cover; background-repeat: no-repeat; width: 38px; height: 24px; margin: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .noResults .item.open .chevron span, .subject-list .item.open .chevron span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .noResults .magazine-list, .subject-list .magazine-list { display: none; position: relative; overflow: auto; } .noResults .magazine-list .item, .subject-list .magazine-list .item { position: relative; background-color: #ff9e00; border: solid 1px #323435; margin: 0; } .noResults .magazine-list .item.type-2, .subject-list .magazine-list .item.type-2 { background-color: #026fa2; } .noResults .magazine-list .item.type-3, .subject-list .magazine-list .item.type-3 { background-color: #fff; } .noResults .magazine-list .item.type-3 .item-info.item-title, .subject-list .magazine-list .item.type-3 .item-info.item-title { color: #212121; } .noResults .magazine-list .item.type-3 label.checkbox-front.light input[type="checkbox"] + span:before, .subject-list .magazine-list .item.type-3 label.checkbox-front.light input[type="checkbox"] + span:before { border-color: #212121; } .noResults .magazine-list .item.type-3 label.checkbox-front.light input[type="checkbox"]:checked + span:before, .subject-list .magazine-list .item.type-3 label.checkbox-front.light input[type="checkbox"]:checked + span:before { background-color: #212121; } .noResults .magazine-list .item .item-info.status, .subject-list .magazine-list .item .item-info.status { width: 64px; } .noResults .magazine-list .item .item-info.status .notCompleted, .subject-list .magazine-list .item .item-info.status .notCompleted { height: 2px; width: 16px; background-color: #fff; } .noResults .magazine-list .item .item-info.status .completed, .subject-list .magazine-list .item .item-info.status .completed { background-image: url('/css/img/check-completed.png'); width: 27px; } .noResults .magazine-list .item .item-info.status .completed.light, .subject-list .magazine-list .item .item-info.status .completed.light { background-image: url('/css/img/check-completed-dark.png'); } .noResults .magazine-list .item .item-info.people, .subject-list .magazine-list .item .item-info.people { width: 65px; text-align: center; } .noResults .magazine-list .item .item-info.people span, .subject-list .magazine-list .item .item-info.people span { display: inline-block; } .noResults .magazine-list .item .item-info span, .subject-list .magazine-list .item .item-info span { display: block; height: 26px; margin: auto; background-repeat: no-repeat; background-position: center center; } .noResults .magazine-list .item .item-info span.mag-icon, .subject-list .magazine-list .item .item-info span.mag-icon { display: inline-block; } .noResults .magazine-list .item .item-info.item-title, .subject-list .magazine-list .item .item-info.item-title { padding: 28px 0; width: calc(100% - 136px); } .crew-top { width: 90%; position: relative; text-align: center; color: #fff; padding: 0 0 50px; margin: 0 auto 0; } .crew-top .arrow-back { position: absolute; left: 0; top: 0; } .crew-top .title { line-height: 24px; font-size: 20px; font-size: 1.25rem; } .crew-top .title :first-child { color: #ff9e00; font-weight: 300; } .crew-top .title :last-child { font-weight: bold; } .crew-top .search-filter { padding: 15px 0; position: absolute; right: 0; bottom: 0; } .crew-top .search-filter .filter-text { font-size: 14px; font-size: 0.875rem; } .crew-top .search-filter .filter-icon.active { background-image: url('img/filter-yellow.png'); } .crew-top .search-filter .filter-count { color: #ff9e00; line-height: 21px; font-size: 14px; font-size: 0.875rem; } .crew-list .item { padding: 15px 0; background: rgba(0, 0, 0, 0.4); border-top: 1px solid #fff; color: #fff; } .crew-list .item.hidden { display: none; } .crew-list .item:last-child { border-bottom: 1px solid #fff; } .crew-list .item .info { display: inline-block; vertical-align: middle; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 22px; width: calc(100% - 138px); font-size: 14px; font-size: 0.875rem; } .crew-list .item .info div { min-height: 22px; } .crew-list .item .info .info-name { font-weight: normal; padding: 0 0 8px; font-size: 16px; font-size: 1rem; } .crew-list .item .info span { font-weight: normal; } .dashboard-content { width: 100%; } .dashboard-content .column-md-8 { margin-bottom: 0; } .dashboard-content .arrow-back { background-image: url('img/arrow-back-white.png'); background-size: cover; width: 26px; height: 22px; } .dashboard-content .themes-items { padding-top: 0; } .dashboard-content .avatar { width: 60px; height: 60px; margin: 0 25px; display: inline-block; border: 1px solid #fff; vertical-align: middle; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .dashboard-content .avatar img { width: 100%; height: 100%; } .agenda-top { margin: 0 auto 50px; position: relative; height: 38px; width: 90%; } .agenda-top .arrow-back { display: inline-block; margin: 8px 0 0; } .agenda-top .toggles { position: absolute; right: 0; top: 0; } .agenda-top .toggles a { color: #fff; text-transform: uppercase; vertical-align: middle; opacity: 0.5; margin-left: 40px; font-size: 14px; font-size: 0.875rem; } .agenda-top .toggles a.active { opacity: 1; } .agenda-top .toggles a.jsCalendarToggle:before { background-image: url('/css/img/toggle-calendar.png'); background-size: 16.5px 18.5px; } .agenda-top .toggles a.jsSubscribe:before { background-image: url('/css/img/toggle-calendar.png'); background-size: 16.5px 18.5px; } .agenda-top .toggles a.jsListToggle:before, .agenda-top .toggles a.jsYearListToggle:before { background-image: url('/css/img/toggle-list.png'); background-size: 16.5px 12.5px; } .agenda-top .toggles a:before { content: ''; display: inline-block; width: 36px; height: 36px; margin: 0 12px 0 0; background-color: rgba(0, 0, 0, 0.4); vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.2); background-position: center; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .agenda-top .toggles a:first-child { margin-left: 0px; } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar thead tr { border-bottom: solid 1px #fff; } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .status-multiple .ui-state-default:after, .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .status-planned .ui-state-default:after, .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .status-register .ui-state-default:after, .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .status-completed .ui-state-default:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-state-default { position: relative; background-color: transparent; border: none; color: #fff; text-align: center; padding: 17px 0; font-weight: 300; font-size: 20px; font-size: 1.25rem; } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-state-default .item-info { display: none; } .agenda-container .calendar-view .ui-widget table { height: 100%; } .agenda-container .calendar-view .ui-widget table th { text-transform: uppercase; font-size: 20px; font-size: 1.25rem; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar { padding: 30px 22.5px 0; display: block; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar thead { display: none; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar tbody, .agenda-container .list-view .ui-widget .ui-datepicker-calendar tr { display: block; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar td { display: none; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-multiple, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-planned, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-register, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-completed { display: block; margin: 0; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-multiple.ui-datepicker-other-month, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-planned.ui-datepicker-other-month, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-register.ui-datepicker-other-month, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-completed.ui-datepicker-other-month { display: none; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-multiple .ui-state-default, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-planned .ui-state-default, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-register .ui-state-default, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-completed .ui-state-default { font-size: 0; background: transparent; border: none; margin: 0; padding: 0; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-multiple .item-info, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-planned .item-info, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-register .item-info, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-completed .item-info { position: relative; display: block; text-align: left; min-height: 90px; color: #fff; background-color: rgba(33, 33, 33, 0.9); padding: 13px 80px 13px 15px; line-height: 20px; border: none; border-left: 4.5px solid rgba(255, 255, 255, 0.35); margin: 0 0 28px; -ms-word-break: break-all; word-break: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-size: 14px; font-size: 0.875rem; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-multiple .item-info .item-date, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-planned .item-info .item-date, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-register .item-info .item-date, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-completed .item-info .item-date { line-height: 21.5px; font-weight: 300; margin: 0 0 5px; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-multiple .item-info:after, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-planned .item-info:after, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-register .item-info:after, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-completed .item-info:after { position: absolute; right: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-multiple .ui-state-default:after, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-planned .ui-state-default:after, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-register .ui-state-default:after, .agenda-container .list-view .ui-widget .ui-datepicker-calendar td.status-completed .ui-state-default:after { position: absolute; right: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .agenda-container .calendar-view .ui-widget, .agenda-container .list-view .ui-widget { background-color: rgba(0, 0, 0, 0.4); font-family: 'Roboto', sans-serif; color: #fff; } .agenda-container .calendar-view .ui-widget.ui-widget-content, .agenda-container .list-view .ui-widget.ui-widget-content { position: relative; border: none; padding: 0; width: 100%; margin: 124px 0 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header, .agenda-container .list-view .ui-widget .ui-datepicker-header { position: absolute; top: -74px; left: 0; right: 0; border: 0; color: #fff; background-color: rgba(255, 255, 255, 0.2); padding: 21px 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-title, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-title { text-transform: uppercase; font-weight: 300; line-height: normal; font-size: 26px; font-size: 1.625rem; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-state-hover, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-state-hover { border: none; background-color: transparent; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-prev, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-prev, .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-next, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-next { width: 40px; height: 100%; top: 0; cursor: pointer; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-prev span, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-prev span, .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-next span, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-next span { width: 20px; height: 32px; background-position: center center; margin: 0; background-size: 14px 24px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-prev, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-prev { left: 15px; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-prev span, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-prev span { background-image: url('/css/img/chevron-agenda-left.png'); } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-next, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-next { right: 15px; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-next span, .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-next span { background-image: url('/css/img/chevron-agenda-right.png'); } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable, .agenda-container .list-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable { opacity: 1; } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable.status-multiple, .agenda-container .list-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable.status-multiple, .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable.status-planned, .agenda-container .list-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable.status-planned, .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable.status-register, .agenda-container .list-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable.status-register, .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable.status-completed, .agenda-container .list-view .ui-widget .ui-datepicker-calendar .ui-datepicker-unselectable.status-completed { pointer-events: all; cursor: pointer !important; } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-datepicker-other-month, .agenda-container .list-view .ui-widget .ui-datepicker-calendar .ui-datepicker-other-month { opacity: 0.4; } .agenda-container .jsAgendaToggle.list-view table.ui-datepicker-calendar .ui-state-default:after { display: none; } .agenda-container .status-multiple, .agenda-container .status-planned, .agenda-container .status-register, .agenda-container .status-completed { position: relative; cursor: pointer; } .agenda-container .status-multiple .item-info:after, .agenda-container .status-planned .item-info:after, .agenda-container .status-register .item-info:after, .agenda-container .status-completed .item-info:after, .agenda-container .status-multiple .ui-state-default:after, .agenda-container .status-planned .ui-state-default:after, .agenda-container .status-register .ui-state-default:after, .agenda-container .status-completed .ui-state-default:after { content: ''; display: block; width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .agenda-container .status-multiple .ui-state-default, .agenda-container .status-planned .ui-state-default, .agenda-container .status-register .ui-state-default, .agenda-container .status-completed .ui-state-default { position: relative; } .agenda-container table.ui-datepicker-calendar td .popover { opacity: 0; visibility: hidden; transition: 0.2s all linear; position: fixed; top: 50%; transform: translateY(-50%); bottom: auto; left: 0; right: 0; max-width: 768px; width: calc(100% - 20px); margin: auto; display: block; background-color: rgba(0, 0, 0, 0.7); z-index: 1; padding: 15px; border-radius: 11px; text-align: left; } .agenda-container table.ui-datepicker-calendar td .popover.visible { opacity: 1; visibility: visible; } .agenda-container table.ui-datepicker-calendar td .popover .popover-close { width: 48px; height: 48px; margin-right: 10px; display: inline-block; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #1e1e1e; background-image: url(/css/img/arrow-back-new.png); border: 1px solid rgba(255, 255, 255, 0.2); } .agenda-container table.ui-datepicker-calendar td .popover .popover-item { display: block; font-size: 18px; position: relative; background: #222; border-left: 5px solid #717171; padding: 16px 70px 16px 20px; letter-spacing: 1px; min-height: 70px; margin-bottom: 15px; } .agenda-container table.ui-datepicker-calendar td .popover .popover-item:after { content: ""; width: 48px; height: 48px; position: absolute; top: 0; right: 0; display: inline-block; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin: 10px; } .agenda-container table.ui-datepicker-calendar td .popover .popover-item:last-child { margin-right: 0px; } .agenda-container table.ui-datepicker-calendar td .popover .popover-item .title { font-weight: bold; } .agenda-container table.ui-datepicker-calendar td .popover .popover-item .text { text-overflow: ellipsis; overflow: hidden; height: 1.2em; white-space: nowrap; } .agenda-container table.ui-datepicker-calendar td .popover .popover-item.status-completed:after { background-color: #026fa2; background-image: url('/css/img/agenda-completed.png'); background-size: 23px 17px; } .agenda-container table.ui-datepicker-calendar td .popover .popover-item.status-register:after { background-color: #ff9e00; background-image: url('/css/img/agenda-register.png'); background-size: 17px 18.5px; } .agenda-container table.ui-datepicker-calendar td .popover .popover-item.status-planned:after { background-color: #ff9e00; background-image: url('/css/img/agenda-planned.png'); background-size: 17px 18.5px; } .agenda-container .status-completed.item-info:after, .agenda-container .status-completed .ui-state-default:after { background-color: #026fa2; background-image: url('/css/img/agenda-completed.png'); background-size: 23px 17px; } .agenda-container .jsAgendaToggle.calendar-view .status-multiple .item-info:after, .agenda-container .jsAgendaToggle.calendar-view .status-multiple .ui-state-default:after { background-color: #ff9e00; background-image: url('/css/img/agenda-multiple.png'); background-size: 17px 18.5px; } .agenda-container .status-register.item-info:after, .agenda-container .status-register .ui-state-default:after { background-color: #ff9e00; background-image: url('/css/img/agenda-register.png'); background-size: 17px 18.5px; } .agenda-container .status-planned.item-info:after, .agenda-container .status-planned .ui-state-default:after { background-color: #ff9e00; background-image: url('/css/img/agenda-planned.png'); background-size: 20px 22px; } .wvBaseContainer .planner-container.register-date { text-align: center; } .wvBaseContainer .planner-container.register-date .display { cursor: default; } .program-register .crew-top { padding: 0 0 25px; } .program-register .program-info { margin: 0 auto 35px; max-width: 620px; width: calc(100% - 50px); color: #fff; } .program-register .program-info .title, .program-register .program-info .text { line-height: 20px; font-size: 14px; font-size: 0.875rem; -ms-word-break: break-all; word-break: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .program-register .program-info .title { font-weight: 500; margin: 0 0 15px; } .program-register .subject-list { color: #fff; padding: 35px 0; background: rgba(0, 0, 0, 0.4); } .program-register .subject-list .item { margin: 0 25px 50px 25px; } .program-register .subject-list .toggle-options { margin: 0 25px 30px; font-size: 0; } .program-register .subject-list .toggle-options label.checkbox-front { display: inline-block; width: 50%; margin: 0; font-size: 14px; font-size: 0.875rem; } .program-register .subject-list .toggle-options label.checkbox-front input[type="checkbox"] + span { margin-right: 10px; } .program-register .subject-list .toggle-options label.checkbox-front input[type="checkbox"] + span + span { width: calc(100% - 75px); word-break: break-word; text-decoration: none; padding: 0; } .program-register .subject-list .magazine-list { display: block; } .program-register .subject-list .magazine-list .item { position: relative; margin: 0 0 5px 0; } .program-register .subject-list .magazine-list .item .item-info { line-height: 24px; padding: 21px 0; } .program-register .subject-list .magazine-list .item.toggleMulti .item-label { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .program-register .subject-list .magazine-list .item.toggleMulti label.checkbox-front { display: inline-block; } .program-register .subject-list .magazine-list .item.toggleMulti .item-info.status { display: none; } .program-register .subject-list .magazine-list .item.showCrew + .lesson-crew .members { display: block; } .program-register .subject-list .magazine-list .item label.checkbox-front { display: none; text-align: center; vertical-align: middle; width: 64px; margin: 0; } .program-register .subject-list .magazine-list .item label.checkbox-front + span { margin: auto; } .program-register .subject-list .magazine-list .item label.checkbox-front input[type="checkbox"]:checked + span:before { background-color: #fff; } .program-register .subject-list .magazine-list .lesson-crew { margin: 0 0 30px; } .program-register .subject-list .magazine-list .lesson-crew .crew-status { text-align: center; } .program-register .subject-list .magazine-list .lesson-crew .crew-status span { font-weight: 500; } .program-register .subject-list .magazine-list .lesson-crew .members { display: none; margin: 18px 0px 0; } .program-register .subject-list .magazine-list .lesson-crew .members .member { display: inline-block; margin: 0 20px 20px; text-align: center; width: 80px; } .program-register .subject-list .magazine-list .lesson-crew .avatar { width: 76px; height: 76px; margin: 0 0 8px; } .program-register .subject-list .crew-list { margin: 0 25px; } .program-register .subject-list .crew-list .crew-item { cursor: pointer; position: relative; margin: 0 0 30px; background: #212121; padding: 15px 20px 15px 70px; border: 1px solid #333436; } .program-register .subject-list .crew-list .crew-item.added { opacity: 0.6; } .program-register .subject-list .crew-list .crew-item.added .icon.remove { display: block; } .program-register .subject-list .crew-list .crew-item.added .icon.add { display: none; } .program-register .subject-list .crew-list .crew-item .icon { position: absolute; font-size: 30px; left: 15px; top: 50%; transform: translateY(-50%); } .program-register .subject-list .crew-list .crew-item .icon.remove { display: none; } .program-register .subject-list .crew-list .crew-item .avatar { margin: 0; } .program-register .subject-list .crew-list .crew-item .crew-info { display: inline-block; vertical-align: middle; width: calc(100% - 78px); margin: 0 15px 0 0; line-height: 18px; } .program-register .crew-counter { margin: 8px 25px 30px; } .program-register .crew-counter .text { color: #fff; display: inline-block; vertical-align: middle; width: calc(100% - 78px); font-size: 20px; font-size: 1.25rem; } .program-register .crew-counter .counter-status { position: relative; display: inline-block; width: 60px; height: 60px; background: #212121; border: 1px solid #fff; text-align: center; padding: 12px 0; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .program-register .crew-counter .counter-status .icon { color: #5d5d5d; font-size: 32px; font-size: 2rem; } .program-register .crew-counter .counter-status .counter { position: absolute; width: 36px; height: 36px; display: block; background: #ff9e00; right: -18px; top: -8px; color: #fff; line-height: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-size: 20px; font-size: 1.25rem; } .program-register .crew-view { display: none; } .program-register.add-crew .lesson-view { display: none; } .program-register.add-crew .crew-view { display: block; } .program-register .submit-button.hidden { display: none; } .program-register .submit-button.disabled { pointer-events: none; } .program-register .submit-button.disabled span { opacity: 0.6; } @media only screen and (min-width: 768px) { .crew-top { width: 100%; margin: 0 0 12px; padding: 0 0 70px; } .crew-top .title { line-height: 34px; font-size: 30px; font-size: 1.875rem; } .crew-top .search-filter { padding: 18px 0; } .crew-list .item .info { width: calc(100% - 183px); font-size: 18px; font-size: 1.125rem; } .crew-list .item .info .info-name { font-size: 20px; font-size: 1.25rem; } .crew-list .item .avatar { margin: 0 40px; } .theme-header .arrow-back { width: 34px; height: 30px; } .dashboard-content { width: 90%; } .dashboard-content .arrow-back { width: 34px; height: 30px; } .agenda-top { margin: 0 0 30px; width: 100%; height: 50px; } .agenda-top .arrow-back { margin: 10px 0 0; } .agenda-top .toggles a { font-size: 20px; font-size: 1.25rem; } .agenda-top .toggles a:before { width: 50px; height: 50px; } .agenda-top .toggles a.jsCalendarToggle:before { background-size: 23px 25px; } .agenda-top .toggles a.jsSubscribe:before { background-size: 23px 25px; } .agenda-top .toggles a.jsListToggle:before, .agenda-top .toggles a.jsYearListToggle:before { background-size: 23px 18px; } .agenda-container { margin-bottom: 60px; } .agenda-container .calendar-view .ui-widget.ui-widget-content { margin: 104px 0 0 0; padding: 0 45px; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header { padding: 20px 0; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-title { font-size: 28px; font-size: 1.75rem; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-prev { left: 85px; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-next { right: 85px; } .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-prev span, .agenda-container .calendar-view .ui-widget .ui-datepicker-header .ui-datepicker-next span { background-size: 20px 32px; } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar thead tr { border-bottom: solid 2px #fff; } .agenda-container .calendar-view .ui-widget .ui-datepicker-calendar .ui-state-default { padding: 24px 0; font-size: 32px; font-size: 2rem; } .agenda-container .calendar-view .ui-widget table th { font-size: 32px; font-size: 2rem; } .agenda-container .list-view .ui-widget .ui-datepicker-header { padding: 29px 0; top: -90px; } .agenda-container .list-view .ui-widget .ui-datepicker-header .ui-datepicker-title { font-size: 32px; font-size: 2rem; } .agenda-container .list-view .ui-widget.ui-widget-content { margin: 120px 0 0 0; background: transparent; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar { padding: 40px 0 0; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar .item-info .item-date { font-size: 19px; font-size: 1.1875rem; } .agenda-container .list-view .ui-widget .ui-datepicker-calendar .item-info .item-description { font-size: 18px; font-size: 1.125rem; } .agenda-container .list-block .list-content { font-size: 18px; font-size: 1.125rem; } .agenda-container .list-block .list-content .list-item .item-date { font-size: 19px; font-size: 1.1875rem; } .agenda-container .status-multiple .ui-state-default:after, .agenda-container .status-planned .ui-state-default:after, .agenda-container .status-register .ui-state-default:after, .agenda-container .status-completed .ui-state-default:after, .agenda-container .status-multiple .item-info:after, .agenda-container .status-planned .item-info:after, .agenda-container .status-register .item-info:after, .agenda-container .status-completed .item-info:after { width: 48px; height: 48px; } .agenda-container .status-completed .ui-state-default:after { background-size: 30px 22px; } .agenda-container .status-multiple .ui-state-default:after, .agenda-container .status-multiple .item-info:after { background-size: 21px 24px; } .agenda-container .status-register .ui-state-default:after { background-size: 21px 24px; } .agenda-container .status-planned .ui-state-default:after { background-size: 26px 29px; } .program-register .subject-list { background: transparent; } } .magazine-content .subject-list .item .info-block { background-color: #3b3b3b; font-size: 16px; font-size: 1rem; } .magazine-content .subject-list .item .magazine-list .item-info { font-size: 14px; font-size: 0.875rem; } .mag-icon { display: block; height: 25px; margin: auto; background-repeat: no-repeat; background-size: contain; background-position: center center; } .mag-icon.single { background-image: url('/css/img/person-single.png'); width: 22px; } .mag-icon.double { background-image: url('/css/img/person-double.png'); width: 30px; } .mag-icon.group { background-image: url('/css/img/person-group.png'); width: 35px; } .back-icon { background-image: url('/css/img/arrow-back.png'); background-repeat: no-repeat; background-position: center center; height: 34px; width: 35px; } .close-popup, .close-filter, .page-back { cursor: pointer; display: inline-block; } .close-popup .close-text, .close-filter .close-text, .page-back .close-text { display: inline-block; font-size: 18px; font-size: 1.125rem; line-height: 34px; color: #fff; text-transform: uppercase; } .close-popup .back-icon, .close-filter .back-icon, .page-back .back-icon { display: inline-block; background-size: 50%; background-repeat: no-repeat; background-position: center center; } .page-back .back-icon { background-image: url('/css/img/arrow-back-new.png'); background-size: 100%; } .page-back .close-text { display: none; font-weight: bold; } .filter-icon { background-image: url('/css/img/filter.png'); height: 20px; width: 21px; } .search-filter { display: inline-block; } .search-filter .filter-text { display: inline-block; font-size: 18px; font-size: 1.125rem; line-height: 21px; color: #fff; } .search-filter .filter-icon { display: inline-block; } .search-filter .filter-icon.open-icon.active { background-image: url('img/filter-yellow.png'); } .search-filter .filter-count { color: #ff9e00; line-height: 21px; font-size: 14px; font-size: 0.875rem; } .searchResults { position: relative; } .searchResults .search-filter { cursor: pointer; padding: 18px 0; position: absolute; right: 0; top: 0; } .searchResults .subject-list .magazine-list { display: block; } .searchResults .subject-list .magazine-list .item { border-top-width: 0; } .searchResults .subject-list .magazine-list .item:first-child { border-top-width: 1px; } .searchResults .definitions { margin: 0 0 30px 0; padding-top: 56px; } .definitions .definitions-title { color: #fff; font-size: 20px; font-size: 1.25rem; border-left: 1px solid #fff; padding-left: 14px; } .definitions .definitions-item .title { color: rgba(255, 255, 255, 0.75); padding: 14px 0; border-bottom: 1px solid #f1ebe5; margin: 15px 0; } .definitions .definitions-item .text { color: rgba(255, 255, 255, 0.75); font-style: italic; line-height: 20px; } .magazine .definitions-column.column-md-2.column-sm-8 { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(98, 98, 98, .7); padding: 19px 15px; margin: 0; z-index: 1; width: 100%; } .magazine .definitions-column.column-md-2.column-sm-8 .definitions-inner { position: relative; background: #fff; height: 100%; } .magazine .definitions-column.column-md-2.column-sm-8 .definitions-icon { cursor: pointer; background-color: #ff9e00; text-transform: uppercase; font-weight: bold; font-size: 15px; line-height: 31px; color: #fff; text-align: center; display: block; width: 152px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .magazine .definitions { padding: 59px 22px; } .magazine .definitions .definitions-title { color: #3f3b37; padding-left: 8px; border-left: 2px solid #3f3b37; font-weight: bold; line-height: 19px; font-size: 16px; font-size: 1rem; } .magazine .definitions .definitions-item .title { color: #9e9e9e; border-bottom: 1px solid #c0c0c0; margin: 5px 0 14px; font-weight: bold; line-height: 18px; font-size: 13px; font-size: 0.8125rem; } .magazine .definitions .definitions-item .text { max-height: calc(100vh - 260px); overflow: auto; color: #9e9e9e; line-height: 18px; font-size: 12px; font-size: 0.75rem; } .filter-popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1001; background: rgba(17, 26, 31, 0.95); } .filter-popup .inner { width: 90%; margin: 50px auto 0; color: #fff; text-transform: uppercase; } .filter-popup .inner .search-filter { display: block; margin: 75px auto 0; text-align: center; text-transform: capitalize; } .filter-popup .inner .filter-block { margin-bottom: 10px; border-bottom: 1px solid #fff; } .filter-popup .inner .filter-block:last-of-type { border-bottom: none; } .filter-popup .inner .title { font-size: 16px; font-size: 1rem; margin-bottom: 25px; margin-top: 20px; } .filter-popup .inner .devider { margin-bottom: 10px; border-bottom: 1px solid #fff; } .filter-popup .inner label.checkbox-front input[type="checkbox"] + span { border-color: 1px solid #fff; } .filter-popup .inner label.checkbox-front input[type="checkbox"] + span + span { text-decoration: none; } .filter-popup .inner label .count { float: right; } label.checkbox-front { display: block; margin-bottom: 10px; } label.checkbox-front input[type="checkbox"] { display: none; } label.checkbox-front input[type="checkbox"] + span { margin-right: 15px; } label.checkbox-front input[type="checkbox"] + span:before { content: ''; width: 16px; height: 16px; display: inline-block; border: 2px solid #000; } label.checkbox-front input[type="checkbox"] + span + span { display: inline-block; padding-top: 2px; } label.checkbox-front input[type="checkbox"]:checked + span:before { background-color: #ff9e00; } label.checkbox-front input[type="checkbox"]:checked + span + span { text-decoration: line-through; } label.checkbox-front.light input[type="checkbox"] + span:before { border-color: #fff; } label.checkbox-front.light input[type="checkbox"] + span + span { color: #fff; } .icon-restart { background: url('/css/img/restart.png'); display: inline-block; width: 57px; height: 43px; } a.button { display: inline-block; color: #fff; min-width: 157px; line-height: 57px; text-align: center; border: 1px solid #fff; font-size: 15px; font-size: 0.9375rem; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.50); padding: 0 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.button.transparent { background-color: transparent; } a.button.active, a.button:hover { background-color: #ff9e00; } a.button.btn-lg { width: 280px; } a.button.btn-block { display: block; margin: auto; } a.submit-button, a.submit-save-button, a.finish-button { display: block; background: #040404; text-align: center; color: #fff; padding: 24px 0; font-size: 20px; } a.submit-button.submit-save-button span:after, a.submit-save-button.submit-save-button span:after, a.finish-button.submit-save-button span:after { display: none; } a.submit-button span, a.submit-save-button span, a.finish-button span { vertical-align: middle; } a.submit-button span:after, a.submit-save-button span:after, a.finish-button span:after { content: ''; display: inline-block; background-image: url('/css/img/chevron-yellow-right.png'); background-repeat: no-repeat; width: 26px; height: 42px; vertical-align: middle; margin: 0 0 0 15px; } @media only screen and (min-width: 1024px) { .noResults .item .item-info.item-title, .subject-list .item .item-info.item-title { width: 84%; } .noResults .item .item-info.chevron, .subject-list .item .item-info.chevron { width: 10%; } .wvBaseContainer.login .content { position: absolute; top: 0; } .wvBaseContainer.login .content .site-info { margin: 0 auto 50px; } .wvBaseContainer.login .content input[type=text], .wvBaseContainer.login .content input[type=password] { border-bottom-width: 1px; font-size: 16px; font-size: 1rem; margin-bottom: 2px; -webkit-text-fill-color: #eaeaea !important; /* @arnout Wegens een important in style */ } .wvBaseContainer.login .content .login-block { width: 270px; margin: 0 auto; } .wvBaseContainer.login .content .login-block .inner-block { padding: 0px; } .wvBaseContainer.login .content .login-block .inner-block input[type="submit"] { margin-top: 20px; font-size: 15px; font-size: 0.9375rem; } .wvBaseContainer.login .content .login-block .inner-block .rememberme { margin: 17px 0px; } .wvBaseContainer.login .content .login-block .inner-block .rememberme p { font-size: 15px; font-size: 0.9375rem; } .wvBaseContainer.login .content .login-block .inner-block .rememberme .slide-toggle { margin: 0; border: 1px solid #fff; background: transparent; margin-right: 6px; width: 14px; height: 14px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .wvBaseContainer .search-field { width: 100%; margin: auto; } .wvBaseContainer .side-menu { width: 480px; right: -480px; } .theme-content { width: 960px; } .subject-list { width: 100%; } .subject-list .item { margin-bottom: 35px; } .filter-popup .inner { width: 960px; } } .dashboard-content { width: 100%; } .dashboard-content.full-width .program-register .subject-list { background: rgba(0, 0, 0, 0.4); } .dashboard-content.full-width .inner-page { max-width: 670px; margin: 0 auto; } .dashboard-content.full-width .inner-page .submit-button { max-width: 458px; margin: 0 auto; } .dashboard-content .program-register .subject-list .toggle-options { max-width: 305px; } .wvContent { color: #3f3b37; margin: 35px auto; } .wvContent h1, .wvContent h3 { color: #3f3b37; } .wvContent.wv-profcheck { margin-top: 0; min-height: 100vh; } .wvContent.wv-profcheck .wv-proffeedback h1 .light { font-weight: 300; } .wvContent.wv-profcheck .wv-proffeedback h3 { padding: 0px 20px; margin: 10px 0px 0px; } .wvContent.wv-profcheck .wv-proffeedback .wvOptions { margin: 15px 0px; } .wvContent.wv-profcheck .wv-proffeedback .wvOptions .wvOption { padding: 10px 15px; text-align: left; font-size: 16px; font-size: 1rem; } .wvContent.wv-profcheck .wv-proffeedback .button { width: 44%; min-width: 0; } .wvContent.wv-profcheck .wv-proffeedback .button.wvResetButton { margin-right: 10%; } .wvContent.wv-profcheck .wv-proffeedback .button.wvResetButton .icon-restart { width: 27px; height: 21px; margin: 18px 7px 18px 0; background-repeat: no-repeat; background-size: cover; } .wvContent.wv-profcheck .dark-header { background: #1e1e1e; padding: 12px; text-align: center; } .wvContent.wv-profcheck .dark-header h1 { line-height: 40px; color: #fff; font-size: 24px; font-size: 1.5rem; } .wvContent.wv-profcheck .profcheckContent { position: relative; width: 100%; padding: 42px 0px 25px; min-height: calc(100vh - 65px); overflow: hidden; } .wvContent.wv-profcheck .profcheckContent .wvProfPages { position: relative; white-space: nowrap; left: 0; -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent { vertical-align: middle; width: 100%; white-space: normal; display: inline-block; text-align: center; color: #fff; margin: 50px 0 0 0; padding: 0px 25px; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent.wv-proffeedback { vertical-align: top; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent h1 { color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 28px; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent h3 { color: #b9b9b9; font-size: 14px; font-size: 0.875rem; line-height: 18px; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent .button { border: 0; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent.wv-profstart { margin-top: 100px; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent.wv-profstart h1 { margin-bottom: 20px; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent.wv-profstart .button { margin-top: 130px; } .wvContent.wv-profcheck .profcheckContent .pageCount { background: rgba(255, 255, 255, 0.1); position: absolute; top: 0; left: 0; right: 0; text-align: center; color: #fff; font-weight: 300; padding: 9px; letter-spacing: 3px; font-size: 20px; font-size: 1.25rem; } .wvContent.wv-profcheck .profcheckContent > .background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .wvContent.wv-profcheck .profcheckContent > .background .background-overlay { display: none; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .wvContent.wv-profcheck .profcheckContent > .background .background-image { width: 100%; height: 100%; background-size: cover; } .wvContent.wv-moodboard .wvOptions .wvOption { width: 100%; display: block; min-height: 156px; position: relative; margin: 15px 0px; } .wvContent.wv-moodboard .wvOptions .wvOption .image img { width: 100%; height: 100%; min-height: 155px; } @media only screen and (min-width: 1024px) { .wvContent.wv-moodboard .wvOptions .wvOption .image img { min-height: 315px; } } .wvContent.wv-moodboard .wvOptions .wvOption .toggle { width: 17px; height: 17px; background-size: cover; background-image: url('img/moodboard-toggle.png'); background-repeat: no-repeat; position: absolute; bottom: 0; left: 0; margin: 10px; cursor: pointer; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock { overflow: hidden; position: absolute; background-color: #ff9e00; height: 55px; width: 55px; z-index: 1; bottom: 0; left: 0; -webkit-border-top-right-radius: 100px; -moz-border-radius-topright: 100px; border-top-right-radius: 100px; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock .text { position: absolute; bottom: 0; left: 0; width: 0; height: 0; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size: 14px; font-size: 0.875rem; color: #fff; font-weight: 500; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock .text .inner { padding: 40px; overflow: auto; max-height: 100%; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock.open { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; width: 100%; height: 100%; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock.open .text { opacity: 1; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock.open .toggle { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .wvContent.wv-order { text-align: center; margin: auto; position: relative; } .wvContent.wv-order h1 { font-size: 20px; font-size: 1.25rem; line-height: 28px; } .wvContent.wv-order h3 { font-size: 14px; font-size: 0.875rem; line-height: 35px; } .wvContent.wv-order .wvOptions { margin-bottom: 50px; } .wvContent.wv-order .wvOptions .wvOption { height: 39px; border: 2px solid rgba(255, 255, 255, 0.4); padding: 10px; cursor: pointer; margin: 0 auto 9px; position: relative; color: #000; background-color: rgba(30, 30, 30, 0.4); box-sizing: content-box; } .wvContent.wv-order .transform { -webkit-perspective: 800px; perspective: 800px; margin-bottom: 41px; } .wvContent.wv-order .wvVolgordePlaceholder { width: 100%; height: 58px; margin-bottom: 13px; } .wvContent.wv-order .arrow { width: 30px; height: 30px; position: absolute; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; top: 15px; } .wvContent.wv-order .arrow.up, .wvContent.wv-order .arrow.down { background-size: 28px 17px; background-position: center; background-repeat: no-repeat; } .wvContent.wv-order .arrow.up { background-image: url('img/order-arrow-up.png'); left: 10px; } .wvContent.wv-order .arrow.down { background-image: url('img/order-arrow-down.png'); right: 10px; } .wvContent.wv-order .arrow.disabled { opacity: 0; } .wvContent.wv-order .butVisible { opacity: 1 !important; } .wvContent.wv-order .wvFeedbackOrder { height: 60px; color: #fff; line-height: 43px; cursor: pointer; text-transform: uppercase; font-size: 18px; font-size: 1.125rem; margin: auto; background-color: #282828; padding: 10px; width: 215px; margin-bottom: 29px; } .wvContent.wv-order .answerText { margin: auto; width: calc(100% - 80px); font-size: 14px; font-size: 0.875rem; margin-top: 0px; position: relative; color: #fff; text-align: center; display: table; min-height: 40px; } .wvContent.wv-order .answerText .inner { display: table-cell; vertical-align: middle; } .wvContent.wv-order .faded { opacity: 0.2; } .wvContent.wv-checklist h1 { font-weight: bold; font-size: 20px; font-size: 1.25rem; } .wvContent.wv-checklist .wvOptions .wvOption { cursor: pointer; margin: 23px 0px; line-height: 24px; font-weight: 500; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 16px; font-size: 1rem; } .wvContent.wv-checklist .wvOptions .wvOption .option-text { float: left; width: calc(100% - 50px); } .wvContent.wv-checklist .wvOptions .wvOption .checkbox-facade { float: left; width: 24px; height: 24px; border: 3px solid #1e1e1e; background: transparent; display: inline-block; margin-right: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .wvContent.wv-checklist .wvOptions .wvOption .checkbox-facade.checked { background-color: #ff9e00; } .wvContent.wv-checklist .wvOptions .wvOption.selected .option-text { text-decoration: line-through; } .wvContent.wv-checklist .wvOptions .wvOption .clear { clear: both; } .wvContent .button.hidden { display: none; } .wvContent.wv-mpc { text-align: center; } .wvContent.wv-mpc h1 { font-size: 20px; font-size: 1.25rem; line-height: 28px; } .wvContent.wv-mpc h3 { font-size: 14px; font-size: 0.875rem; line-height: 18px; } .wvContent.wv-mpc .wvImage { width: 100%; } .wvContent.wv-mpc .wvImage img { width: 100%; height: 100%; } .wvContent.wv-mpc .wvImage + .wvOptions { margin-top: 10px; } .wvContent.wv-mpc .wvOptions { margin: 30px 0px; } .wvContent.wv-mpc .wvOptions .wvOption { cursor: pointer; width: 100%; padding: 18px; background-color: rgba(30, 30, 30, 0.4); color: #fff; border: 2px solid rgba(255, 255, 255, 0.4); margin: 10px 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 14px; font-size: 0.875rem; } .wvContent.wv-mpc .wvOptions .wvOption.selected { background-color: #ff9e00; border-color: #ff9e00; } .wvContent.wv-mpc.showfeedback .wvOptions .wvOption { opacity: 0.4; } .wvContent.wv-mpc.showfeedback .wvOptions .wvOption.selected.wrong { opacity: 1; background-color: #de3939; border-color: #de3939; } .wvContent.wv-mpc.showfeedback .wvOptions .wvOption.selected.correct { opacity: 1; } .wvContent.wv-mpc.showfeedback .wvOptions .wvOption.correct { background-color: #39de55; border-color: #39de55; } @media only screen and (min-width: 322px) { .themes-items .item { margin: 15px 15px; } } @media only screen and (min-width: 768px) { .wvContent.wv-profcheck .wv-proffeedback .button.wvResetButton .icon-restart { width: 43px; height: 33px; margin: 12px 12px 12px 0; } a.button { padding: 0 15px; } } @media only screen and (min-width: 992px) { .magazine .definitions-column.column-md-2.column-sm-8 { display: block; position: relative; bottom: auto; left: auto; right: auto; background: transparent; padding: 0; margin-bottom: 10px; width: 16.66667%; } .magazine .definitions-column.column-md-2.column-sm-8 .definitions-icon { display: none; } .magazine .definitions-column.column-md-2.column-sm-8 .definitions-inner { background: transparent; } .magazine .definitions { padding: 0; } .magazine .definitions .definitions-title { border-left: 1px solid #3f3b37; padding-left: 14px; line-height: 24px; font-weight: normal; font-size: 20px; font-size: 1.25rem; } .magazine .definitions .definitions-item .title { border-bottom: 1px solid rgba(63, 59, 55, 0.4); font-weight: normal; font-size: 12px; font-size: 0.75rem; } .magazine .definitions .definitions-item .text { max-height: 100%; line-height: 20px; } .magazine .definitions.filled .definitions-item .title { color: #5a5b5a; } .magazine .definitions.filled .definitions-item .text { color: #5a5b5a; } .wvBaseContainer .top-menu .menu-items .item { width: 160px; margin: 18px 5px; } .wvBaseContainer .top-menu .menu-items .item .text { font-size: 12px; font-size: 0.75rem; } .wvBaseContainer .top-menu .menu-items .item .icon { width: 45px; height: 45px; } .wvBaseContainer .top-menu .menu-items .item:last-child .icon { background-size: 37px 29px; } .wvBaseContainer .notification-block { padding: 20px 80px; } .wvBaseContainer .content-block { margin-top: 60px; } .wvBaseContainer .content-block.has-notification { margin-top: 0; } .wvBaseContainer .content-block .theme-title { font-size: 20px; font-size: 1.25rem; letter-spacing: 1px; } .wvBaseContainer .content-block .subject-list { margin: 52px 0px; } .wvBaseContainer .content-block .subject-list > .item .item-title { padding: 25px; } .wvBaseContainer .content-block .subject-list .magazine-list { margin-top: 0px; } .wvBaseContainer .content-block .subject-list .magazine-list .item { margin-bottom: 0; } .wvBaseContainer .content-block .subject-list .magazine-list .item .item-title { padding: 35px 0px; font-size: 18px; font-size: 1.125rem; width: calc(100% - 150px); } .wvBaseContainer .content-block .subject-list .magazine-list .item .item-info.status .completed { background-size: contain; background-repeat: no-repeat; } .wvBaseContainer .content-block .subject-list .magazine-list .item .item-info span .completed { height: 25px; background-size: contain; background-repeat: no-repeat; } .wvBaseContainer .search-field { padding: 5px 60px; height: 70px; } .wvBaseContainer .search-field .inner .input-placeholder { font-size: 21px; font-size: 1.3125rem; } .theme-content { margin-top: 60px; } .content-toggle .title { font-size: 20px; font-size: 1.25rem; } .content-toggle .toggle { width: 60px; height: 28px; margin: 0 12px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px; } .content-toggle .toggle:after { top: 3px; width: 20px; height: 20px; } .message-content { margin-top: 0; } } .search-block .searchResults .magazine-list .item.hidden { display: none; } a.jsToTop { display: inline-block; font-weight: bold; font-size: 20px; font-size: 1.25rem; color: #000; text-transform: uppercase; margin-bottom: 20px; } a.jsToTop .chevron { display: block; background: url('img/chevron-black-up.png') no-repeat center; width: 39px; height: 20px; } .jw-display-icon-container { visibility: hidden !important; } /* Notification page */ .message-content .subject-list { margin: 0 auto; display: block; max-width: 620px; padding-bottom: 30px; } a.message-block { position: relative; background: #222; border-left: 5px solid #717171; padding: 10px 85px 10px 15px; letter-spacing: 1px; min-height: 90px; display: block; margin: 29px 25px 0; text-align: left; color: #fff; -ms-word-break: break-all; word-break: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } a.message-block:first-child { margin-top: 0px; } a.message-block .message-date { display: block; color: #fff; margin-bottom: 5px; position: absolute; right: 10px; top: 8px; font-family: Roboto, sans-serif; font-weight: 300; font-size: 14px; } a.message-block .message-title { margin-top: 15px; font-size: 13px; line-height: 19px; } a.message-block .icon { display: inline-block; width: 35px; height: 35px; background-image: url(img/input-background-icon.png); background-size: cover; position: absolute; top: 30px; right: 25px; margin: auto; } @media only screen and (min-width: 992px) { a.message-block { margin-left: 0; margin-right: 0; margin-top: 30px; } a.message-block:first-child { margin-top: 0px; } a.message-block .message-title { font-size: 18px; line-height: 21px; width: calc(100% - 80px); } a.message-block .message-date { font-size: 18px; } a.message-block .icon { width: 43px; height: 43px; top: 35px; right: 28px; } .program-register .subject-list .magazine-list .item { position: relative; margin: 0 0 5px 0; height: 99px; display: table; width: 100%; } .program-register .subject-list .magazine-list .item label.checkbox-front input[type="checkbox"] + span { margin-right: 0; } .program-register .subject-list .magazine-list .item .item-inner { display: table-cell; vertical-align: middle; } .program-register .subject-list .magazine-list .item .item-info { line-height: 21px; font-size: 18px; } } .program-register .subject-list .magazine-list .item.type-3 { background: #ededed; } .program-register .subject-list .magazine-list .item.type-3 .item-info-wrap { padding-left: 80px; } .program-register .subject-list .magazine-list .item.type-3 .checkbox-container { position: absolute; top: 0; left: 0; height: 100%; width: 60px; background: #fff; } .program-register .subject-list .magazine-list .item.type-3 .checkbox-container input[type="checkbox"] + span:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } /* Asset manager extension */ .contentManagerBlocks .loading { position: fixed; z-index: 99999; bottom: 10px; right: 10px; top: auto; left: auto; background: rgba(0, 0, 0, 0.6); padding: 10px; color: rgba(255, 255, 255, 0.8); text-align: center; border: 1px solid #ff9e00; } .contentManagerBlocks .loading .loader { display: block; position: relative; width: 64px; height: 64px; } .contentManagerBlocks .loading .loader div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; } .contentManagerBlocks .loading .loader div:nth-child(1) { animation-delay: -0.45s; } .contentManagerBlocks .loading .loader div:nth-child(2) { animation-delay: -0.3s; } .contentManagerBlocks .loading .loader div:nth-child(3) { animation-delay: -0.15s; } .popup .contentManagerBlocks .loading { background: rgba(0, 0, 0, 0.6); position: absolute; top: auto; left: auto; padding: 10px; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.admin .sidebar .sidebar-heading .logo { background: url("img/knrm-kompas-logo-small.png") no-repeat center center; background-size: 32px 32px; } body.admin .tagContainer { width: 32%; margin-bottom: 5px; } body.admin .tagContainer label { display: block; } body.admin .tagContainer .icon { cursor: pointer; } body.admin .popupAssetInfoTpl .jsImport { display: none; } body.admin .popupAssetInfoTpl.mediabank .jsImport { display: inline-block; } body.admin .popupAssetInfoTpl.mediabank .save { display: none; } .kWidgetIframeContainer { max-width: 100%; max-height: 100%; } .owncontent-container .asset.c-row .column-sm-6.column-md-4 { width: 100%; } .owncontent-container .asset.c-row .btn.assetSelect:not(.btn-icon-sm) { width: 95%; padding: 15px; margin: 0; height: 70px; background-color: #ff9e00; border: 0; border-radius: 0; text-align: left; font-size: 18px; line-height: 20px; } .owncontent-container .asset.c-row.add-icon-picture .btn.assetSelect:not(.btn-icon-sm) { padding-left: 45px; background-image: url(img/add-image-icon.png); background-repeat: no-repeat; background-position: 10px center; background-size: 30px; } .owncontent-container .asset.c-row.add-icon-video .btn.assetSelect:not(.btn-icon-sm) { padding-left: 45px; background-image: url(img/add-video-icon.png); background-repeat: no-repeat; background-position: 10px center; background-size: 30px; } @media only screen and (min-width: 992px) { .owncontent-container .asset.c-row .column-sm-6.column-md-4 { width: 100%; } .owncontent-container .asset.c-row .btn.assetSelect:not(.btn-icon-sm) { width: 100%; } .owncontent-container .asset.c-row.add-icon-picture .btn.assetSelect:not(.btn-icon-sm) { padding-left: 50%; background-size: auto; background-position: 30% center; } .owncontent-container .asset.c-row.add-icon-video .btn.assetSelect:not(.btn-icon-sm) { padding-left: 50%; background-size: auto; background-position: 30% center; } } body.admin .item-table-list.custom-fields > .head-row .list-cell { min-width: 19%; } body.admin .item-table-list.custom-fields > .head-row .list-cell.right { min-width: 1%; width: 50px; } body.admin .item-table-list.custom-fields > .list-row.hasWvImage > .list-cell.small { min-width: 17%; } body.admin .item-table-list.custom-fields > .list-row.hasWvImage > .list-cell { width: 18.7%; min-width: 0; } body.admin .item-table-list.custom-fields > .list-row.hasWvImage > .list-cell.right { min-width: 1%; width: 60px; } body.admin .item-table-list.custom-fields > .list-row.isPublished > .list-cell { background: transparent; } body.admin .item-table-list.custom-fields > .list-row.isPublished { background: rgba(239, 138, 34, 0.1); } body.admin .content-filters .lesson-filter { display: inline-block; } body.admin .content-filters .lesson-filter select { width: 100%; height: 36px; border-radius: 3px; padding: 5px 10px; } .message-content .wvContent.wv-checklist .wvOptions .wvOption { width: auto; } .message-content .wvContent.wv-checklist { margin-bottom: 0px; } .report-container { max-width: 90%; margin: 0 auto; position: relative; } .report-container .report-header { margin-bottom: 35px; } .report-container .report-header .page-back { display: none; position: absolute; left: 0; top: 10px; margin: auto; width: 35px; height: 35px; } .report-container .report-header .title { font-size: 24px; text-transform: uppercase; font-weight: bold; color: #fff; text-align: center; } .report-container .report-head { display: block; width: 100%; font-size: 0; margin-bottom: 35px; } .report-container .report-head .user-icon { display: inline-block; background-image: url("img/user-icon.png"); background-size: cover; background-repeat: no-repeat; width: 30px; height: 36px; margin-right: 15px; } .report-container .report-head .download-icon { display: inline-block; background-color: #ff9e00; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-image: url("img/download-icon.png"); background-repeat: no-repeat; background-position: center center; background-size: 50%; width: 40px; height: 40px; margin-left: 15px; } .report-container .report-head .search-icon { display: inline-block; background-color: #ff9e00; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-image: url("img/search-icon.png"); background-repeat: no-repeat; background-position: center center; background-size: 50%; width: 40px; height: 40px; margin-right: 15px; } .report-container .report-head .left, .report-container .report-head .right, .report-container .report-head .center { display: inline-block; width: 50%; } .report-container .report-head .left .item, .report-container .report-head .right .item, .report-container .report-head .center .item { display: flex; font-size: 16px; color: #fff; font-weight: bold; } .report-container .report-head .left .item a, .report-container .report-head .right .item a, .report-container .report-head .center .item a { font-weight: bold; color: #fff; display: flex; } .report-container .report-head .center { display: block; margin: 0 auto; } .report-container .report-head .center .item { justify-content: center; text-align: right; } .report-container .report-head .right .item { justify-content: flex-end; } .report-container .report-head .right .item a { text-align: right; } .report-container .report-types { max-width: 670px; display: block; font-size: 0; margin: 0 auto 35px; } .report-container .report-types .type { display: inline-block; width: 33%; text-align: center; } .report-container .report-types .type a { font-size: 14px; font-weight: normal; text-transform: uppercase; position: relative; display: inline-block; } .report-container .report-types .type a.active, .report-container .report-types .type a:hover { color: #fff; font-weight: bold; } .report-container .report-types .type a.active:after, .report-container .report-types .type a:hover:after { content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; display: block; border-bottom: 2px solid #fff; } .report-container .progress-list { display: block; } .report-container .progress-list .head { display: block; background: #252526; font-size: 0; } .report-container .progress-list .head .item { display: inline-block; width: 100%; color: #fff; font-size: 20px; font-weight: bold; padding: 15px 20px; } .report-container .progress-list .head .item:last-child { display: none; } .report-container .progress-list .theme { font-size: 0; } .report-container .progress-list .theme .theme-block { background: #ed9608; border-bottom: 1px solid #252526; padding: 10px 20px; position: relative; } .report-container .progress-list .theme .theme-block .item-info { padding: 0; color: #fff; font-size: 16px; } .report-container .progress-list .theme .theme-block .item-info .icon { cursor: pointer; display: inline-block; position: absolute; top: 50%; right: 20px; background-image: url("img/chevron-down-white.png"); background-size: cover; background-repeat: no-repeat; width: 22px; height: 11px; margin: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .report-container .progress-list .theme .theme-block .item-info:last-child { font-weight: bold; } .report-container .progress-list .theme .subjects { display: none; } .report-container .progress-list .theme .subjects .item .info-block { background: #edb24f; font-size: 16px; color: #fff; padding: 10px 20px; border-bottom: 1px solid #252526; } .report-container .progress-list .theme .subjects .item .info-block:last-child { display: none; } .report-container .progress-list .theme .subjects .item .magazine-list { background: #fff; } .report-container .progress-list .theme .subjects .item .magazine-list .item { display: block; border-bottom: 1px solid #252526; padding: 15px 20px; } .report-container .progress-list .theme .subjects .item .magazine-list .item .item-info { padding: 0; font-size: 16px; } .report-container .progress-list .theme .subjects .item .magazine-list .item .item-info.status { padding-left: 30px; font-weight: bold; } .report-container .progress-list .theme .subjects .item .magazine-list .item .item-info .dot { display: inline-block; width: 22px; height: 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-right: 5px; } .report-container .progress-list .theme .subjects .item .magazine-list .item .item-info .mag-title { display: inline-block; width: calc(100% - 32px); } .report-container .progress-list .theme .subjects .item .magazine-list .item .item-info .completed { display: inline-block; background-image: url("img/check-completed-dark.png"); background-size: cover; background-repeat: no-repeat; width: 19px; height: 14px; margin-top: 3px; margin-right: 5px; } .report-container .progress-list .theme .theme-block.active .item-info .icon { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .member-popup, .download-popup { visibility: hidden; opacity: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1001; background: rgba(6, 9, 10, 0.95); transition: 0.4s all ease-in-out; overflow-y: auto; } .member-popup.open, .download-popup.open { opacity: 1; visibility: visible; } .member-popup .jsClose, .download-popup .jsClose { position: absolute; top: 0; left: 0; cursor: pointer; background-image: url("/css/img/arrow-back-popup.png"); width: 25px; height: 22px; background-size: contain; } .member-popup .inner, .download-popup .inner { width: 90%; max-width: 960px; margin: 100px auto 30px; color: #fff; position: relative; display: block; } .member-popup .inner .download-icon, .download-popup .inner .download-icon { display: inline-block; background-image: url("img/download-icon.png"); background-repeat: no-repeat; background-position: center center; background-size: 50%; margin-left: 15px; width: 14px; height: 14px; margin-top: 3px; } .member-popup .inner .download-icon.button, .download-popup .inner .download-icon.button { background-color: #ff9e00; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 50px; height: 50px; } .member-popup .inner .download-icon.white, .download-popup .inner .download-icon.white { background-image: url("img/download-icon-white.png"); } .member-popup .inner .title, .download-popup .inner .title { display: block; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 40px; } .member-popup .inner .title .search-icon, .download-popup .inner .title .search-icon { display: inline-block; background-image: url("img/search-icon-white.png"); background-repeat: no-repeat; background-position: center center; width: 14px; height: 14px; margin-top: 3px; } .member-popup .inner .title .search-icon, .download-popup .inner .title .search-icon, .member-popup .inner .title .download-icon, .download-popup .inner .title .download-icon { background-size: cover; margin-right: 15px; } .member-popup .inner .list .member, .download-popup .inner .list .member { display: block; border-top: 1px solid #898d8f; border-bottom: 1px solid #898d8f; text-align: center; color: #fff; font-size: 18px; padding: 15px 0; font-weight: bold; } .member-popup .inner .list .member:first-child, .download-popup .inner .list .member:first-child { border-top-width: 2px; } .member-popup .inner .list .member:last-child, .download-popup .inner .list .member:last-child { border-bottom-width: 2px; } .member-popup .inner .text, .download-popup .inner .text { font-size: 16px; line-height: 22px; margin-bottom: 25px; } .member-popup .inner .videoContainer, .download-popup .inner .videoContainer { width: 100%; height: 190px; position: relative; margin-bottom: 25px; } .member-popup .inner .play-button, .download-popup .inner .play-button { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background-image: url("img/play-icon.png"); background-repeat: no-repeat; background-position: center center; } .member-popup .inner .download, .download-popup .inner .download { display: flex; color: #fff; font-weight: bold; font-size: 20px; justify-content: center; } .member-popup .inner .download .text, .download-popup .inner .download .text { text-align: right; padding-top: 9px; } .member-popup .inner .download.duo .text, .download-popup .inner .download.duo .text { text-align: left; } .member-popup .inner .duo-button, .download-popup .inner .duo-button { display: block; } .member-popup .inner .duo-button .download, .download-popup .inner .duo-button .download { display: block; width: 75%; font-size: 0; margin: 0 auto 20px; position: relative; } .member-popup .inner .duo-button .download .text, .download-popup .inner .duo-button .download .text { font-size: 20px; display: inline-block; width: 70%; margin-bottom: 0; } .member-popup .inner .duo-button .download .button, .download-popup .inner .duo-button .download .button { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .download-popup .inner .container { max-width: 600px; margin: 0 auto; } @media screen and (min-width: 768px) { .report-container { max-width: 1200px; margin-top: 25px; } .report-container .report-header { margin-bottom: 45px; } .report-container .report-header .page-back { display: block; } .report-container .report-header .title { font-size: 40px; letter-spacing: 0.06em; } .report-container .report-head .user-icon { width: 36px; height: 44px; } .report-container .report-head .download-icon, .report-container .report-head .search-icon { width: 50px; height: 50px; } .report-container .report-head .left .item, .report-container .report-head .right .item, .report-container .report-head .center .item { font-size: 20px; } .report-container .report-head .center .item a.single { margin-top: 30px; } .report-container .report-types .type a { font-size: 20px; } .report-container .progress-list .head .item { width: 50%; padding: 25px 35px; } .report-container .progress-list .head .item:last-child { display: inline-block; } .report-container .progress-list .theme .theme-block { padding: 0; border-bottom-width: 2px; } .report-container .progress-list .theme .theme-block .item-info { display: inline-block; width: 50%; font-size: 18px; padding: 25px 35px; } .report-container .progress-list .theme .theme-block .item-info:first-child { border-right: 2px solid #252526; position: relative; } .report-container .progress-list .theme .subjects .item .info-block { padding: 0; display: flex; justify-content: strech; border-bottom-width: 2px; } .report-container .progress-list .theme .subjects .item .info-block .item-info { padding: 25px 35px; display: inline-block; width: 50%; font-size: 18px; } .report-container .progress-list .theme .subjects .item .info-block .item-info:first-child { border-right: 2px solid #252526; } .report-container .progress-list .theme .subjects .item .info-block .item-info:last-child { display: inline-block; } .report-container .progress-list .theme .subjects .item .magazine-list .item { padding: 0; display: flex; justify-content: strech; border-bottom-width: 2px; } .report-container .progress-list .theme .subjects .item .magazine-list .item .item-info { padding: 25px 35px; display: inline-block; width: 50%; font-size: 18px; } .report-container .progress-list .theme .subjects .item .magazine-list .item .item-info:first-child { border-right: 2px solid #252526; } .report-container .progress-list .theme .subjects .item .magazine-list .item .item-info .icon { width: 32px; height: 16px; } .member-popup .jsClose, .download-popup .jsClose { left: -120px; top: 5px; width: 34px; height: 35px; } .member-popup .inner .title, .download-popup .inner .title { font-size: 36px; letter-spacing: 0.06em; margin-bottom: 65px; } .member-popup .inner .title .search-icon, .download-popup .inner .title .search-icon { width: 26px; height: 26px; margin-top: 8px; } .member-popup .inner .download-icon, .download-popup .inner .download-icon { width: 29px; height: 26px; margin-top: 8px; } .member-popup .inner .text, .download-popup .inner .text { font-size: 20px; line-height: 28px; margin-bottom: 40px; } .member-popup .inner .text strong, .download-popup .inner .text strong { font-size: 22px; line-height: 36px; } .member-popup .inner .duo-button .download, .download-popup .inner .duo-button .download { margin-bottom: 40px; } .member-popup .inner .duo-button .download .text, .download-popup .inner .duo-button .download .text { width: 75%; } } @media screen and (min-width: 1024px) { .member-popup .inner, .download-popup .inner { margin-top: 145px; } .member-popup .inner .videoContainer, .download-popup .inner .videoContainer { height: 375px; } } .privacyStatement .wvContent.wv-checklist .wvOptions .wvOption { width: auto; } .privacyStatement .wvContent.wv-checklist .wvOptions .wvOption .option-text { float: left; width: calc(100% - 50px); } .privacyStatement ul { padding-left: 15px; } /* Hotspot */ .hotspotWrap { margin: 35px 0 0 35px; overflow-x: overlay; overflow-x: scroll; } .hotspotParent { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .hotspotBackground { position: relative; width: 90%; margin: 0 auto; } .hotspotBackground img { max-width: 100%; } .hotSpotArea { position: absolute; background: none; z-index: 9; background-color: rgba(50, 125, 83, 0.25); } .hotspotParent.active .hotSpotArea { background-color: rgba(50, 125, 83, 0.4); } .hotspotParent.active .hotSpotArea .hscolor, .hotspotParent.active .hotSpotArea .hotspotPoly { background-color: #227b4a !important; } .hscolor { background: #95caff; opacity: 0.5; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .hotSpotArea.circle .hscolor { border-radius: 50%; } .hotspotPoly { position: absolute; cursor: pointer; width: 60px; height: 60px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #e60000; background-image: url('img/hotspot-dot.png'); background-repeat: no-repeat; background-size: 15px; background-position: center center; z-index: 30; margin: -30px; } .hotspotParent.active .hotspotPoly { background-color: #fe6e12; } body.admin .item-table-list .list-row.active .list-cell { background: rgba(239, 138, 34, 0.1); } .year-list-view .listheader { color: #fff; background-color: rgba(255, 255, 255, 0.2); padding: 32px 0; text-align: center; font-size: 24px; margin-bottom: 34px; position: relative; height: 96px; } .year-list-view .listheader .listheadertitle { position: absolute; left: 45px; right: 115px; } .year-list-view .listheader .ayeardown { position: absolute; left: 15px; } .year-list-view .listheader .ayearup { position: absolute; right: 15px; } .year-list-view .listheader .yeardown, .year-list-view .listheader .yearup { width: 20px; height: 32px; background-position: center center; margin: 0px 0 0 0; background-size: 14px 24px; } .year-list-view .listheader .yeardown { background-image: url('/css/img/chevron-agenda-left.png'); } .year-list-view .listheader .yearup { background-image: url('/css/img/chevron-agenda-right.png'); } .year-list-view .listheader .printicon { position: absolute; right: 55px; margin: 0; color: white; font-size: 18px; line-height: 36px; margin-top: -2px; } .year-list-view .listheader .printicon:before { content: "\ea64"; display: inline-block; width: 36px; height: 36px; margin: 0 0 0 0; background-color: rgba(0, 0, 0, 0.4); vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.2); background-position: center; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .year-list-view .listcontent { padding: 1px; } .year-list-view .listcontent .item-info { display: block; text-align: left; min-height: 90px; color: #fff; background-color: rgba(33, 33, 33, 0.9); padding: 13px 80px 13px 15px; line-height: 20px; border-left: 4.5px solid rgba(255, 255, 255, 0.35); margin: 0 0 28px; font-size: 0.875rem; word-break: break-word; overflow-wrap: break-word; hyphens: auto; cursor: pointer; } .year-list-view .listcontent .item-info .item-date { line-height: 21.5px; font-weight: 300; margin: 0 0 5px; font-size: 1.1875rem; text-align: left; color: #fff; } .year-list-view .listcontent .item-info .item-description { font-size: 1.125rem; text-align: left; color: #fff; line-height: 20px; word-break: break-word; overflow-wrap: break-word; } @media print { body.dashboardAgenda .top-menu, body.dashboardAgenda .side-overlay, body.dashboardAgenda .side-menu, body.dashboardAgenda .app-feedback, body.dashboardAgenda .agenda-top, body.dashboardAgenda .printicon { display: none; } body.dashboardAgenda .wvBaseContainer { background: none; } body.dashboardAgenda .year-list-view .listheadertitle { margin-top: 0px; margin-bottom: 10px; font-size: 20px; padding: 0px; background: none; color: #000; } body.dashboardAgenda .year-list-view .listcontent .item-info { min-height: auto; padding: 0px; background: none; margin-bottom: 12px; } body.dashboardAgenda .year-list-view .listcontent .item-info .item-date, body.dashboardAgenda .year-list-view .listcontent .item-info .item-description { font-weight: normal; font-size: 12px; line-height: 12px; color: #000; margin: 0px; } body.dashboardAgenda .year-list-view .listcontent .item-info .item-date { margin-bottom: 2px; } } .profile .name { font-size: 20px; font-size: 1.25rem; color: #fff; font-weight: 300; text-align: center; padding: 16px 0; position: relative; letter-spacing: 0.03em; } .profile .name span { display: block; font-weight: 500; } .profile .name:after { content: ""; display: block; width: 38px; height: 2px; background: #b6b6b6; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .profile .role { font-size: 20px; font-size: 1.25rem; color: #fff; text-align: center; padding-top: 16px; letter-spacing: 0.03em; } .profile .role span { font-weight: bold; color: #ff9e00; } .profile .knrmrole { font-size: 14px; font-size: 0.875rem; color: #e6e6e6; } .profile .knrmrole span { color: #cc7e00; } .profile .avatar { width: 222px; height: 222px; margin: 0 auto; position: relative; } .profile .avatar img { width: 222px; height: 222px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .profile .avatar .change-avatar { position: absolute; top: 0; right: 0; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #ff9e00; } .profile .avatar .change-avatar .camera { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 35px; height: 27px; background-image: url('img/icon_change_avatar.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .profile .manageAvatar { display: block; width: 222px; margin: 0 auto; } .profile .manageAvatar .avatar { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 222px; height: 222px; overflow: hidden; position: relative; margin: 34px 0; } .profile .manageAvatar .avatar img { position: absolute; min-height: 100%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .profile .manageAvatar .progress-ring { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .profile .manageAvatar .progress-ring .progress-ring__circle { transition: 0.35s stroke-dashoffset; transform: rotate(-90deg); transform-origin: 50% 50%; } .profile .manageAvatar .jsChangeAvatar, .profile .manageAvatar .btn { display: block; width: 80%; background: #ff9e00; color: #fff; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin: 0 auto 22px; text-align: center; font-family: "muli-bold", sans-serif; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; padding: 13px 0; position: relative; cursor: pointer; } .profile .manageAvatar .jsChangeAvatar .uploadAvatarBtnInput, .profile .manageAvatar .btn .uploadAvatarBtnInput { position: absolute; bottom: 0; right: 0; left: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; } .wvBaseContainer .content-block.ambitions .blockHeader { color: #fff; font-size: 20px; padding-bottom: 15px; } .wvBaseContainer .content-block.ambitions .subject-list > .item { margin: 0; } .wvBaseContainer .content-block.ambitions .subject-list > .item .item-title { padding: 34px 25px; font-size: 18px; font-size: 1.125rem; } .wvBaseContainer .content-block.ambitions .subject-list .magazine-list.visible { display: block; } .wvBaseContainer .content-block.ambitions .subject-list .magazine-list .item { background: #ececec; border: 0; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; font-size: 20px; font-size: 1.25rem; } .wvBaseContainer .content-block.ambitions .subject-list .magazine-list .item:first-child { border-top-width: 2px; } .wvBaseContainer .content-block.ambitions .subject-list .magazine-list .item:last-child { border-bottom-width: 2px; } .wvBaseContainer .content-block.ambitions .subject-list .magazine-list .item .item-title { padding: 29px 25px; color: #171717; width: 100%; font-size: 20px; font-size: 1.25rem; } .wvBaseContainer .content-block.ambitions .subject-list .magazine-list .item:hover, .wvBaseContainer .content-block.ambitions .subject-list .magazine-list .item.active { background: #ff9e00; } .wvBaseContainer .content-block.ambitions .subject-list .magazine-list .item:hover .item-title, .wvBaseContainer .content-block.ambitions .subject-list .magazine-list .item.active .item-title { padding-left: 25px; color: #fff; } .wvBaseContainer .profile .content-block { margin-top: 20px; } .wvBaseContainer .profile .content-block .subject-list { margin: 0; } @media screen and (min-width: 768px) { .profile .name { font-size: 26px; font-size: 1.625rem; text-align: left; padding: 20px 0; } .profile .name:after { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .profile .role { font-size: 24px; font-size: 1.5rem; text-align: left; padding-top: 20px; } .wvBaseContainer .profile .content-block { margin-top: 40px; } } .lessons-container { width: 100%; } .lessons-container.dark { background: rgba(0, 0, 0, 0.4); } .filter-popup .icon { display: inline-block; width: 23px; height: 23px; background-size: contain; float: right; } .leerlijn.lessons-container { padding: 35px 0; } .leerlijn.lessons-container .search-filter .filter-icon.active { background-image: url('/css/img/filter-yellow.png'); } .leerlijn.lessons-container .search-filter .filter-icon.active + .filter-num { display: inline-block; font-size: 18px; line-height: 21px; color: #ff9e00; } .leerlijn.lessons-container:not(.history) { height: calc(100vh - 248px); overflow: auto; } .leerlijn.lessons-container.history { padding: 0 0 20px; } .leerlijn.lessons-container.history .subject-list .magazine-list .extended-container { display: none; margin-top: 25px; } .leerlijn.lessons-container.history .subject-list .magazine-list .item { background: transparent; border-color: #fff; } .leerlijn.lessons-container.history .subject-list .magazine-list .item .register-date { color: #fff; position: absolute; right: 12px; top: 8px; font-weight: 300; font-size: 14px; font-size: 0.875rem; } .leerlijn.lessons-container.history .load-more { text-align: center; } .leerlijn.lessons-container.history .load-more.hide { opacity: 0; pointer-events: none; } .leerlijn.lessons-container.history .load-more a { padding: 8px 0; margin: 10px 0 0; display: inline-block; color: #fff; font-size: 15px; font-size: 0.9375rem; } .leerlijn.lessons-container.history .load-more a.btn-more.hidden, .leerlijn.lessons-container.history .load-more a.btn-less.hidden { display: none; } .leerlijn.lessons-container.history .load-more a.btn-less:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .leerlijn.lessons-container.history .load-more a:after { content: ''; display: inline-block; background-image: url('/css/img/chevron-down-white.png'); width: 24px; height: 12px; background-position: center; background-repeat: no-repeat; margin-left: 12px; } .leerlijn.lessons-container .subject-list { margin: 0 auto; display: block; max-width: 620px; padding: 0 0px; width: calc(100% - 50px); } .leerlijn.lessons-container .subject-list .list-header { margin-bottom: 25px; position: relative; } .leerlijn.lessons-container .subject-list .list-header .title { font-size: 18px; line-height: 20px; color: #fff; } .leerlijn.lessons-container .subject-list .list-header .search-filter { position: absolute; top: 0; right: 0; } .leerlijn.lessons-container .subject-list .item { margin: 0; } .leerlijn.lessons-container .subject-list .item.role-specific-list.hidden { display: none; } .leerlijn.lessons-container .subject-list .item.role-specific-list:not(:first-child) { margin-top: 35px; } .leerlijn.lessons-container .subject-list .item.non-specific-list.hidden { display: none; } .leerlijn.lessons-container .subject-list .magazine-list { display: block; } .leerlijn.lessons-container .subject-list .magazine-list .list-title { text-align: center; font-size: 18px; line-height: 20px; color: #fff; } .leerlijn.lessons-container .subject-list .magazine-list .item { margin-top: 25px; position: relative; } .leerlijn.lessons-container .subject-list .magazine-list .item.filter-hidden { display: none; } .leerlijn.lessons-container .subject-list .magazine-list .item.isExercise { cursor: default; } .leerlijn.lessons-container .subject-list .magazine-list .item.repeated .corner { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 45px 45px 0 0; border-color: #212121 transparent transparent transparent; } .leerlijn.lessons-container .subject-list .magazine-list .item.repeated .corner:before { content: ""; position: absolute; top: -40px; left: 5px; width: 15px; height: 18px; background-image: url(img/repeat-arrows.png); background-size: 15px 18px; background-position: top left; } .leerlijn.lessons-container .subject-list .magazine-list .item:not(.completed) .item-info.status { width: 25px; } .leerlijn.lessons-container .subject-list .magazine-list .item:not(.completed) .item-info.item-title { width: calc(100% - 96px); } .leerlijn.lessons-container .subject-list .magazine-list .item:first-child { margin-top: 0px; } @media only screen and (min-width: 768px) { .leerlijn.lessons-container:not(.history) { height: calc(100vh - 234px); } .leerlijn.lessons-container.history .subject-list .magazine-list .item .item-title { padding-left: 18.5px; width: calc(100% - 135px); } .leerlijn.lessons-container.history .load-more a { margin: 27px 0 0; font-size: 18px; font-size: 1.125rem; } } @media only screen and (min-width: 1024px) { .leerlijn.lessons-container.history { padding: 0; margin-bottom: -30px; } } body .icon.icon-learnings:before { content: "\e99a"; } body .icon.icon-role-manager:before { content: "\eb0e"; } .magazine { width: 100%; background: #fff; } .magazine .definitionData { display: none; } .magazine .definition { /*font-weight: bold !important; */ color: #026fa2; cursor: pointer !important; text-decoration: underline !important; } .magazine .wv-text a, .magazine .wv-text a:link, .magazine .wv-text a:visited { color: #ff9e00; } .magazine .magazine-inner { width: 100%; padding: 0 25px; margin-left: auto; margin-right: auto; } .magazine .magazine-header { display: block; position: relative; background-size: cover; background-attachment: local; background-position: center center; background-repeat: no-repeat; min-height: 100vh; } .magazine .magazine-header.animated { min-height: auto; } .magazine .magazine-header .header-wrapper { position: fixed; z-index: 5; padding-top: 55px; } .magazine .magazine-header .shadow.top { position: fixed; } .magazine .magazine-header .bottom-wrapper { position: absolute; bottom: 0; left: 0; right: 0; padding: 39px 0 27px 0; z-index: 10; color: #fff; background: #ff9e00; } .magazine .magazine-header .magazine-information { display: block; } .magazine .magazine-header .subject { font-size: 12px; font-size: 0.75rem; letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; border-left: 2px solid #fff; padding-left: 10px; } .magazine .magazine-header .title { margin: 20px 0 0 0; position: relative; } .magazine .magazine-header .title h1 { font-size: 32px; font-size: 2rem; letter-spacing: 0.03em; margin-bottom: 30px; } .magazine .magazine-header .title .mag-icon { display: inline-block; position: absolute; top: 5px; right: 10px; } .magazine .magazine-header .magazine-scroll-up { position: absolute; width: 100px; height: 100px; background: url(img/scroll-up-icon.png); background-size: cover; bottom: 280px; left: 0; right: 0; margin: auto; cursor: pointer; } .magazine .magazine-content { padding: 30px 0 0 0; position: relative; z-index: 10; background: #fff; } .magazine.profcheckFirst .magazine-content { margin-top: 0; padding-top: 0; } .hamburger { display: inline-block; width: 27px; height: 21px; position: relative; } .hamburger .bar { display: block; width: 100%; height: 3px; background: #fff; } .hamburger .bar:before, .hamburger .bar:after { content: ''; height: 3px; background: #fff; position: absolute; left: 0; right: 0; } .hamburger .bar:before { top: 9px; } .hamburger .bar:after { top: 18px; } @media only screen and (min-width: 768px) { .magazine .magazine-header { background-attachment: fixed; } .magazine .magazine-header .magazine-scroll-up { bottom: 220px; } } @media only screen and (min-width: 992px) { .magazine .magazine-inner { width: 960px; padding: 0; } .magazine .magazine-header .bottom-wrapper { padding: 43px 0 47px 0; } .magazine .magazine-header .subject { font-size: 14px; font-size: 0.875rem; } .magazine .magazine-header .title h1 { font-size: 30px; font-size: 1.875rem; letter-spacing: 0.03em; padding-right: 40px; margin-bottom: 0; } .doen-opdracht .magazine-inner { width: 100%; } .doen-opdracht .header-wrapper .magazine-inner { width: 960px; } } .magazine-toggle { display: inline-block; margin: 4px 0; line-height: 34px; text-transform: uppercase; vertical-align: bottom; font-size: 0; } @media only screen and (min-width: 768px) { .magazine-toggle { margin: 0 0 0 15px; } } .magazine-toggle .toggle-title { border: solid 2px #fff; padding: 8px 20px; color: #fff; background-color: #ffcc7a; font-weight: bold; font-size: 12px; font-size: 0.75rem; } .magazine-toggle .toggle-title.active { background-color: #fff; color: #000; } .pdfBtn { margin: 4px 15px 2px -2px; } @media only screen and (min-width: 768px) { .pdfBtn { margin: 0; } } /* Extension on the btn classes */ a.btn.btn-flat, .btn.btn-flat { background-color: #fff; border-color: #fff; text-transform: uppercase; font-weight: bold; padding: 10px 14px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.1em; } .shadow { position: absolute; left: 0; right: 0; height: 33%; pointer-events: none; } .shadow.top { background: rgba(0, 0, 0, 0.75); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); top: 0; } .shadow.bottom { background: rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); bottom: 0; } .shadow.fixed { position: fixed; } .bottom-wrapper .shadow.bottom { bottom: 100%; } .right-column .wvContent { padding: 35px 25px; } /* werkvormen */ .wvContent h1 { font-size: 23.2px; font-size: 1.45rem; line-height: 24px; } .wvContent h3 { font-size: 16px; font-size: 1rem; line-height: 20px; } .wvContent .nr { vertical-align: middle; width: 30px; height: 30px; padding-top: 1px; background: #ff9e00; line-height: 30px; text-align: center; color: #fff; font-size: 19px; font-size: 1.1875rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .wvContent.wv-steps .wvOptions .wvOption { border-top: 2px solid #b2b2b2; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .wvContent.wv-steps .wvOptions .wvOption:last-child { border-bottom: 2px solid #b2b2b2; } .wvContent.wv-steps .wvOptions .wvOption .chevron { display: inline-block; /* display: inline-block; vertical-align: middle; width: 40px; */ } .wvContent.wv-steps .wvOptions .wvOption .chevron.hidden { display: none; } .wvContent.wv-steps .wvOptions .wvOption .chevron span { display: block; background-image: url('/css/img/chevron-yellow.png'); width: 24px; height: 15px; position: absolute; top: 0; right: 0; background-size: cover; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin: 0 20px; } .wvContent.wv-steps .wvOptions .wvOption .block { /*display: inline-block;*/ vertical-align: middle; /*width: calc( 100% - 43px );*/ } .wvContent.wv-steps .wvOptions .wvOption .block .nr { display: none; } .wvContent.wv-steps .wvOptions .wvOption .block .top { /*width: 100%;*/ vertical-align: middle; display: inline-block; padding-left: 25px; position: relative; } .wvContent.wv-steps .wvOptions .wvOption .block .top .sub-title { font-size: 12px; font-size: 0.75rem; color: #757575; text-transform: uppercase; margin: 15px 0 5px; } .wvContent.wv-steps .wvOptions .wvOption .block .top .title-bar { font-size: 16px; font-size: 1rem; color: #3f3b37; margin-bottom: 15px; font-weight: 500; } .wvContent.wv-steps .wvOptions .wvOption .block .text-area { font-size: 14px; font-size: 0.875rem; color: #3f3b37; overflow: hidden; height: 0; display: none; } .wvContent.wv-steps .wvOptions .wvOption .block .text-area .inner { padding: 0 25px 10px; } .wvContent.wv-steps .wvOptions .wvOption .block .text-area .inner ul, .wvContent.wv-steps .wvOptions .wvOption .block .text-area .inner ol { margin: 10px 0 10px 25px; } .wvContent.wv-steps .wvOptions .wvOption.open { background: #f0f0f0; } .wvContent.wv-steps .wvOptions .wvOption.open .block .text-area { display: block; } .wvContent.wv-steps .wvOptions .wvOption.open .chevron { vertical-align: bottom; margin-bottom: 13px; } .wvContent.wv-steps .wvOptions .wvOption.open .chevron span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .wvContent.wv-steps .wvOptions.showNumbers .wvOption .block .nr { margin: 10px 10px 0; display: inline-block; } .wvContent.wv-steps .wvOptions.showNumbers .wvOption .block .nr.large { /*margin: 20px 20px 0;*/ margin: 0 10px; } @media only screen and (min-width: 768px) { .wvContent.wv-steps .wvOptions.showNumbers .wvOption .block .nr.large { margin: 0 20px; } } .wvContent.wv-steps .wvOptions.showNumbers .wvOption .block .top { /*width: calc(100% - 53px);*/ padding-left: 0; } .wvContent.wv-quote .devider { width: 79px; height: 6px; background: #026fa2; } .wvContent.wv-quote .quote-txt { font-size: 32px; font-size: 2rem; color: #026fa2; text-transform: uppercase; padding: 15px 0; font-weight: 900; } .wvContent.wv-image .sub-text { font-size: 10px; font-size: 0.625rem; text-transform: uppercase; line-height: 14px; padding: 5px 0px; } .wvContent.wv-slider .wvSlider { overflow: hidden; height: 100%; white-space: nowrap; font-size: 0px; position: relative; } .wvContent.wv-slider .wvSlider .slide-wrapper { position: relative; left: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .wvContent.wv-slider .wvSlider .slide { height: 100%; width: 100%; position: relative; left: 0px; display: inline-block; } .wvContent.wv-slider .wvSlider .slide .imgContainer img { width: 100%; min-height: 200px; } .wvContent.wv-slider .wvSlider .slide .textblock { margin-top: -1px; font-size: 16px; color: #fff; background-color: #ff9e00; padding: 15px; white-space: normal; font-weight: 500; } .wvContent.wv-slider .wvSlider .slider-control { cursor: pointer; padding: 6px 0; width: 32px; height: 33px; background: #ff9e00; position: absolute; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .wvContent.wv-slider .wvSlider .slider-control span { height: 18px; width: 11px; display: block; margin: auto; } .wvContent.wv-slider .wvSlider .slider-control.left { left: 0; } .wvContent.wv-slider .wvSlider .slider-control.left span { background-image: url('/css/img/chevron-white-left.png'); } .wvContent.wv-slider .wvSlider .slider-control.right { right: 0; } .wvContent.wv-slider .wvSlider .slider-control.right span { background-image: url('/css/img/chevron-white-right.png'); } .wvContent.wv-text .imgContainer img, .wvContent.wv-image .imgContainer img { width: 100%; height: 100%; min-height: 200px; } @media only screen and (min-width: 1024px) { .wvContent.wv-text .imgContainer img, .wvContent.wv-image .imgContainer img { min-height: 415px; } } .wvContent.wv-text .imgContainer img.noMinHeight, .wvContent.wv-image .imgContainer img.noMinHeight { min-height: 1px; } .wvContent.wv-text, .wvContent.wv-video { position: relative; } .wvContent.wv-text .videoContainer, .wvContent.wv-video .videoContainer { width: 100%; height: 205px; position: relative; } .wvContent.wv-text .play-button, .wvContent.wv-video .play-button { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; background-image: url(/css/img/play-icon.png); background-repeat: no-repeat; background-position: center center; } .wvContent.wv-text { margin-bottom: 5px; margin-top: 5px; } .wvContent.wv-text .asset-block { position: relative; margin-top: 15px; } .wvContent.wv-text ul { /*list-style: disc inside none; padding-left: 20px;*/ /* Changed for ticket #0019534 */ margin: 0 0 0 25px; } .wvContent.wv-text ol { list-style: decimal inside none; padding-left: 20px; } .wvContent.wv-text p { padding: 15px 0px 15px 0px; } .wvContent.wv-text h1 { padding-top: 20px; } .wvContent.wv-confirm { margin: 0 auto 35px; text-align: left; } .wvContent.wv-confirm .confirm-button { display: block; background: #fff; border: 1px solid #026fa2; color: #026fa2; position: relative; padding: 25px 0; font-size: 16px; font-size: 1rem; } .wvContent.wv-confirm .confirm-button .eye { position: absolute; top: 50%; left: 19px; width: 26px; height: 16px; display: inline-block; background-image: url("img/icon-confirm-blue.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wvContent.wv-confirm .confirm-button .text { display: block; padding: 0 70px; letter-spacing: 0.03em; } .wvContent.wv-confirm .confirm-input { display: block; max-width: 460px; margin: 0 auto; padding: 34px 0; background-color: #026fa2; color: #fff; position: relative; cursor: pointer; } .wvContent.wv-confirm .confirm-input .checkbox { position: absolute; top: 50%; left: 32px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 24px; height: 24px; display: block; border-color: #fff; border: 2px solid; /*background: #ffffff;*/ } .wvContent.wv-confirm .confirm-input .text { font-size: 18px; font-size: 1.125rem; padding-left: 85px; letter-spacing: 0.03em; } .wvContent.wv-confirm .confirm-input .eye { position: absolute; top: 50%; right: 32px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 61px; height: 34px; display: block; background-image: url("img/icon-confirm.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; } .wvContent.wv-confirm.completed .confirm-button { color: #616161; /*border-color: #464949;*/ } .wvContent.wv-confirm.completed .confirm-button .eye { background-image: url("img/icon-confirm-gray.png"); } .wvContent.wv-confirm.completed .confirm-input { background: #505050; } .wvContent.wv-confirm.completed .confirm-input .checkbox:after { content: ""; background: #fff; /*background-image: url("img/check-completed.png"); background-size: contain; background-repeat: no-repeat; background-position: center center;*/ position: absolute; top: 0; right: 1px; bottom: 0; left: 1px; } .wvContent.wv-confirm.completed .confirm-input .eye { opacity: 0.4; } .wvContent.hotspotContainer { position: relative; /*min-height: 200px;*/ /* Changed for ticket #0020967 - hotspot container has to be same height as hotspot image */ margin: 20px 0px 0; } .wvContent.hotspotContainer .hotspotImage { width: 100%; } .wvContent.hotspotContainer .dotParent { position: relative; } .wvContent.hotspotContainer .hotspotContent { display: none; padding: 36px; border: 2px solid #000; border-top: 0; font-size: 16px; } .wvContent.hotspotContainer .hotspotContent.open { display: block; } .wvContent.hotspotContainer .hotspotContent .title { font-size: 22px; font-weight: bold; margin-bottom: 15px; } .wvContent.hotspotContainer .dot { cursor: pointer; /*background-image: url('img/icons/hotspot-open.png');*/ background-image: url('img/spot-sprite.png'); background-position: 0 0; background-repeat: no-repeat; position: absolute; display: block; width: 36px; height: 36px; margin: -18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .wvContent.hotspotContainer .dot.open { background-position: 0 -36px; } .wvContent.hotspotContainer .dot.open .dotLabel { display: block; } .wvContent.hotspotContainer .dot.label-left .dotLabel { padding: 0 30px; padding-right: 66px; padding-left: 30px; right: 0; left: auto; } .wvContent.hotspotContainer .dot.label-left .dotLabel .popupIcon { left: auto; right: 0; } .wvContent.hotspotContainer .dot .dotContent { display: none; } .wvContent.hotspotContainer .dot .dotLabel { display: none; border-radius: 50px; padding: 0 25px; padding-left: 55px; left: 0; right: auto; font-weight: bold; font-size: 16px; height: 36px; white-space: nowrap; background: #fff; width: auto; position: absolute; line-height: 36px; color: #000; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); } .wvContent.hotspotContainer .dot .dotLabel .popupIcon { background-image: url('img/spot-sprite.png'); background-position: 0 -36px; background-repeat: no-repeat; position: absolute; display: block; width: 36px; height: 36px; left: 0; right: 0; } .wvContent.hotspotContainer .popup { display: none; position: absolute; background: rgba(101, 101, 101, 0.95); color: #fff; padding: 35px 20px; text-align: left; z-index: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .wvContent.hotspotContainer .popup .arrow { content: ''; display: block; left: 50%; top: -9px; position: absolute; width: 0; height: 0; border-bottom: 9px solid rgba(101, 101, 101, 0.9); border-left: 9px solid transparent; border-right: 9px solid transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .wvContent.hotspotContainer .popup .popupTitle { margin-bottom: 25px; text-transform: uppercase; font-size: 18px; font-size: 1.125rem; } .wvContent.hotspotContainer .popup .popupBody { line-height: 28px; font-size: 18px; font-size: 1.125rem; } @media only screen and (max-width: 991px) { .wvContent.hotspotContainer .dot.open { top: 0 !important; left: 0 !important; margin: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); border-radius: 0; z-index: 100; } .wvContent.hotspotContainer .dot.open .dotLabel { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 36px; margin: auto; text-align: center; background: none; color: #fff; font-size: 18px; } .wvContent.hotspotContainer .dot.open .dotLabel .popupIcon { position: relative; display: inline-block; margin-right: 20px; background-image: url(img/mobile-spot-open.png); background-position: 0 0; background-size: cover; } .wvContent.hotspotContainer .dot.open .dotLabel .popupTitle { display: inline-block; } } .doen-opdracht .wv-confirm { padding: 0 25px; } .wv-confirm .tabletConfirm { display: none; } @media only screen and (min-width: 992px) { .wv-confirm .mobileConfirm { display: none; } .wv-confirm .tabletConfirm { display: block; } } .doen-opdracht { counter-reset: list-counter; } .doen-opdracht .magazine-content { padding: 0; } .doen-opdracht .magazine-content .magazine-inner { padding: 0; } .doen-opdracht .workform-wrapper .wvContent { margin: 0 auto; padding: 35px 25px; } .doen-opdracht .workform-wrapper .wvContent.dark-bg { background-color: #e5e5e5; } .doen-opdracht .workform-wrapper .wvContent:nth-child(even) { /*background-color: #e5e5e5;*/ } .doen-opdracht .workform-wrapper .wvContent .number { display: inline-block; width: 30px; height: 30px; margin-right: 15px; background: #ff9e00; line-height: 30px; text-align: center; color: #fff; font-weight: bold; font-size: 18px; font-size: 1.125rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .doen-opdracht .workform-wrapper .wvContent h1 { vertical-align: middle; display: inline-block; /*&:before { content: counter(list-counter); counter-increment: list-counter; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 15px; background: $knrmYellow; line-height: 30px; text-align: center; color: $default; @include font-size(18px); @include radius(50%); } */ } .doen-opdracht .workform-wrapper .wvContent h3 { /*margin-top: 15px;*/ } @media only screen and (min-width: 992px) { .doen-opdracht .magazine-content .magazine-inner .definitions-column { position: absolute; top: 0; left: 3%; } .doen-opdracht .magazine-content .right-column { position: absolute; top: 0; right: 6%; } .doen-opdracht .magazine-content .right-column .wvContent { width: auto; } .doen-opdracht .magazine-content .right-column .wvContent .wvContent-wrapper { width: 100%; } .doen-opdracht .magazine-content .right-column .wvContent .wvContent-wrapper .wvContent-innerWrapper { width: 100%; } .magazine-content .magazine-inner .workform-wrapper, .magazine-content .magazine-inner .right-column { padding: 0 16px; } .magazine-content .magazine-inner .right-column .wvContent { padding: 0; } .magazine-content .magazine-inner .has-definitions { margin-left: 0; } .magazine-content .magazine-inner .definitions-column.column-md-2.column-sm-8 { float: left; margin-top: 35px; } .wvContent.wv-steps .wvOptions .wvOption { position: relative; } .wvContent.wv-steps .wvOptions .wvOption .chevron span { width: 26px; height: 16px; margin: 0 35px; } .wvContent.wv-steps .wvOptions .wvOption .block .top { margin: 0px 20px; } .wvContent.wv-steps .wvOptions .wvOption .block .top .title-bar { font-size: 18px; font-size: 1.125rem; } .wvContent.wv-steps .wvOptions .wvOption .block .top .sub-title { font-size: 14px; font-size: 0.875rem; } .wvContent.wv-steps .wvOptions .wvOption .block .nr { font-size: 20px; font-size: 1.25rem; font-weight: bold; line-height: 26px; padding-top: 2px; } .wvContent.wv-steps .wvOptions .wvOption .block .text-area { font-size: 16px; font-size: 1rem; font-weight: 500; } .wvContent.wv-video .play-button, .wvContent.wv-text .play-button { background-image: url(/css/img/play-icon-desktop.png); } .wvContent.wv-profcheck { margin: 0; min-height: 0; } .wvContent.wv-profcheck .profcheckContent { min-height: 0; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent { width: 100%; margin: 0 auto; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent.wv-proffeedback { vertical-align: middle; } .wvContent.wv-profcheck .profcheckContent .wvProfPages .wvContent .profwrapper { width: 620px; margin: 0 auto; } .wvContent.wv-quote .quote-txt { font-weight: 900; } .wvContent.wv-slider .wvSlider .slide .textblock { font-size: 18px; font-size: 1.125rem; line-height: 26px; padding: 30px 80px; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock { height: 112px; width: 108px; border-top-right-radius: 300px; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock .text { font-size: 24px; font-size: 1.5rem; line-height: 32px; } .wvContent.wv-moodboard .wvOptions .wvOption .textblock .text .inner { padding: 80px; } .wvContent.wv-moodboard .wvOptions .wvOption .toggle { width: 32px; height: 32px; margin: 20px; } .wvContent.wv-image .sub-text { font-size: 16px; font-size: 1rem; line-height: 24px; font-weight: 500; padding: 5px 0px; } .wvContent.wv-text { /*h1 {margin-bottom: 25px;} */ } .wvContent.wv-checklist .wvOptions { margin-top: 13px; } .wvContent.wv-checklist .wvOptions .wvOption { /*display: inline-block;*/ width: 49%; margin: 8px 0px; } .doen-opdracht .magazine-content .magazine-inner .column-md-8 { width: 100%; } .doen-opdracht .magazine-content .magazine-inner .column-md-8.definitions-column { position: absolute; top: 0; left: 25px; width: 16.66667%; } .doen-opdracht .magazine-content .magazine-inner .column-md-push-2 { margin-left: 0; } .doen-opdracht .magazine-content .magazine-inner .werkvorm.hotspot { width: 960px; margin-left: auto; margin-right: auto; } .doen-opdracht .magazine-content .magazine-inner .werkvorm.hotspot .inner-werkvorm { width: 66.66667%; margin-left: 16.66667%; padding: 35px 10px; } .doen-opdracht .magazine-content .magazine-inner .wvContent-wrapper { width: 960px; margin-left: auto; margin-right: auto; } .doen-opdracht .magazine-content .magazine-inner .wvContent-wrapper .wvContent-innerWrapper { width: 66.66667%; margin-left: 16.66667%; padding: 35px 10px; } .doen-opdracht .magazine-content .magazine-inner .workform-wrapper { padding: 0; } .doen-opdracht .magazine-content .magazine-inner .workform-wrapper .wvContent { padding: 0; } .doen-opdracht .magazine-content .magazine-inner .workform-wrapper .wvContent h1 { margin-bottom: 0; } .theme-header .theme-icon { width: 115px; height: 115px; margin: 30px auto; } .magazine.profcheckFirst .wvContent.wv-profcheck { margin-top: -11px; } .subject-list .item .item-info.item-title { font-size: 20px; font-size: 1.25rem; letter-spacing: 1px; } .wvBaseContainer .search-field .inner input { font-size: 21px; font-size: 1.3125rem; font-weight: 500; } } @media only screen and (min-width: 1024px) { .wvContent.wv-text .videoContainer, .wvContent.wv-video .videoContainer { height: 415px; } .wvContent.wv-slider .wvSlider .slide .imgContainer img { min-height: 400px; } } @media only screen and (min-width: 1200px) { .doen-opdracht .magazine-content .magazine-inner .column-md-push-2.right-column { position: absolute; top: 0; right: 0; width: 16.66667%; padding: 0; } .doen-opdracht .magazine-content .magazine-inner .column-md-push-2.right-column .wvContent { width: 100%; } .doen-opdracht .magazine-content .magazine-inner .column-md-push-2.right-column .wvContent .wvContent-wrapper { width: 100%; } .doen-opdracht .magazine-content .magazine-inner .column-md-push-2.right-column .wvContent .wvContent-wrapper .wvContent-innerWrapper { padding: 0; width: 100%; margin: 0; } .right-column { white-space: nowrap; } .right-column .wvContent { width: 245px; white-space: normal; } .right-column .wvContent h1:before { display: none !important; } .right-column .wvContent.wv-checklist .wvOptions .wvOption { margin: 15px 0px; width: 100%; } .right-column .wvContent .wvOptions .wvOption { display: block; } } .helpPage { background: transparent; } .helpPage .magazine-content { background: rgba(0, 0, 0, 0.4); } .helpPage .magazine-content .wvContent { color: #fff; } .helpPage .magazine-content .cta-button { background: #ff9d01; margin: 0 auto; color: #fff; padding: 17px; text-align: center; width: calc(100% - 50px); display: block; max-width: 620px; font-size: 14px; text-transform: uppercase; } .helpPage .magazine-inner { width: 100%; padding: 20px 0px; } .helpPage .magazine-inner .workform-wrapper { text-align: center; } .helpPage .magazine-inner .workform-wrapper .wvContent { /*width: 360px;*/ max-width: 390px; width: calc(100% - 20px); /* Rekening houdend met margin en padding */ display: inline-block; text-align: left; margin: 35px 10px; padding: 0px 15px; } .helpPage .magazine-inner .workform-wrapper .wvContent .imgContainer img { max-width: 360px; max-height: 600px; width: 100%; } .mobile-only { display: block; } .lg-mobile { display: none; } @media only screen and (min-width: 768px) { .mobile-only { display: none; } .lg-mobile { display: block; } .helpPage .magazine-inner .workform-wrapper .wvContent { width: 360px; } .helpPage .magazine-inner .workform-wrapper .wvContent .imgContainer img { width: 360px; height: 600px; } } .fullscreen-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(17, 27, 29, 0.95); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .fullscreen-popup.hidden { opacity: 0; visibility: hidden; pointer-events: none; } .fullscreen-popup.video-upload-warning { overflow: auto; } .fullscreen-popup.video-upload-warning .popup-close-btn { position: relative; } .fullscreen-popup.video-upload-warning .inner { padding: 25px; max-width: 850px; } .fullscreen-popup.video-upload-warning .heading { text-align: center; color: #ff9e00; font-size: 20px; font-weight: bold; text-transform: uppercase; } .fullscreen-popup.video-upload-warning .heading .icon { width: 88px; height: 88px; background-image: url(img/video-upload-popup-icon.png); background-size: contain; background-repeat: no-repeat; margin: 0 auto; margin-bottom: 10px; margin-top: 25px; } .fullscreen-popup.video-upload-warning .bodytext { color: #fff; font-family: Roboto; font-weight: 200; font-size: 16px; line-height: 24px; } .fullscreen-popup.video-upload-warning .bodytext a { color: #ff9e00; } .fullscreen-popup.video-upload-warning .bodytext p { margin: 25px 0px; } .fullscreen-popup.video-upload-warning .bodytext ul li { display: block; list-style: none; margin: 0 0 4px 16px; padding: 0; position: relative; } .fullscreen-popup.video-upload-warning .bodytext ul li::before { color: #ff9e00; content: "\2022"; display: inline-block; font-size: 18px; left: -0.9em; position: absolute; top: 0px; } .fullscreen-popup .inner { display: table; height: 100%; max-width: 360px; width: 100%; margin: 0 auto; } .fullscreen-popup .popup-content { display: table-cell; vertical-align: middle; width: 100%; text-align: center; padding: 20px; letter-spacing: 1px; font-size: 16px; color: #fff; } .fullscreen-popup .popup-content .title { line-height: 15px; padding: 0 20px; } .fullscreen-popup .popup-content .hiddentitle, .fullscreen-popup .popup-content .hiddentitle2 { display: none; } .fullscreen-popup .popup-content .popup-btn-large { display: block; width: 100%; border: 1px solid #fff; text-align: center; padding: 30px 65px; position: relative; margin-top: 60px; color: #fff; } .fullscreen-popup .popup-content .popup-btn-large.filled { background: #ff9d01; border: 0; } .fullscreen-popup .popup-content .popup-btn-large.last { margin-top: 10px; } .fullscreen-popup .popup-content .popup-btn-large.disabled { background: #b18847; color: #b8b8b8; } .fullscreen-popup .popup-content .popup-btn-large .icon { position: absolute; right: 50px; top: 0; bottom: 0; margin: auto; font-size: 35px; line-height: 80px; color: #f9a207; } .fullscreen-popup .popup-close-btn { background: #ff9d01; padding: 12px 60px; font-size: 16px; color: #fff; text-transform: uppercase; position: absolute; bottom: 0; left: 50%; margin: 40px auto; display: inline-block; letter-spacing: 1px; transform: translateX(-50%); } .asset-form-group .asset .asset-callout:not(.dummy) ~ .assetSelect { display: none !important; } @media screen and (min-width: 768px) { .fullscreen-popup.video-upload-warning .bodytext { font-size: 18px; line-height: 24px; } } .wvBaseContainer .planner-container.owncontent-container .planner-inner .subject-list .magazine-list:not(.list-default) .item.knrmconcept:not(.completed) .item-info.item-title { width: calc(100% - 120px); } .wvBaseContainer .planner-container.owncontent-container .history-btn { display: block; background-image: url('img/history-icon.png'); background-repeat: no-repeat; background-size: contain; width: 43px; height: 38px; position: absolute; right: 25px; top: 0; } .wvBaseContainer .planner-container.owncontent-container .history-popup { max-height: 100vh; overflow: auto; } .wvBaseContainer .planner-container.owncontent-container .history-popup .search-filter { text-align: left; } .wvBaseContainer .planner-container.owncontent-container .history-popup .filter-block { margin: 25px 0; text-transform: none; line-height: 20px; } .wvBaseContainer .planner-container.owncontent-container .inputs-container.checklist-title { max-width: 620px; width: calc(100% - 70px); margin: 0 auto; } .wvBaseContainer .planner-container.owncontent-container .inputs-container.checklist-title.inputs-container input[type="text"] { margin-bottom: 35px; } .wvBaseContainer .planner-container.owncontent-container .inputs-container input[type="text"], .wvBaseContainer .planner-container.owncontent-container .inputs-container input[type="number"], .wvBaseContainer .planner-container.owncontent-container .inputs-container select { width: 100%; background: #ededed; color: #a4a4a4; border: 0; padding: 15px 20px; font-size: 18px; font-family: Roboto; font-weight: 400; } .wvBaseContainer .planner-container.owncontent-container .inputs-container .planner-select { position: relative; } .wvBaseContainer .planner-container.owncontent-container .inputs-container .planner-select select::-ms-expand { display: none; } .wvBaseContainer .planner-container.owncontent-container .inputs-container .planner-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .wvBaseContainer .planner-container.owncontent-container .inputs-container .planner-select:after { z-index: 99; content: ""; position: absolute; right: 15px; top: 50%; color: #333; width: 0; margin-top: -3px; height: 0; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; pointer-events: none; } .wvBaseContainer .planner-container .program-text-default { font-size: 16px; color: #fff; word-break: break-word; } .wvBaseContainer .planner-container .program-text-default .title { text-align: left; font-weight: bold; line-height: 35px; margin: 15px 0px; } .wvBaseContainer .planner-container .program-text-default .title.center { text-align: center; } .wvBaseContainer .planner-container .program-text-default .title .alert-icon { display: inline-block; width: 35px; height: 35px; background-image: url(img/input-background-icon.png); background-size: cover; margin-left: 15px; } .wvBaseContainer .planner-container .lessons-container { margin-top: 20px; height: auto; } .wvBaseContainer .planner-container .lessons-container.step1-container { min-height: calc(100vh - 288px); } .wvBaseContainer .planner-container .lessons-container.step2-container { min-height: calc(100vh - 494px); } .wvBaseContainer .planner-container .lessons-container.step4-container { min-height: calc(100vh - 358px); } .wvBaseContainer .planner-container .lessons-container.step5-container { min-height: calc(100vh - 498px); } .wvBaseContainer .planner-container .program-container .step5-container { min-height: calc(100vh - 478px); } .wvBaseContainer .planner-container .submit-button.hidden { opacity: 0.2; pointer-events: none; } .wvBaseContainer .planner-container .notification-block { font-size: 16px; padding: 18px; margin-bottom: 30px; } .wvBaseContainer .planner-container .inputs-container .program-alert-text { position: relative; } .wvBaseContainer .planner-container .inputs-container .program-alert-text:before { content: ""; position: absolute; width: 35px; height: 35px; background-image: url(img/input-background-icon.png); background-size: cover; top: 0; right: 0; margin: 15px; } .wvBaseContainer .planner-container .inputs-container .program-alert-text textarea { padding-right: 60px; } .wvBaseContainer .planner-container .display { cursor: pointer; } .wvBaseContainer .planner-container .display .date-separator { font-size: 20px; color: #fff; line-height: 66px; } .wvBaseContainer .planner-container .display .block { display: inline-block; font-size: 21px; color: #fff; margin: 10px; padding: 5px; text-align: center; font-weight: bold; } .wvBaseContainer .planner-container .display .block .part { border-top: 2px solid #fea000; border-bottom: 2px solid #fea000; padding: 5px; letter-spacing: 1px; } .wvBaseContainer .planner-container .display .block .part.inactive { opacity: 0.6; border: 0; } .wvBaseContainer .planner-container .submit-concept { display: block; text-align: center; } .wvBaseContainer .planner-container .submit-concept .inner { margin: 40px 40px 5px; background: #fff; padding: 20px 30px; display: inline-block; font-size: 18px; color: #ff9d00; text-transform: uppercase; font-weight: bold; cursor: pointer; } .wvBaseContainer .planner-container .text-center { text-align: center; } .wvBaseContainer .planner-container .booleanswitch-state-container.hidden { display: none; } .wvBaseContainer .planner-container .booleanswitch { width: 215px; height: 42px; background: rgba(0, 0, 0, 0.4); border: 1px solid #fff; border-radius: 100px; margin: 0 auto; position: relative; padding: 5px 8px; cursor: pointer; } .wvBaseContainer .planner-container .booleanswitch.state-one .highlight { left: 0; } .wvBaseContainer .planner-container .booleanswitch.state-two .highlight { right: 0; } .wvBaseContainer .planner-container .booleanswitch .highlight { position: absolute; margin: 5px 8px; width: 75px; height: 30px; border-radius: 100px; background: #ff9d00; top: 0; z-index: 0; -webkit-box-shadow: inset 0px 10px 40px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 10px 40px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 10px 40px 0px rgba(0, 0, 0, 0.25); } .wvBaseContainer .planner-container .booleanswitch .option { min-width: 75px; height: 30px; text-align: center; text-transform: uppercase; color: #fff; line-height: 30px; position: relative; z-index: 1; } .wvBaseContainer .planner-container .booleanswitch .option.left { float: left; } .wvBaseContainer .planner-container .booleanswitch .option.right { float: right; } .wvBaseContainer .planner-container .planner-header { padding: 0 25px 25px 25px; max-width: 670px; margin: 25px auto 0; position: relative; } .wvBaseContainer .planner-container .planner-header .page-back { position: absolute; left: 25px; top: 0; margin: auto; width: 35px; height: 35px; } .wvBaseContainer .planner-container .planner-header .title { text-align: center; font-size: 18px; color: #fff; } .wvBaseContainer .planner-container .planner-header .title .stepnumber { font-size: 28px; color: #ff9d01; display: block; font-weight: 700; } .wvBaseContainer .planner-container .planner-header .title .steptitle { letter-spacing: 0.04em; } .wvBaseContainer .planner-container .inputs-container .input-group:not(:first-child) { margin-top: 25px; } .wvBaseContainer .planner-container .inputs-container .input-group.disabled { opacity: 0.5; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .popupAssetTpl .uploadAssetBtnInput { position: absolute; top: -999px; left: 0; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .form-group { margin-top: 25px; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .form-group.asset-form-group { width: 50%; display: inline-block; padding: 10px; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .form-group.asset-form-group .message { display: none; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .form-group.asset-form-group .assetName { width: 100%; color: #fff; margin: 10px 0px; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .form-group.asset-form-group .callout-bottom { width: 50px; position: absolute; top: 7px; left: 15px; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .form-group.asset-form-group .callout-bottom .btn { margin-bottom: 5px; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .form-group label { display: block; color: #fff; font-size: 16px; margin-bottom: 10px; } .wvBaseContainer .planner-container .inputs-container.show-backend-inputs .form-group .form-group-information { display: none; } .wvBaseContainer .planner-container .inputs-container .input-title { color: #fff; font-size: 16px; margin-bottom: 10px; } .wvBaseContainer .planner-container .inputs-container .input-title .explain-text { font-style: italic; color: #c4ccce; margin-left: 5px; } .wvBaseContainer .planner-container .inputs-container textarea { width: 100%; background: #ededed; font-size: 18px; color: #a4a4a4; border: 0; padding: 15px 20px; font-size: 18px; font-family: Roboto; font-weight: 400; } .wvBaseContainer .planner-container .inputs-container textarea.input-text { min-height: 58px; } .wvBaseContainer .planner-container .inputs-container textarea.input-large { min-height: 220px; } .wvBaseContainer .planner-container .planner-inner .cta-button { background: #ff9d01; margin: 0 auto; color: #fff; padding: 17px; text-align: center; width: calc(100% - 50px); display: block; max-width: 620px; } .wvBaseContainer .planner-container .planner-inner .cta-button .icon { margin-right: 8px; font-size: 24px; vertical-align: middle; } .wvBaseContainer .planner-container .planner-inner .cta-button .text { vertical-align: middle; } .wvBaseContainer .planner-container .planner-inner .exercise-container.added { opacity: 0.6; pointer-events: none; } .wvBaseContainer .planner-container .planner-inner .exercise-container .title { font-size: 14px; color: #fff; margin-bottom: 15px; } .wvBaseContainer .planner-container .planner-inner .exercise-container.trashOnly { margin-top: 35px; } .wvBaseContainer .planner-container .planner-inner .exercise-container.trashOnly .block { border: 0; height: auto; } .wvBaseContainer .planner-container .planner-inner .exercise-container.trashOnly .block .add { display: none; } .wvBaseContainer .planner-container .planner-inner .exercise-container.trashOnly .block .trash { width: 60px; height: 100%; position: absolute; top: 0; left: 0; color: #1e1e1e; background: #fff; font-size: 30px; cursor: pointer; } .wvBaseContainer .planner-container .planner-inner .exercise-container.trashOnly .block .trash .icon { width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .wvBaseContainer .planner-container .planner-inner .exercise-container.trashOnly .block .exercise-content { background: #ededed; color: #1e1e1e; width: 100%; min-height: 100%; border: 0; padding: 28px 15px; padding-left: 75px; font-size: 18px; font-family: Roboto; font-weight: bold; line-height: 20px; } .wvBaseContainer .planner-container .planner-inner .exercise-container .exercise-list .block.trashOnly { opacity: 1; } .wvBaseContainer .planner-container .planner-inner .exercise-container .exercise-list .block.trashOnly .description { background: #ededed; color: #1e1e1e; font-weight: bold; font-size: 16px; font-size: 1rem; } @media only screen and (min-width: 768px) { .wvBaseContainer .planner-container .planner-inner .exercise-container .exercise-list .block.trashOnly .description { font-size: 18px; font-size: 1.125rem; } } .wvBaseContainer .planner-container .planner-inner .exercise-container .block { width: 100%; height: 75px; display: block; border: 2px dashed #fff; position: relative; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block.trashOnly .add { display: none; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block.trashOnly .trash { width: 60px; height: 100%; position: absolute; top: 0; left: 0; color: #1e1e1e; background: #fff; font-size: 30px; cursor: pointer; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block.trashOnly .trash .icon { width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block .add { width: 60px; height: 100%; position: absolute; top: 0; left: 0; color: #232323; background: #ededed; font-size: 30px; cursor: pointer; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block .add .icon { width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block .input { background: #fff; width: 100%; height: 100%; padding-left: 60px; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block .input .description, .wvBaseContainer .planner-container .planner-inner .exercise-container .block .input textarea { width: 100%; height: 100%; border: 0; padding: 20px 15px; font-family: Roboto; font-size: 16px; font-size: 1rem; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block .input .description { padding: 26px 20px; margin-left: 60px; width: calc(100% - 60px); } @media only screen and (min-width: 768px) { .wvBaseContainer .planner-container .planner-inner .exercise-container .block { height: 88px; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block .input .description { padding: 30px 20px; } .wvBaseContainer .planner-container .planner-inner .exercise-container .block .input .description, .wvBaseContainer .planner-container .planner-inner .exercise-container .block .input textarea { font-size: 18px; font-size: 1.125rem; } } .wvBaseContainer .planner-container .planner-inner .subject-list { max-width: 620px; width: calc(100% - 50px); margin: 0 auto; display: block; margin-top: 0; padding-top: 0; } .wvBaseContainer .planner-container .planner-inner .subject-list.dark-list { padding: 25px 0; } .wvBaseContainer .planner-container .planner-inner .subject-list .list-header { margin-bottom: 25px; position: relative; } .wvBaseContainer .planner-container .planner-inner .subject-list .list-header.mid-header { border-top: 1px solid #fff; padding: 10px 0 0; margin-top: 30px; } .wvBaseContainer .planner-container .planner-inner .subject-list .list-header .title { font-size: 18px; line-height: 20px; color: #fff; } .wvBaseContainer .planner-container .planner-inner .subject-list .list-header .search-filter { position: absolute; top: 0; right: 0; } .wvBaseContainer .planner-container .planner-inner .subject-list .steps-list .item, .wvBaseContainer .planner-container .planner-inner .subject-list .checklist-list .item { margin-bottom: 35px; } .wvBaseContainer .planner-container .planner-inner .subject-list .steps-list .item .item-info.interact.trash, .wvBaseContainer .planner-container .planner-inner .subject-list .checklist-list .item .item-info.interact.trash { display: block !important; right: 15px; position: absolute !important; left: auto !important; } .wvBaseContainer .planner-container .planner-inner .subject-list .steps-list .item.item-add-button, .wvBaseContainer .planner-container .planner-inner .subject-list .checklist-list .item.item-add-button { height: 81px; border: 2px dashed #fff; background: rgba(0, 0, 0, 0.4); } .wvBaseContainer .planner-container .planner-inner .subject-list .steps-list .item.item-add-button.hidden, .wvBaseContainer .planner-container .planner-inner .subject-list .checklist-list .item.item-add-button.hidden { opacity: 0.4; pointer-events: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .steps-list .item.item-add-button .item-info, .wvBaseContainer .planner-container .planner-inner .subject-list .checklist-list .item.item-add-button .item-info { display: inline-block; left: 0 !important; right: 0; text-align: center; } .wvBaseContainer .planner-container .planner-inner .subject-list .item { margin: 0; margin-bottom: 35px; } .wvBaseContainer .planner-container .planner-inner .subject-list .item.role-specific-list.hidden { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .item.role-specific-list:not(:first-child) { margin-top: 35px; } .wvBaseContainer .planner-container .planner-inner .subject-list .item.non-specific-list.hidden { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .exercise-list .block { opacity: 0.6; margin-top: 35px; border-style: solid; } .wvBaseContainer .planner-container .planner-inner .subject-list .exercise-list .block .item-info { cursor: pointer; display: block; position: absolute; top: 0; left: 15px; bottom: 0; margin: auto; font-size: 30px; height: 30px; color: #232323; } .wvBaseContainer .planner-container .planner-inner .subject-list .exercise-list .block .input { padding-left: 0; } .wvBaseContainer .planner-container .planner-inner .subject-list .loadmore { text-align: center; padding: 20px; color: #ff9d01; font-size: 14px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .wvBaseContainer .planner-container .planner-inner .subject-list .loadmore.hidden { opacity: 0; pointer-events: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .loadmore .icon { margin-left: 8px; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.noInteraction .item-info.interact { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.noInteraction .item-info.item-title { margin-left: 30px; width: calc(100% - 106px); } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.isExercise { background: #fff; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.isExercise .item-info.item-title { color: #252525; font-weight: 600; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item .item-info.interact { position: absolute; top: 0; left: 15px; bottom: 0; margin: auto; font-size: 30px; height: 30px; color: #fff; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item .item-info.item-title { margin-left: 80px; width: calc(100% - 156px); } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item .item-info.add { display: block; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item .item-info.remove { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item .item-info.trash { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.added { opacity: 0.6; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.added .item-info.add { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.added .item-info.remove { display: block; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.added .item-info.trash { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.trashOnly .item-info.add { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.trashOnly .item-info.remove { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list.list-default .item.trashOnly .item-info.trash { display: block; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) { display: block; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .list-title { text-align: center; font-size: 18px; line-height: 20px; color: #fff; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item { position: relative; background: #222; border-left: 5px solid #717171; padding: 10px 20px; letter-spacing: 1px; min-height: 98px; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item.filter-hidden { display: none; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item.repeated .corner { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 45px 45px 0 0; border-color: #212121 transparent transparent transparent; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item.repeated .corner:before { content: ""; position: absolute; top: -40px; left: 5px; width: 15px; height: 18px; background-image: url(img/repeat-arrows.png); background-size: 15px 18px; background-position: top left; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item.knrmconcept:after { content: ""; width: 39px; height: 20px; background: url(img/knrm-logo-only.png); background-size: cover; position: absolute; top: 10px; right: 15px; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item:not(.completed) .item-info.status { width: 25px; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item:not(.completed) .item-info.item-title { width: 100%; padding: 10px 0px; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item:not(.completed) .item-info.item-pretitle { display: block; letter-spacing: 1px; font-size: 16px; color: #c3c3c3; font-style: italic; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item:not(.completed) .item-delete { position: absolute; right: 22px; bottom: 10px; font-size: 22px; color: #fff; cursor: pointer; z-index: 100; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item:not(.completed) .item-preview { position: absolute; right: 70px; bottom: 3px; font-size: 30px; color: #fff; cursor: pointer; z-index: 100; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item:first-child { margin-top: 0px; } .wvBaseContainer .planner-container .planner-inner .plan-program-container, .wvBaseContainer .planner-container .planner-inner .search-lessons, .wvBaseContainer .planner-container .planner-inner .check-lessons { padding-bottom: 89px; } .wvBaseContainer .planner-container .planner-inner .plan-program-container.KNRM-concept, .wvBaseContainer .planner-container .planner-inner .search-lessons.KNRM-concept, .wvBaseContainer .planner-container .planner-inner .check-lessons.KNRM-concept { padding-bottom: 0; } .wvBaseContainer .planner-container .planner-inner .submit-button:not(.static) { position: fixed; bottom: 0; width: 100%; } .wvBaseContainer .planner-container .planner-inner .search-container { max-width: 620px; width: calc(100% - 50px); margin: 0 auto; } .wvBaseContainer .planner-container .planner-inner .search-container .lesson-counter { padding: 25px; color: #fff; font-size: 18px; line-height: 20px; max-width: 360px; margin: 0 auto; } .wvBaseContainer .planner-container .planner-inner .search-container .lesson-counter .text { float: left; width: calc(100% - 60px); font-size: 16px; } .wvBaseContainer .planner-container .planner-inner .search-container .lesson-counter .folder { float: right; position: relative; } .wvBaseContainer .planner-container .planner-inner .search-container .lesson-counter .folder-count { position: absolute; top: 0; right: -10px; background: #ff8e1b; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 16px; } .wvBaseContainer .planner-container .planner-inner .search-container .lesson-counter .icon { font-size: 40px; color: #212121; line-height: 40px; } .wvBaseContainer .planner-container .planner-inner .search-container .searchbar { height: 58px; width: 100%; background: #ededed; font-size: 18px; color: #a4a4a4; border: 0; padding: 0 20px; } .wvBaseContainer .planner-container .planner-inner .search-container .result-count { text-align: center; padding-top: 10px; color: #fff; font-size: 16px; letter-spacing: 1px; } .wvBaseContainer .planner-container.owncontent-container .step-wrapper { padding-bottom: 89px; } .wvBaseContainer .planner-container.owncontent-container .step-wrapper .submit-button:not(.static), .wvBaseContainer .planner-container.owncontent-container .step-wrapper .submit-save-button:not(.static), .wvBaseContainer .planner-container.owncontent-container .step-wrapper .finish-button:not(.static) { position: fixed; bottom: 0; width: 100%; } .program-times .date-planner { display: inline-block; } .program-times .dates-separator { display: inline-block; font-size: 21px; line-height: 65px; color: #fff; font-weight: bold; margin: 0px 20px; } .dial-input-container.timedial { display: inline-block; } .dial-separator { font-size: 21px; font-weight: bold; color: #fff; margin: 30px; line-height: 135px; } .dial-input-container .dial { position: relative; display: inline-block; font-size: 21px; color: #fff; margin: 10px; padding: 5px; text-align: center; font-weight: bold; height: 115px; overflow: hidden; } .dial-input-container .dial .scroller { margin-top: 35px; opacity: 0.4; } .dial-input-container .dial .scroller-shadow { position: absolute; top: 5px; pointer-events: none; height: 35px; top: 40px; overflow: hidden; } .dial-input-container .dial .scroller-shadow .scroller { margin-top: 0px; color: #fff; opacity: 1; } .dial-input-container .dial .dial-active-mask { height: 35px; width: 100%; position: absolute; top: 38px; left: 0; box-sizing: content-box; border-top: 2px solid #fea000; border-bottom: 2px solid #fea000; pointer-events: none; } .dial-input-container .dial .option { padding: 5px; letter-spacing: 1px; height: 35px; cursor: pointer; } .show-backend-inputs .popupOverlay { background: rgba(0, 0, 0, 0.65); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2500; width: 100%; height: 100%; display: none; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .show-backend-inputs .popup { background: #fff; text-align: center; display: inline-block; max-width: 90%; max-height: 90%; width: 90%; margin: 0 auto; position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0 2px 20px 5px #2f2f2f; -moz-box-shadow: 0 2px 20px 5px #2f2f2f; box-shadow: 0 2px 20px 5px #2f2f2f; } .show-backend-inputs .popup.left { text-align: left; } .show-backend-inputs .popup.fullscreen { width: 90%; height: 90%; } .show-backend-inputs .popup.large { width: 75%; } .show-backend-inputs .popup.groupPopup .popupText { background: #f1f1f1; } .show-backend-inputs .popup.groupPopup .popupList { padding: 15px 0 10px; border-top: 1px solid #e0e0e0; height: 100%; max-height: 75vh; overflow: hidden; overflow-y: auto; } .show-backend-inputs .popup.groupPopup .popupList .groupTree { display: none; } .show-backend-inputs .popup.groupPopup .popupList .groupTree input[type='radio'], .show-backend-inputs .popup.groupPopup .popupList .groupTree input[type='checkbox'] { pointer-events: none; } .show-backend-inputs .popup.groupPopup .popupList .groupTree:first-child { display: block; } .show-backend-inputs .popup .page-block .page-body { height: 100%; max-height: 75vh; overflow: hidden; overflow-y: auto; } .show-backend-inputs .popup .loading { position: fixed; z-index: 10; text-align: center; } .show-backend-inputs .popup .loading .icon { font-size: 24px; font-size: 1.5rem; } .show-backend-inputs .popup .fullerror, .show-backend-inputs .popup .metadata { display: none; } .show-backend-inputs .popup .fullerror pre, .show-backend-inputs .popup .metadata pre { white-space: pre-wrap; } .show-backend-inputs .popup .equal-logs { display: block; margin-top: 20px; } .show-backend-inputs .popup .equal-logs .single-log { display: block; } .show-backend-inputs .popup .equal-logs .single-log .trigger { display: block; padding: 5px; background: #f1f1f1; margin: 0 0 10px 0; cursor: pointer; } .show-backend-inputs .popup .equal-logs .single-log .log-data { display: none; background: #f1f1f1; padding: 10px; border: 1px solid #f9f9f9; margin: 0 0 10px 0; } @media only screen and (min-width: 768px) { .show-backend-inputs .popup { width: 50%; } } .show-backend-inputs .popupText { padding: 30px; font-size: 20px; font-size: 1.25rem; } .show-backend-inputs .popupInputs { margin: 0 20px 5px; padding: 10px 5px 5px; text-align: left; background: #f9f9f9; border: 1px solid rgba(0, 0, 0, 0.1); } .show-backend-inputs .popupTitle { padding-left: 15px; text-align: left; background: #fff; font-size: 20px; font-size: 1.25rem; } .show-backend-inputs .popupTitle.double { line-height: 30px; padding-right: 15px; text-align: center; padding-top: 20px; border-bottom: 1px solid #2b78e4; padding-bottom: 20px; } .show-backend-inputs .popupButtons { background: #f1f1f1; min-width: 290px; padding: 15px; text-align: right; } .show-backend-inputs .popupButtons a.blueButton { width: 125px; display: inline-block; margin: 10px 5px; } .show-backend-inputs .popup .fullscreen .popupButtons { position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; } .show-backend-inputs .popupHeader { padding: 12px 12px 1px 12px; background: #f2f2f2; border-bottom: 1px solid #2b78e4; min-width: 280px; position: absolute; left: 0; top: 0; right: 0; z-index: 1; } .show-backend-inputs .popupContent { text-align: left; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #f1f1f1; } .show-backend-inputs .popupHeaderSpacer { height: 59px; width: 100%; } .show-backend-inputs .popupButtonsSpacer { height: 62px; width: 100%; } .show-backend-inputs .popupRatingExplanationTpl .inputBlock { margin-top: 0; padding-top: 20px; text-align: left; } .show-backend-inputs .popupRatingExplanationTpl .roundedInput { height: 150px; } .show-backend-inputs .popupInputsTpl .inputBlock { margin-top: 0; padding-top: 20px; text-align: left; } .show-backend-inputs .popupAssetTpl .popup { overflow: auto; overflow-x: hidden; padding: 30px; text-align: left; background-color: #ececec; } .show-backend-inputs .popupAssetTpl .sub-header { top: 0; } .show-backend-inputs .popupAssetTpl .contentManagerBlocks .toolbarSpacer { height: 60px; } .show-backend-inputs .popupAssetTpl .popup.fullscreen .popupButtons { text-align: center; background: transparent; position: static; } .show-backend-inputs .page-block { display: block; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); font-size: 13px; background: #fff; position: relative; } .show-backend-inputs .page-block:nth-child(n+1) { margin-bottom: 15px; } .show-backend-inputs .page-block.boxed { padding: 15px 20px; } .show-backend-inputs .page-block.multiple { margin: 0 0 15px 0; } .show-backend-inputs .page-block .page-heading { display: block; padding: 12px 15px; font-family: "muli-bold"; border-bottom: 1px solid #e0e0e0; background: #f9f9f9; position: relative; font-size: 16px; font-size: 1rem; } .show-backend-inputs .page-block .page-heading .options { display: inline-block; position: absolute; right: 10px; top: 9px; padding: 0; } .show-backend-inputs .page-block .page-body { position: relative; padding: 15px; } .show-backend-inputs .page-block .page-body.clean-padding { padding: 0; } .show-backend-inputs .page-block .page-body p { margin: 0.5em 0 0.5em 0; } .show-backend-inputs .page-block .page-body.maxHeight { max-height: 500px; overflow-y: auto; } .show-backend-inputs .page-block .page-body #out { display: block; } .show-backend-inputs .page-block .page-body #out .rule { display: block; padding: 5px 0; border-bottom: 1px solid #e0e0e0; } .show-backend-inputs .page-block .page-body #out .rule:last-child { border-bottom: 0; } .show-backend-inputs .page-block .page-body #out .rule .time { font-family: "muli-bold"; } .show-backend-inputs .page-block .page-footer { border-top: 1px solid #e0e0e0; padding: 10px 15px; background: #f9f9f9; } .show-backend-inputs .page-block .page-list.striped .list-item:nth-child(even) { background: #f9f9f9; } .show-backend-inputs .page-block .page-list .list-item { position: relative; display: block; border-bottom: 1px solid #d9d9d9; padding: 10px; vertical-align: middle; color: #333; } .show-backend-inputs .page-block .page-list .list-item.item-lg { font-size: 14px; font-size: 0.875rem; } .show-backend-inputs .page-block .page-list .list-item.listViewItem { padding: 0; line-height: 38px; } .show-backend-inputs .page-block .page-list .list-item.link { padding: 0; white-space: nowrap; overflow: hidden; } .show-backend-inputs .page-block .page-list .list-item.link a:not(.caret):not(.toggle) { display: inline-block; padding: 10px; width: 85%; white-space: normal; } .show-backend-inputs .page-block .page-list .list-item.link .anchor:hover, .show-backend-inputs .page-block .page-list .list-item.link .anchor.active { background: #fbfbfb; } .show-backend-inputs .page-block .page-list .list-item.link .toggle { display: inline-block; width: 14%; padding: 8px 0 12px; text-align: center; border-left: 1px solid #f1f1f1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .show-backend-inputs .page-block .page-list .list-item.link .toggle:hover, .show-backend-inputs .page-block .page-list .list-item.link .toggle.active { background: #fbfbfb; } .show-backend-inputs .page-block .page-list .list-item.link .caret { display: inline-block; vertical-align: middle; border-style: solid; border-width: 5px 5px 0 5px; border-color: #666 transparent transparent transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .show-backend-inputs .page-block .page-list .list-item.link .caret.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .show-backend-inputs .page-block .page-list .list-item.odd { background: #fff; } .show-backend-inputs .page-block .page-list .list-item.even { background: #f9f9f9; } .show-backend-inputs .page-block .page-list .list-item.folder, .show-backend-inputs .page-block .page-list .list-item.add { background: #f9f9f9; } .show-backend-inputs .page-block .page-list .list-item.file { background: #fff; } .show-backend-inputs .page-block .page-list .list-item:last-child { border-bottom: 0; } .show-backend-inputs .page-block .page-list .list-item [class*='col-'] { margin-bottom: 0; padding: 0 5px; } .show-backend-inputs .page-block .page-list .list-item .content, .show-backend-inputs .page-block .page-list .list-item .info, .show-backend-inputs .page-block .page-list .list-item .data { vertical-align: middle; font-size: 14px; font-size: 0.875rem; } .show-backend-inputs .page-block .page-list .list-item .content .title.bold, .show-backend-inputs .page-block .page-list .list-item .info .title.bold, .show-backend-inputs .page-block .page-list .list-item .data .title.bold { font-family: "muli-bold"; } .show-backend-inputs .page-block .page-list .list-item .content .itemsType, .show-backend-inputs .page-block .page-list .list-item .info .itemsType, .show-backend-inputs .page-block .page-list .list-item .data .itemsType { font-size: 12px; font-size: 0.75rem; } .show-backend-inputs .page-block .page-list .list-item .data { padding-top: 7px; border-top: 1px solid #f1f1f1; } .show-backend-inputs .page-block .page-list .list-item .right { display: block; padding: 7px 0; text-align: right; } .show-backend-inputs .page-block .page-list .list-item .right .icon { font-size: 18px; font-size: 1.125rem; } .show-backend-inputs .page-block .page-list .list-item .right.no-padding { padding: 0; } .show-backend-inputs .page-block .page-list .list-item .identifier { padding: 10px; font-family: "muli-bold"; } .show-backend-inputs .page-block .page-list .list-item .entryType { display: block; cursor: pointer; } .show-backend-inputs .page-block .page-list .list-item .entryType.active { border-bottom: 1px solid #f9f9f9; padding: 0 0 10px 0; } .show-backend-inputs .page-block .page-list .list-item .entryTypeInputs { display: none; padding: 25px 0 15px 0; } .show-backend-inputs .page-block .page-list .list-item .sub-menu { display: none; background: #fbfbfb; } .show-backend-inputs .page-block .page-list .list-item .sub-menu .list-item { padding: 0 0 0 15px; border: 0; } .show-backend-inputs .page-block .page-list .list-item .sub-menu .list-item:last-item { border-bottom: 1px solid #d9d9d9; } .show-backend-inputs .page-block .page-list .list-item .sub-menu .list-item a:not(.caret):not(.toggle) { padding: 5px 4px; font-size: 13px; font-size: 0.8125rem; } .show-backend-inputs .page-block .page-list.hover .list-item:hover { background: #f9f9f9; } .show-backend-inputs .page-block .page-list.users .list-item h3 { margin: 10px 0 0 0; } .show-backend-inputs .page-block .reload { position: absolute; top: 0; right: 0; padding: 5px; } .show-backend-inputs .page-block .reload:hover { background: #f1f1f1; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .show-backend-inputs .page-block.clean { margin: 0; } .show-backend-inputs .page-block.small-rounded .page-heading { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .show-backend-inputs .page-block.medium-rounded .page-heading { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .show-backend-inputs .page-block.large-rounded .page-heading { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .show-backend-inputs .page-block.page-default { border-color: #fff; } .show-backend-inputs .page-block.page-default .page-heading { background: #fff; border-color: #fff; color: #bfbfbf; } .show-backend-inputs .page-block.page-default .page-footer { background: #fff; border-color: #fff; color: #bfbfbf; } .show-backend-inputs .page-block.page-primary { border-color: #00b6f0; } .show-backend-inputs .page-block.page-primary .page-heading { background: #71ddff; border-color: #3ed0ff; color: #005571; } .show-backend-inputs .page-block.page-primary .page-footer { background: #71ddff; border-color: #3ed0ff; color: #005571; } .show-backend-inputs .page-block.page-warning { border-color: #fe8d45; } .show-backend-inputs .page-block.page-warning .page-heading { background: #ffdbc4; border-color: #febc91; color: #c24c01; } .show-backend-inputs .page-block.page-warning .page-footer { background: #ffdbc4; border-color: #febc91; color: #c24c01; } .show-backend-inputs .page-block.page-danger { border-color: #e96562; } .show-backend-inputs .page-block.page-danger .page-heading { background: #f9d3d2; border-color: #f2a7a5; color: #b21c19; } .show-backend-inputs .page-block.page-danger .page-footer { background: #f9d3d2; border-color: #f2a7a5; color: #b21c19; } .show-backend-inputs .page-block.page-success { border-color: #81ca80; } .show-backend-inputs .page-block.page-success .page-heading { background: #daf0da; border-color: #b7e1b6; color: #3d8f3c; } .show-backend-inputs .page-block.page-success .page-footer { background: #daf0da; border-color: #b7e1b6; color: #3d8f3c; } .show-backend-inputs .page-block.page-info { border-color: #6bbcd7; } .show-backend-inputs .page-block.page-info .page-heading { background: #cfe9f2; border-color: #a7d7e7; color: #297d99; } .show-backend-inputs .page-block.page-info .page-footer { background: #cfe9f2; border-color: #a7d7e7; color: #297d99; } .show-backend-inputs .page-block.page-sub { border-color: #f1f1f1; } .show-backend-inputs .page-block.page-sub .page-heading { background: #fff; border-color: #fff; color: #b1b1b1; } .show-backend-inputs .page-block.page-sub .page-footer { background: #fff; border-color: #fff; color: #b1b1b1; } .show-backend-inputs .page-block .health-status { padding: 5px 10px; } .show-backend-inputs .page-block .health-status .icon { top: 0; vertical-align: middle; font-size: 38px; } .show-backend-inputs .page-block .health-status .status { vertical-align: middle; margin-left: 10px; } .show-backend-inputs .listView .listViewIcon { display: inline-block; font-size: 16px; font-size: 1rem; text-align: center; } .show-backend-inputs .listView .listViewIcon .icon { top: 0; } .show-backend-inputs .listView .treeArrow { display: inline-block; width: 6px; margin: 0 10px 0 15px; position: relative; } .show-backend-inputs .listView .treeArrow .icon { line-height: inherit; } .show-backend-inputs .listView .treeArrow div { position: absolute; top: 1px; } .show-backend-inputs .listView .treeArrow.hidden div { opacity: 0; } .show-backend-inputs .listView .listViewItemTitle { display: inline-block; } .show-backend-inputs .listView .listViewItemTitle.active { color: #00b6f0; } .show-backend-inputs .listView .listViewEditButtons { display: none; } .show-backend-inputs .listView .listViewEditButtons .listViewIcon { display: inline-block; font-size: 12px; font-size: 0.75rem; } .show-backend-inputs .listView .listViewEditButtons .listViewIcon .icon-bin { padding-left: 2px; } .show-backend-inputs .listView .listViewItem { display: block; } .show-backend-inputs .listView .listViewItem.active { color: #00b6f0; } .show-backend-inputs .listView .listViewItem .right-options { padding-right: 5px; position: absolute; right: 0; top: 0; padding-right: 5px; } .show-backend-inputs .listView .listViewItem .right-options .management-options { display: inline-block; } .show-backend-inputs .listView .listViewItem .right-options .listViewIcon { padding: 0 5px; } .show-backend-inputs .listView .listViewItem.file .right-options .management-options { display: none; } .stationmember-select .content-on-check { display: none; } .stationmember-select .wv-checklist.checked + .content-on-check { display: block; } .stationmember-select .open-station-popup { position: relative; background-color: #000; border: solid 1px #323435; cursor: pointer; } .stationmember-select .open-station-popup .item-title { margin-left: 80px; width: calc(100% - 156px); padding: 35px 0px; letter-spacing: 1px; color: #fff; display: inline-block; vertical-align: middle; font-size: 18px; } .stationmember-select .open-station-popup .item-info.people { position: absolute; right: 0; top: 0; margin: 33px; font-size: 28px; color: #fff; font-weight: bold; } .stationmember-select .open-station-popup .mag-icon { width: 35px; display: inline-block; vertical-align: middle; margin-top: -6px; } .stationmember-select .stationmember-popup { max-height: 100vh; overflow: auto; opacity: 0; visibility: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1001; background: rgba(17, 26, 31, 0.95); transition: 0.4s all ease-in-out; } .stationmember-select .stationmember-popup.visible { opacity: 1; visibility: visible; } .stationmember-select .stationmember-popup .checkbox { position: absolute; right: 0; top: 0; width: 40px; height: 40px; border: 2px solid rgba(255, 255, 255, 0.4); margin: 25px; } .stationmember-select .stationmember-popup .checkbox span { pointer-events: none; width: 40px; height: 40px; background: none; width: 36px; height: 36px; background: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-position: center; background-repeat: no-repeat; } .stationmember-select .stationmember-popup .checkbox.checked { border-color: #fff; } .stationmember-select .stationmember-popup .checkbox.checked span { background-image: url(/css/img/check-completed.png); } .stationmember-select .stationmember-popup .inner { width: 90%; max-width: 960px; margin: 50px auto 0; color: #fff; } .stationmember-select .stationmember-popup .inner .crew-list { margin: 25px 0px; } .stationmember-select .stationmember-popup .inner .crew-list .item { position: relative; margin-bottom: 0 !important; } @media screen and (max-width: 767px) { .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item:not(.completed) .item-preview { right: 70px; top: auto; font-size: 30px; bottom: 3px; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item:not(.completed) .item-delete { right: 22px; bottom: 10px; font-size: 22px; top: auto; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item { padding-bottom: 40px; } .wvBaseContainer .planner-container .planner-inner .subject-list .magazine-list:not(.list-default) .item.knrmconcept:after { top: 10px; right: 15px; } } .footerbuttons { position: fixed; bottom: 0; width: 100%; } .wvBaseContainer .planner-container .planner-inner .footerbuttons .submit-button:not(.static) { position: relative; bottom: unset; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-BlackItalic.eot'); src: url('fonts/Roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-BlackItalic.woff2') format('woff2'), url('fonts/Roboto/Roboto-BlackItalic.woff') format('woff'), url('fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'), url('fonts/Roboto/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Italic.eot'); src: url('fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-Italic.woff2') format('woff2'), url('fonts/Roboto/Roboto-Italic.woff') format('woff'), url('fonts/Roboto/Roboto-Italic.ttf') format('truetype'), url('fonts/Roboto/Roboto-Italic.svg#Roboto-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Light.eot'); src: url('fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-Light.woff2') format('woff2'), url('fonts/Roboto/Roboto-Light.woff') format('woff'), url('fonts/Roboto/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-MediumItalic.eot'); src: url('fonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-MediumItalic.woff2') format('woff2'), url('fonts/Roboto/Roboto-MediumItalic.woff') format('woff'), url('fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'), url('fonts/Roboto/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Bold.eot'); src: url('fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto/Roboto-Bold.woff') format('woff'), url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-LightItalic.eot'); src: url('fonts/Roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-LightItalic.woff2') format('woff2'), url('fonts/Roboto/Roboto-LightItalic.woff') format('woff'), url('fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'), url('fonts/Roboto/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-BoldItalic.eot'); src: url('fonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-BoldItalic.woff2') format('woff2'), url('fonts/Roboto/Roboto-BoldItalic.woff') format('woff'), url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'), url('fonts/Roboto/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Thin.eot'); src: url('fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-Thin.woff2') format('woff2'), url('fonts/Roboto/Roboto-Thin.woff') format('woff'), url('fonts/Roboto/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto/Roboto-Thin.svg#Roboto-Thin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Medium.eot'); src: url('fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto/Roboto-Medium.woff') format('woff'), url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Black.eot'); src: url('fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-Black.woff2') format('woff2'), url('fonts/Roboto/Roboto-Black.woff') format('woff'), url('fonts/Roboto/Roboto-Black.ttf') format('truetype'), url('fonts/Roboto/Roboto-Black.svg#Roboto-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-Regular.eot'); src: url('fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto/Roboto-Regular.woff') format('woff'), url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto/Roboto-ThinItalic.eot'); src: url('fonts/Roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto/Roboto-ThinItalic.woff2') format('woff2'), url('fonts/Roboto/Roboto-ThinItalic.woff') format('woff'), url('fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'), url('fonts/Roboto/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg'); font-weight: 100; font-style: italic; } .icon.icon-feedback:before { content: "\e97a"; } .magazine + .app-feedback { display: block; } .app-feedback { font-size: 14px; } .app-feedback .lip { width: 25px; height: 75px; position: fixed; top: 0; bottom: 0; right: 0; margin: auto; background: #ef8a22; z-index: 1000000000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -2px 0px 19px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: -2px 0px 19px -5px rgba(0, 0, 0, 0.75); box-shadow: -2px 0px 19px -5px rgba(0, 0, 0, 0.75); cursor: pointer; } .app-feedback .lip span { z-index: 10; color: #fff; text-transform: uppercase; position: absolute; margin-top: 50%; left: -6px; transform: rotate(-90deg) translateX(-50%) translate3d(0, 0, 0); } .app-feedback .feedback-block { position: fixed; top: 0; z-index: 1000000001; width: 100%; height: 100%; padding: 30px; background: #e68f00; display: block; -webkit-box-shadow: 0px 0px 25px -2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 25px -2px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 25px -2px rgba(0, 0, 0, 0.75); right: 0; pointer-events: all; transform: translateX(0); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .app-feedback .feedback-block.hidden { transform: translateX(100%) translateX(20px); } .app-feedback .feedback-block .block-header { text-align: center; color: #fff; margin-bottom: 30px; letter-spacing: 1px; } .app-feedback .feedback-block .close-arrow { position: absolute; top: 0; left: 0; margin: 20px; transform: rotate(180deg); cursor: pointer; height: 34px; width: 35px; display: inline-block; background-image: url(/css/img/arrow-back-new.png); background-size: 100%; background-repeat: no-repeat; background-position: center center; } .app-feedback .feedback-block .inner .button { display: block; margin: 10px 0px; border: 1px solid #fff; padding: 10px 35px; text-align: center; color: #fff; cursor: pointer; } .app-feedback .feedback-block .feedback-page { opacity: 0; visibility: hidden; height: 0; } .app-feedback .feedback-block .feedback-page.active { opacity: 1; visibility: visible; height: auto; } .app-feedback .feedback-block .feedback-page .input-group { margin-top: 15px; } .app-feedback .feedback-block .feedback-page .input-group:first-child { margin-top: 0; } .app-feedback .feedback-block .feedback-page .input-group label { font-size: 13px; color: #fff; letter-spacing: 1px; display: block; margin-bottom: 10px; } .app-feedback .feedback-block .feedback-page .input-group .styled-selectbox { position: relative; background: #fff; } .app-feedback .feedback-block .feedback-page .input-group .styled-selectbox:after { content: ""; width: 20px; height: 10px; background: url(/css/img/chevron-black-down.png); position: absolute; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; pointer-events: none; } .app-feedback .feedback-block .feedback-page .input-group select { width: 100%; height: 30px; padding: 0px 12px; font-family: 'Roboto', sans-serif; font-size: 14px; border: 0; /* for Firefox */ -moz-appearance: none; /* for Chrome */ -webkit-appearance: none; } .app-feedback .feedback-block .feedback-page .input-group select::-ms-expand { display: none; } .app-feedback .feedback-block .feedback-page .input-group input[type="button"] { border: 0; background: #fff; color: #f59f14; padding: 10px 15px; text-transform: uppercase; font-family: Roboto, sans-serif; font-weight: bold; margin-top: 5px; cursor: pointer; } .app-feedback .feedback-block .feedback-page .input-group input[type="button"].disabled { pointer-events: none; opacity: 0.8; } .app-feedback .feedback-block .feedback-page .input-group textarea { width: 100%; height: 110px; font-family: 'Roboto', sans-serif; font-size: 14px; padding: 10px; border: 0; } .fullscreen-popup.clone-lesson-popup { z-index: 1000000001; } @media only screen and (min-width: 768px) { .app-feedback .feedback-block { width: 320px; } } .icon.icon-performance-log:before { content: "\eb8c"; } .admin .queryLog .logBlock table.fixedtop td, .admin .performanceLog .logBlock table.fixedtop td, .admin .queryLog .logBlock table.fixedtop th, .admin .performanceLog .logBlock table.fixedtop th { min-width: auto; max-width: none; } .admin .queryLog .logBlock a.jsLogAction, .admin .performanceLog .logBlock a.jsLogAction { display: inline-block; margin: 0px 5px 0px 5px; } .admin .queryLog .jsTip:hover .main-tooltip, .admin .performanceLog .jsTip:hover .main-tooltip { display: block; top: 100%; white-space: nowrap; } .admin .queryLog table.datatbl, .admin .performanceLog table.datatbl { border: 0; } .admin .queryLog table.datatbl th, .admin .performanceLog table.datatbl th { cursor: pointer; padding-left: 15px; white-space: nowrap; } .admin .queryLog table.datatbl th div, .admin .performanceLog table.datatbl th div { display: inline-block; min-width: 10px; } .admin .queryLog table.datatbl th.sorted div, .admin .performanceLog table.datatbl th.sorted div { width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #007bff transparent; } .admin .queryLog table.datatbl th.sortedInverse div, .admin .performanceLog table.datatbl th.sortedInverse div { width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #007bff transparent transparent transparent; } .admin .queryLog table.datatbl th:first-child, .admin .performanceLog table.datatbl th:first-child, .admin .queryLog table.datatbl td:first-child, .admin .performanceLog table.datatbl td:first-child { min-width: 300px; max-width: 300px; white-space: normal; word-break: break-word; } .admin .queryLog table.datatbl.dbTable .nr, .admin .performanceLog table.datatbl.dbTable .nr { max-width: 60px; min-width: 60px; } .admin .queryLog table.datatbl.dbTable th.query, .admin .performanceLog table.datatbl.dbTable th.query { max-width: 600px; min-width: 600px; } .admin .queryLog table.datatbl.dbTable td.query, .admin .performanceLog table.datatbl.dbTable td.query { max-width: 600px; min-width: 600px; text-align: left; } .admin .queryLog table.datatbl.dbTable th.path, .admin .performanceLog table.datatbl.dbTable th.path, .admin .queryLog table.datatbl.dbTable td.path, .admin .performanceLog table.datatbl.dbTable td.path { width: 300px !important; max-width: 300px !important; min-width: 300px !important; } .admin .queryLog table.datatbl td, .admin .performanceLog table.datatbl td { position: relative; } .admin .queryLog table.datatbl td .diff, .admin .performanceLog table.datatbl td .diff { position: absolute; left: 0; bottom: 0; font-size: 10px; font-size: 0.625rem; padding: 1px 2px; min-width: 30px; color: #fff; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; } .admin .queryLog table.datatbl td .truncQuery, .admin .performanceLog table.datatbl td .truncQuery { display: none; } .admin .queryLog table.datatbl td .fullQuery, .admin .performanceLog table.datatbl td .fullQuery { font-family: monospace, sans-serif; max-height: 2.8em; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .admin .queryLog table.datatbl td .fullQuery.show, .admin .performanceLog table.datatbl td .fullQuery.show { max-height: 45em; overflow: auto; white-space: pre; } .admin .queryLog table.fixedtop thead, .admin .performanceLog table.fixedtop thead { display: block; width: 100%; } .admin .queryLog table.fixedtop tbody, .admin .performanceLog table.fixedtop tbody { display: block; width: 100%; height: 470px; overflow: auto; } .admin .queryLog table.fixedtop td, .admin .performanceLog table.fixedtop td, .admin .queryLog table.fixedtop th:not(:first-child), .admin .performanceLog table.fixedtop th:not(:first-child) { min-width: 120px; max-width: 120px; } .admin .queryLog .performanceLogHeader, .admin .performanceLog .performanceLogHeader { display: inline-block; } .admin .queryLog .performanceLogHeader h1, .admin .performanceLog .performanceLogHeader h1 { margin: 0px; padding: 0px; font-size: 25px; font-size: 1.5625rem; font-weight: bold; } .admin .queryLog .performanceLogHeader #datepicker, .admin .performanceLog .performanceLogHeader #datepicker { width: 142px; text-align: center; padding: 0; margin: 0; border: none; background: transparent; display: inline; font-weight: bold; font-family: "Lato-Regular", sans-serif; cursor: pointer; text-decoration: underline; font-size: 25px; font-size: 1.5625rem; } .admin .queryLog .performanceLogHeader span, .admin .performanceLog .performanceLogHeader span { font-size: 18px; font-size: 1.125rem; vertical-align: baseline; } .admin .queryLog .performanceLog .page-block .page-body, .admin .performanceLog .performanceLog .page-block .page-body { overflow-x: auto; } .admin .queryLog .queryLog .tableDiv, .admin .performanceLog .queryLog .tableDiv { margin-top: 15px; } .admin .queryLog .queryLog div.logRow, .admin .performanceLog .queryLog div.logRow { padding: 5px 0; line-height: 26px; } .admin .queryLog .queryLog .logRows td, .admin .performanceLog .queryLog .logRows td { padding: 5px; line-height: 26px; } .admin .queryLog .queryLog .logRows td:first-child, .admin .performanceLog .queryLog .logRows td:first-child { padding-left: 0; } .admin .queryLog .queryLog .logRows td .icon, .admin .performanceLog .queryLog .logRows td .icon { margin: 0 5px; } .admin .queryLog .queryLog .explainTable th, .admin .performanceLog .queryLog .explainTable th, .admin .queryLog .queryLog .explainTable td, .admin .performanceLog .queryLog .explainTable td { padding: 5px; } .admin .queryLog .queryLog .explainTable i, .admin .performanceLog .queryLog .explainTable i { opacity: 0.7; } .admin .queryLog .queryLog .explainQuery, .admin .performanceLog .queryLog .explainQuery { width: 100%; height: 10em; border: 1px solid rgba(0, 0, 0, 0.5); overflow: auto; font-family: monospace, sans-serif; } .admin .queryLog .queryLog .page-body .jsGroupReport, .admin .performanceLog .queryLog .page-body .jsGroupReport { float: right; margin-top: -25px; } .admin .queryLog .performanceLogOptions, .admin .performanceLog .performanceLogOptions { display: inline-block; max-width: 340px; margin-left: 5px; } .admin .queryLog .performanceLogOptions .intro, .admin .performanceLog .performanceLogOptions .intro { margin-bottom: 10px; } .admin .queryLog .queryLogIntro, .admin .performanceLog .queryLogIntro { overflow: hidden; } .admin .queryLog .logBlock, .admin .performanceLog .logBlock { display: inline-block; } .admin .queryLog .logBlock.archived, .admin .performanceLog .logBlock.archived { float: right; } .admin .queryLog .table-responsive, .admin .performanceLog .table-responsive { overflow-x: auto; } .icon.icon-site-deployer:before { content: "\ea85"; } .deploy-form.disabled { opacity: 0.4; pointer-events: none; cursor: default; } .deploy-form .deploy-form-group { border: 1px solid #000; border-radius: 5px; padding: 10px; margin-bottom: 20px; } .deploy-status-container .deploy-status { font-size: 20px; text-align: center; } .deploy-status-container .deploy-status span { display: block; text-align: center; } .deploy-status-container .deploy-status span:not(:first-child) { opacity: 0.3; } .deploy-status-container .spinner { width: 50px; height: 50px; background: url("//www.syca.nl/img/loader.gif") no-repeat center center; background-size: cover; margin: 0 auto; display: none; } .deploy-status-container.running .deploy-status { margin-top: 15px; } .deploy-status-container.running .spinner { display: block; } .deploy-status-container .percentage { position: absolute; top: -40px; left: 70px; width: calc(100% - 110px); border-radius: 3px; margin: 5px 20px; height: 25px; border-color: #43aacc; overflow: hidden; border: 1px solid #43aacc; opacity: 1; visibility: visible; transition: all 0.4s linear; } .deploy-status-container .percentage span { font-size: 16px; line-height: 25px; position: absolute; top: 0; right: 0; color: #fff; margin: 0px 10px; } .deploy-status-container .percentage .filler { transition: all 1s linear; height: 100%; position: relative; background-color: #6bbcd7; } .deploy-status-container .percentage.hidden { opacity: 0; visibility: hidden; } /*# sourceMappingURL=include.css.map */