.spin {
    -webkit-transform-origin: 50% 50%;
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%; /* IE 9 */
    -webkit-animation: spin 2.5s infinite linear;
    -moz-animation: spin 2.5s infinite linear;
    -o-animation: spin 2.5s infinite linear;
    animation: spin 2.5s infinite linear;

    display: inline-block;
    width: 16px;
    height: 24px;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(360deg);
    }
    to {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

/*
 * Only use this if you need to disable animations inside a JS DOM manipulation function.
 * Use this class with caution.
 */
.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.modal-header > button.close > span {
    font-size: 30px;
}

.white-tooltip + .tooltip.top > .tooltip-inner {
    background-color: #fff;
    color: #666;
    border: 1px solid #c0cad2;
    min-width: 256px;

    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
}

.tooltip.in{
    opacity: 1 !important;
}

.white-tooltip + .tooltip.top > .tooltip-arrow {
    border-top-color: #fff;
}

.white-tooltip + .tooltip.bottom > .tooltip-inner {
    background-color: #fff;
    color: #666;
}
.white-tooltip + .tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #fff;
}

.white-tooltip + .tooltip.right > .tooltip-inner {
    background-color: #fff;
    color: #666;
}
.white-tooltip + .tooltip.right > .tooltip-arrow {
    border-right-color: #fff;
}
.bt-1 {
    border-top: 1px solid #ccc;
}

.br-1 {
    border-bottom: 1px solid #ccc;
}

.bb-1 {
    border-bottom: 1px solid #ccc;
}

.bl-1 {
    border-left-width: 1px solid #ccc;
}

.border-1 {
	border: 1px solid #ccc;
}

.bt-0 {
    border-top: 0;
}

.bb-0 {
    border-bottom: 0;
}

.btn {
    padding: 8px;
    margin: 8px;
    min-width: 128px;
    border: none;
    border-radius: 0;
    font-size: 16px;
}

.btn-link:hover {
    text-decoration: none;
}

.btn-dropdown {
    /* Colours can be overriden with another btn class from the palette css files */
    position: relative;
    width: 100%;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    padding-right: 35px; /* Space for the dropdown arrow */
    text-align: left;
}

.open > .btn-dropdown,
.btn-dropdown:focus,
.btn-dropdown.active:focus,
.btn-dropdown:active:focus,
.btn-dropdown:active {
    outline: none;
    box-shadow: none;
}

.btn-dropdown:after {
    content: "\e613";
    position: absolute;
    right: 10px;
    top: 50%;
    font-family: 'eA-icons';
    font-size: 18px;
    line-height: 18px;
    margin-top: -9px;
}

.open > .btn-dropdown:after {
    content: "\e61a";
}

.btn-dropdown + .dropdown-menu {
    min-width: 100%;
}

.btn-dropdown + .dropdown-menu > li > a {
    white-space: normal;
}

.btn .icon {
    margin-right: 8px;
}

/* cancel button */
.btn-cancel {
    color: #fff; /* sivo modra */
    background-color: #666; /* svetlo modra - sivkatsa */
    border-color: #666;
}

.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel.focus,
.btn-cancel:active,
.btn-cancel.active,
.open > .dropdown-toggle.btn-cancel {
    /* Focused / active / hover cancel button */
    color: #fff; /* sivo modra */
    background-color: #666;
    border-color: #666;
}

.btn-cancel:active,
.btn-cancel.active,
.open > .dropdown-toggle.btn-cancel {
    background-image: none;
}

.btn-cancel.disabled,
.btn-cancel[disabled],
fieldset[disabled] .btn-cancel,
.btn-cancel.disabled:hover,
.btn-cancel[disabled]:hover,
fieldset[disabled] .btn-cancel:hover,
.btn-cancel.disabled:focus,
.btn-cancel[disabled]:focus,
fieldset[disabled] .btn-cancel:focus,
.btn-cancel.disabled.focus,
.btn-cancel[disabled].focus,
fieldset[disabled] .btn-cancel.focus,
.btn-cancel.disabled:active,
.btn-cancel[disabled]:active,
fieldset[disabled] .btn-cancel:active,
.btn-cancel.disabled.active,
.btn-cancel[disabled].active,
fieldset[disabled] .btn-cancel.active {
    /* Disabled cancel button */
    background-color: #888;
    border-color: #eee;
}

.dropdown.pdf-list .dropdown-menu {
    left: auto;
    right: 0;
    margin: 0;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.dropdown.pdf-list .btn-dropdown + .dropdown-menu > li > a {
    white-space: nowrap;
    color: #5c7b99;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dropdown.pdf-list .btn-dropdown {
    color: #5c7b99;
    border: none;
}


/* data-bar */

.data-bar {
    padding: 0;
    margin: 0;
    height: 80px;
    margin-bottom: 8px;
    border: 1px solid #bacfd2;
    vertical-align: middle;
    display: block;
    cursor: pointer;
}

.data-bar:hover {
    text-decoration: none;
}

.data-bar-emphasis {
    padding: 16px;
    margin: 0;
    height: 100%;
    min-width: 128px;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    line-height: 48px;
}

.data-bar-emphasis .icon {
    width: 32px;
    margin-right: 16px;
    font-size: 24px;
    font-weight: normal;
    display: inline-block;
}

.data-bar-body {
    padding: 16px;
    margin: 0;
    display: inline-block;
    font-size: 16px;
    color: #24272a;
    text-decoration: none;
}

/* END data-bar */
.dis-block {
    display: block;
}

.dis-inline {
    display: inline;
}

.dis-inline-block {
    display: inline-block;
}

.mock-table {
    display: table;
}

.mock-cell {
    display: table-cell;
}

.mock-cell-mid {
    display: table-cell;
    vertical-align: middle;
}

ul.no-bullets > li, /* Old IE fix */
ul.no-bullets {
    /* Override padding manually */
    list-style-type: none;
}

.borderless {
    border-width: 0;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.extension-toggle + .extension-container {
    display: none;
}

.extension-toggle.extended + .extension-container {
    display: block;
}

.word-break-all {
    word-break: break-all;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

.font-32 {
    font-size: 32px;
}

.font-36 {
    font-size: 36px;
}

.font-lh-16 {
	line-height: 24px !important;
}

.font-lh-24 {
	line-height: 24px !important;
}
.c-1 {
    /* Heading 1 */
    color: red;
}

.c-2 {
    /* Heading 2 */
    color: red;
}

.c-3 {
    /* Heading 3 */
    color: red;
}

.c-white {
    color: #fff;
}

.c-default {
    /* "eA siva"  */
    /* default colour */
    color: #666;
}

.c-black {
    color: #000;
}

.c-light-gray {
    color: #c0cad2;
}

.visible-primary,
.visible-success {
    display: none;
}

.btn-primary > span.visible-primary,
.btn-success > span.visible-success {
    display: inline;
}

.va-top {
    vertical-align: top;
}

.va-mid {
    vertical-align: middle;
}

.va-bot {
    vertical-align: bottom;
}

.font-light {
    font-weight: normal;
}

.font-bold,
.dropdown-menu > li > a.font-bold {
    font-weight: bold;
}

.no-deco,
.no-deco:hover,
.no-deco:active,
.no-deco:focus {
    text-decoration: none;
}

.td-none,
.td-none:hover,
.td-none:focus {
    text-decoration: none;
}

a:hover {
     text-decoration: none;
}

@font-face {
	font-family: 'eA-icons';
	src:url('/fonts/eA-icons.eot?-wsf5ka');
	src:url('/fonts/eA-icons.eot?#iefix-wsf5ka') format('embedded-opentype'),
		url('/fonts/eA-icons.woff?-wsf5ka') format('woff'),
		url('/fonts/eA-icons.ttf?-wsf5ka') format('truetype'),
		url('/fonts/eA-icons.svg?-wsf5ka#eA-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon {
	font-family: 'eA-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/*font-size: 16px;*/
	background-image: none;

	display: inline-block;
	margin-top: inherit;
	vertical-align: inherit;
	background-position: inherit;
	background-repeat: inherit;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon {
    font-family: 'eA-icons';
    font-weight: normal !important;
    text-decoration: none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon.inline {
	display: inline;
	width: max-content;
}

.icon-absence:before {
	content: "\e600";
}
.icon-address-book:before {
	content: "\e601";
}
.icon-alarm:before {
	content: "\e602";
}
.icon-arrow-curved-double-down:before {
	content: "\e603";
}
.icon-arrow-curved-double-left:before {
	content: "\e604";
}
.icon-arrow-curved-double-right:before {
	content: "\e605";
}
.icon-arrow-curved-double-up:before {
	content: "\e606";
}
.icon-arrow-curved-down:before {
	content: "\e607";
}
.icon-arrow-curved-left:before {
	content: "\e608";
}
.icon-arrow-curved-right:before {
	content: "\e609";
}
.icon-arrow-curved-up:before {
	content: "\e60a";
}
.icon-arrow-filled-small-down:before {
	content: "\e60b";
}
.icon-arrow-filled-small-left:before {
	content: "\e60c";
}
.icon-arrow-filled-small-right:before {
	content: "\e60d";
}
.icon-arrow-filled-small-up:before {
	content: "\e60e";
}
.icon-arrow-long-down:before {
	content: "\e60f";
}
.icon-arrow-long-left:before {
	content: "\e610";
}
.icon-arrow-long-right:before {
	content: "\e611";
}
.icon-arrow-long-up:before {
	content: "\e612";
}
.icon-arrow-open-down:before {
	content: "\e613";
}
.icon-arrow-open-left:before {
	content: "\e614";
}
.icon-arrow-open-right:before {
	content: "\e615";
}
.icon-arrow-open-small-down:before {
	content: "\e616";
}
.icon-arrow-open-small-left:before {
	content: "\e617";
}
.icon-arrow-open-small-right:before {
	content: "\e618";
}
.icon-arrow-open-small-up:before {
	content: "\e619";
}
.icon-arrow-open-up:before {
	content: "\e61a";
}
.icon-assignee:before {
	content: "\e61b";
}
.icon-attachment:before {
	content: "\e61c";
}
.icon-calendar:before {
	content: "\e61d";
}
.icon-cancel:before {
	content: "\e61e";
}
.icon-chart-column-horizontal:before {
	content: "\e61f";
}
.icon-chart-column-vertical:before {
	content: "\e620";
}
.icon-chart-line:before {
	content: "\e621";
}
.icon-check:before {
	content: "\e622";
}
.icon-clock:before {
	content: "\e623";
}
.icon-future:before {
	content: "\e904";
}
.icon-history:before {
	content: "\e905";
}
.icon-details:before {
	content: "\e624";
}
.icon-details-less:before {
	content: "\e625";
}
.icon-eye:before {
	content: "\e626";
}
.icon-grades:before {
	content: "\e627";
}
.icon-homework:before {
	content: "\e628";
}
.icon-key:before {
	content: "\e629";
}
.icon-knowledge-assessment:before {
	content: "\e62a";
}
.icon-lecture-attendance:before {
	content: "\e62b";
}
.icon-lecture-preparations-overview:before {
	content: "\e62c";
}
.icon-like:before {
	content: "\e62d";
}
.icon-menu:before {
	content: "\e62e";
}
.icon-menu-side-left:before {
	content: "\e6fa";
}
.icon-menu-side-right:before {
	content: "\e6fb";
}
.icon-messages:before {
	content: "\e62f";
}
.icon-messages-alarm:before {
	content: "\e630";
}
.icon-overview:before {
	content: "\e631";
}
.icon-parents:before {
	content: "\e632";
}
.icon-period:before {
	content: "\e633";
}
.icon-phone-mobile:before {
	content: "\e634";
}
.icon-plus:before {
	content: "\e635";
}
.icon-minus:before {
	content: "\e901";
}
.icon-circle:before {
	content: "\e900";
}
.icon-presence:before {
	content: "\e636";
}
.icon-presence-current:before {
	content: "\e637";
}
.icon-printouts:before {
	content: "\e638";
}
.icon-realization:before {
	content: "\e639";
}
.icon-school:before {
	content: "\e63a";
}
.icon-search:before {
	content: "\e63b";
}
.icon-send:before {
	content: "\e63c";
}
.icon-settings:before {
	content: "\e63d";
}
.icon-statistics:before {
	content: "\e63e";
}
.icon-teacher:before {
	content: "\e63f";
}
.icon-trash:before {
	content: "\e640";
}
.icon-user-male:before {
	content: "\e641";
}
.icon-users:before {
	content: "\e642";
}
.icon-utilities:before {
	content: "\e643";
}
.icon-winner:before {
	content: "\e644";
}
.icon-lecture-preparations-yearly:before {
	content: "\e645";
}
.icon-class-teacher:before {
	content: "\e646";
}
.icon-counselor:before {
	content: "\e647";
}
.icon-crossroad:before {
	content: "\e648";
}
.icon-diary:before {
	content: "\e649";
}
.icon-headmaster:before {
	content: "\e64a";
}
.icon-help:before {
	content: "\e64b";
}
.icon-jv-pb-teacher:before {
	content: "\e64c";
}
.icon-laboratory:before {
	content: "\e64d";
}
.icon-lecture-preparations-yearly2:before {
	content: "\e64e";
}
.icon-npz:before {
	content: "\e64f";
}
.icon-nutrition:before {
	content: "\e650";
}
.icon-organization:before {
	content: "\e651";
}
.icon-schedule:before {
	content: "\e652";
}
.icon-school-program:before {
	content: "\e653";
}
.icon-stroller:before {
	content: "\e654";
}
.icon-students:before {
	content: "\e655";
}
.icon-user-female:before {
	content: "\e656";
}
.icon-work-hours:before {
	content: "\e657";
}
.icon-accountant:before {
	content: "\e658";
}
.icon-activity-log:before {
	content: "\e659";
}
.icon-affair-incoming:before {
	content: "\e65a";
}
.icon-affair-internal:before {
	content: "\e65b";
}
.icon-affair-outgoing:before {
	content: "\e65c";
}
.icon-affairs:before {
	content: "\e65d";
}
.icon-comment:before {
	content: "\e65e";
}
.icon-company:before {
	content: "\e65f";
}
.icon-correlation:before {
	content: "\e660";
}
.icon-document-doc:before {
	content: "\e661";
}
.icon-document-gif:before {
	content: "\e662";
}

.icon-document-jpg:before {
	content: "\e663";
}
.icon-document-pdf:before {
	content: "\e664";
}
.icon-document-png:before {
	content: "\e665";
}
.icon-document-xls:before {
	content: "\e666";
}
.icon-download:before {
	content: "\e667";
}
.icon-edit:before {
	content: "\e668";
}
.icon-entity:before {
	content: "\e669";
}
.icon-forward:before {
	content: "\e66a";
}
.icon-group:before {
	content: "\e66b";
}
.icon-open:before {
	content: "\e66c";
}
.icon-post-slovenia:before {
	content: "\e66d";
}
.icon-save:before {
	content: "\e66e";
}
.icon-tasks:before {
	content: "\e66f";
}
.icon-template:before {
	content: "\e670";
}
.icon-anecdote:before {
	content: "\e672";
}
.icon-checkbox-checked:before {
	content: "\e6c2";
}
.icon-copy:before {
	content: "\e6c0";
}
.icon-prototype:before {
	content: "\e6c1";
}
.icon-aggression:before {
	content: "\e671";
}
.icon-app-menu:before {
	content: "\e673";
}
.icon-arrivals:before {
	content: "\e674";
}
.icon-arrow-bubble-bottom:before {
	content: "\e675";
}
.icon-arrow-bubble-left:before {
	content: "\e676";
}
.icon-arrow-bubble-right:before {
	content: "\e677";
}
.icon-arrow-bubble-top:before {
	content: "\e678";
}
.icon-article:before {
	content: "\e679";
}
.icon-average-oral-grade:before {
	content: "\e67a";
}
.icon-average-written-grade:before {
	content: "\e67b";
}
.icon-badge:before {
	content: "\e67c";
}
.icon-bold:before {
	content: "\e67d";
}
.icon-bookmark:before {
	content: "\e67e";
}
.icon-books:before {
	content: "\e67f";
}
.icon-brain:before {
	content: "\e680";
}
.icon-bubbles:before {
	content: "\e681";
}
.icon-checkbox:before {
	content: "\e682";
}
.icon-check-circled:before {
	content: "\e683";
}
.icon-connect:before {
	content: "\e684";
}
.icon-cooperation:before {
	content: "\e685";
}
.icon-creativity:before {
	content: "\e686";
}
.icon-day:before {
	content: "\e687";
}
.icon-departures:before {
	content: "\e688";
}
.icon-dislike:before {
	content: "\e689";
}
.icon-document:before {
	content: "\e68a";
}
.icon-events:before {
	content: "\e68b";
}
.icon-exclamation-mark:before {
	content: "\e68c";
}
.icon-exclamation-mark-circled:before {
	content: "\e68d";
}
.icon-gallery:before {
	content: "\e68e";
}
.icon-goal:before {
	content: "\e68f";
}
.icon-grid:before {
	content: "\e690";
}
.icon-hide:before {
	content: "\e691";
}
.icon-image:before {
	content: "\e692";
}
.icon-info:before {
	content: "\e693";
}
.icon-info-circled:before {
	content: "\e694";
}
.icon-interchangeable:before {
	content: "\e695";
}
.icon-italic:before {
	content: "\e696";
}
.icon-ladder:before {
	content: "\e697";
}
.icon-learning-forms:before {
	content: "\e698";
}
.icon-lesson:before {
	content: "\e699";
}
.icon-lightning:before {
	content: "\e69a";
}
.icon-link:before {
	content: "\e69b";
}
.icon-list:before {
	content: "\e69c";
}
.icon-medic:before {
	content: "\e69d";
}
.icon-mountains:before {
	content: "\e69e";
}
.icon-move:before {
	content: "\e69f";
}
.icon-music-note:before {
	content: "\e6a0";
}
.icon-note:before {
	content: "\e6a1";
}
.icon-ordered-list:before {
	content: "\e6a2";
}
.icon-play:before {
	content: "\e907";
}
.icon-passive:before {
	content: "\e6a3";
}
.icon-path:before {
	content: "\e6a4";
}
.icon-health-record:before {
	content: "\e6a5";
}
.icon-pin:before {
	content: "\e6a6";
}
.icon-profile:before {
	content: "\e6a7";
}
.icon-puzzle:before {
	content: "\e6a8";
}
.icon-question-mark:before {
	content: "\e6a9";
}
.icon-record:before {
	content: "\e6aa";
}
.icon-responsibility:before {
	content: "\e6ab";
}
.icon-rocket:before {
	content: "\e6ac";
}
.icon-scissors:before {
	content: "\e6ad";
}
.icon-share:before {
	content: "\e6ae";
}
.icon-signpost:before {
	content: "\e6af";
}
.icon-sloppiness:before {
	content: "\e6b0";
}
.icon-subject:before {
	content: "\e6b1";
}
.icon-subobjective:before {
	content: "\e6b2";
}
.icon-sync:before {
	content: "\e6b3";
}
.icon-tag:before {
	content: "\e6b4";
}
.icon-teaching-aid:before {
	content: "\e6b5";
}
.icon-teaching-methods:before {
	content: "\e6b6";
}
.icon-text-images:before {
	content: "\e6b7";
}
.icon-treasure-chest:before {
	content: "\e6b8";
}
.icon-unlink:before {
	content: "\e6b9";
}
.icon-unordered-list:before {
	content: "\e6ba";
}
.icon-upload:before {
	content: "\e6bb";
}
.icon-video:before {
	content: "\e6bc";
}
.icon-microphone:before {
	content: "\e906";
}
.icon-week:before {
	content: "\e6bd";
}
.icon-worksheet:before {
	content: "\e6be";
}
.icon-x:before {
	content: "\e6bf";
}
.icon-assistent:before {
	content: "\e6c3";
}
.icon-balance-bike:before {
	content: "\e6c4";
}
.icon-bike:before {
	content: "\e6c5";
}
.icon-certificate:before {
	content: "\e6c6";
}
.icon-download-all:before {
	content: "\e6c7";
}
.icon-false:before {
	content: "\e6c8";
}
.icon-father:before {
	content: "\e6c9";
}
.icon-filter:before {
	content: "\e6ca";
}
.icon-flag:before {
	content: "\e6cb";
}
.icon-heart:before {
	content: "\e6cc";
}
.icon-kindergarten:before {
	content: "\e6cd";
}
.icon-lightbulb:before {
	content: "\e6ce";
}
.icon-lightbulb-lit:before {
	content: "\e6cf";
}
.icon-lock:before {
	content: "\e6d0";
}
.icon-magic-wand:before {
	content: "\e6d1";
}
.icon-milk:before {
	content: "\e6d2";
}
.icon-missing:before {
	content: "\e6d3";
}
.icon-money:before {
	content: "\e6d4";
}
.icon-mother:before {
	content: "\e6d5";
}
.icon-partner:before {
	content: "\e6d6";
}
.icon-progress:before {
	content: "\e6d7";
}
.icon-radio:before {
	content: "\e6d8";
}
.icon-recommendation:before {
	content: "\e6d9";
}
.icon-reset:before {
	content: "\e6da";
}
.icon-scooter:before {
	content: "\e6db";
}
.icon-smile:before {
	content: "\e6dc";
}
.icon-suitcase:before {
	content: "\e6dd";
}
.icon-table:before {
	content: "\e6de";
}
.icon-triglav:before {
	content: "\e6df";
}
.icon-unit:before {
	content: "\e6e0";
}
.icon-units:before {
	content: "\e6e1";
}
.icon-work:before {
	content: "\e6e2";
}
.icon-zip:before {
	content: "\e6e3";
}
.icon-sun:before {
	content: "\e6f6";
}
.icon-camera:before {
	content: "\e6e6";
}
.icon-structure:before {
	content: "\e6f5";
}
.icon-lock-open:before {
	content: "\e6e9";
}
.icon-star:before {
	content: "\e6f2";
}
.icon-star-full:before {
	content: "\e6f3";
}
.icon-star-half:before {
	content: "\e6f4";
}
.icon-calculator:before {
	content: "\e6e5";
}
.icon-album:before {
	content: "\e6e4";
}
.icon-shield-check:before {
	content: "\e6f0";
}
.icon-shield:before {
	content: "\e6ef";
}
.icon-shield-full:before {
	content: "\e6f1";
}
.icon-quote-top:before {
	content: "\e6ee";
}
.icon-quote-bottom:before {
	content: "\e6ed";
}
.icon-cloud:before {
	content: "\e6e7";
}
.icon-input:before {
	content: "\e6e8";
}
.icon-textarea:before {
	content: "\e6f7";
}
.icon-poop:before {
	content: "\e6eb";
}
.icon-poop-full:before {
	content: "\e6ec";
}
.icon-photo-book:before {
	content: "\e6ea";
}
.icon-grade:before {
	content: "\e6f8";
}
.icon-bulletin-board:before {
	content: "\e6f9";
}
.icon-calendar-empty:before {
	content: "\e700";
}
.icon-calendar-full:before {
	content: "\e701";
}
.icon-class:before {
	content: "\e702";
}
.icon-full-screen:before {
	content: "\e703";
}
.icon-headmaster-assistent:before {
	content: "\e704";
}
.icon-import-export:before {
	content: "\e705";
}
.icon-keys:before {
	content: "\e706";
}
.icon-kindergarten-teacher:before {
	content: "\e707";
}
.icon-profiles:before {
	content: "\e708";
}
.icon-schools:before {
	content: "\e709";
}
.icon-wrench:before {
	content: "\e70a";
}
.icon-comment-full:before {
	content: "\e902";
}
.icon-disable:before {
	content: "\e903";
}
.icon-logout:before {
	content: "\e908";
}
.icon-end-school-hour:before {
	content: "\e909";
}
.icon-export:before {
	content: "\e90a";
}
.icon-import:before {
	content: "\e90b";
}
.icon-trophy-dot:before {
	content: "\e90c";
}
.icon-trophy-empty:before {
	content: "\e90d";
}
.icon-trophy-star:before {
	content: "\e90e";
}
.icon-sort:before {
	content: "\e90f";
}
.icon-add-person:before {
	content: "\e916";
}
.icon-tab-left:before {
	content: "\e917";
}
.icon-tab-right:before {
	content: "\e918";
}
.icon-cancel-circled:before {
	content: "\e919";
}
.icon-grade-types:before {
	content: "\e91a";
}
.icon-likert-scale:before {
	content: "\e91b";
}
.icon-mask:before {
	content: "\e91c";
}
.icon-sticky-note:before {
	content: "\e91d";
}
.icon-text:before {
	content: "\e91e";
}
.icon-alarm-strikethrough:before {
	content: "\e91f";
}
.icon-check-cancel:before {
	content: "\e920";
}
.icon-check-double:before {
	content: "\e922";
}
.icon-check-small:before {
	content: "\e923";
}
.icon-eA-strikethrough:before {
	content: "\e924";
}
.icon-forward-all:before {
	content: "\e925";
}
.icon-full-screen-exit:before {
	content: "\e926";
}
.icon-globe:before {
	content: "\e927";
}
.icon-target:before {
	content: "\e928";
}
.icon-plan:before {
	content: "\e929";
}
.icon-18-circled:before {
	content: "\e92a";
}
.icon-bus:before {
	content: "\e910";
}

.spin {
    -webkit-transform-origin: 50% 50%;
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%; /* IE 9 */
    -webkit-animation: spin 2.5s infinite linear;
    -moz-animation: spin 2.5s infinite linear;
    -o-animation: spin 2.5s infinite linear;
    animation: spin 2.5s infinite linear;

    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(360deg);
    }
    to {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

/*
 * Only use this if you need to disable animations inside a JS DOM manipulation function.
 * Use this class with caution.
 */
.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.icon.rotatable {
    display: inline-block;
    transition-property: all;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.icon.rotated {
    transform: rotate(0.5turn);
    -webkit-transform: rotate(0.5turn);
    -moz-transform: rotate(0.5turn);
    -o-transform: rotate(0.5turn);
}

.icon.rotate {
	-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(359deg);
		}
		to {
				-webkit-transform: rotate(0deg);
		}
}

.icon.baseline {
	vertical-align: baseline;
}




/*replace kendo calendar icon*/
.k-select > .k-icon.k-i-calendar {
	background-image: none;
}

.k-select > .k-icon.k-i-calendar:before {
	font-family: 'eA-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 16px;
	color: #666;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e61d";
}

/*Has to be separate for every browser, otherwise it will not work */
.form-control:-moz-placeholder {
   color: #ccc;
   font-style: italic;
}

.form-control::-moz-placeholder {
   color: #ccc;
   font-style: italic;
}

.form-control:-ms-input-placeholder {
   color: #ccc;
   font-style: italic;
}

.form-control::-webkit-input-placeholder {
   color: #ccc;
   font-style: italic;
}

ul.checkbox,
ul.checkbox-inline,
ul.radio,
ul.radio-inline {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.checkbox li,
ul.checkbox-inline li,
ul.radio li,
ul.radio-inline li {
    position: relative;
    margin-top: 8px;
}

ul.checkbox > li > label,
ul.checkbox-inline > li > label,
ul.radio > li > label,
ul.radio-inline > li > label,
ul.checkbox .extra-options,
ul.checkbox-inline .extra-options,
ul.radio .extra-options,
ul.radio-inline .extra-options {
    padding-left: 25px;
}

ul.checkbox > li > label,
ul.checkbox-inline > li > label,
ul.radio > li > label,
ul.radio-inline > li > label {
    font-weight: normal;
    cursor: pointer;
}

ul.checkbox input[type=checkbox],
ul.checkbox-inline input[type=checkbox],
ul.radio input[type=radio],
ul.radio-inline input[type=radio] {
    position: absolute;
    display: none;
    left: 5px;
    top: 5px;
    height: 12px;
    width: 12px;
    margin: 0;
}

ul.checkbox input[type=checkbox],
ul.checkbox-inline input[type=checkbox] {
    height: 14px;
    width: 14px;
    display: none;
}

ul.checkbox input[type=checkbox]:focus,
ul.checkbox-inline input[type=checkbox]:focus,
ul.radio input[type=radio]:focus,
ul.radio-inline input[type=radio]:focus {
    outline: none;
}

/* Radio - outer circle */
ul.radio > li > label:before,
ul.radio-inline > li > label:before {
    content: '';
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: middle;
}

ul.radio input[type=radio]:checked + label:before,
ul.radio-inline input[type=radio]:checked + label:before {
    background-color: #007bac;
}

ul.checkbox input[type=checkbox]:checked + label,
ul.checkbox-inline input[type=checkbox]:checked + label,
ul.radio input[type=radio]:checked + label,
ul.radio-inline input[type=radio]:checked + label {
    font-weight: bold;
}

/* Radio - inner circle */
ul.radio input[type=radio] + label:after,
ul.radio-inline input[type=radio] + label:after {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    height: 10px;
    width: 10px;
    background-color: #fff;
    border: 2px solid #666;
    border-radius: 50%;
}

ul.radio input[type=radio]:checked + label:after,
ul.radio-inline input[type=radio]:checked + label:after {
    background-color: #007bac;
    border-color: #fff;
}

/* Checkmark background */
ul.checkbox input[type=checkbox] + label:before,
ul.checkbox-inline input[type=checkbox] + label:before {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 4px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 2px solid #666;
    border-radius: 4px;
}

/* Inline radio */
ul.radio-inline li {
    display: inline;
}

/* Hidden options until the radio / checkbox is used - element has to be right after the label */
ul.checkbox .extra-options,
ul.radio .extra-options {
    /*max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s cubic-bezier(0, 1.05, 0, 1);
    transition: max-height 0.2s cubic-bezier(0, 1.05, 0, 1);*/
    display: none;
}

ul.checkbox input[type=checkbox]:checked + label + .extra-options,
ul.checkbox-inline input[type=checkbox]:checked + label + .extra-options,
ul.radio input[type=radio]:checked + label + .extra-options,
ul.radio-inline input[type=radio]:checked + label + .extra-options {
    /*max-height: 500px;
    -webkit-transition: max-height 0.25s linear;
    transition: max-height 0.25s linear;*/
    display: block;
}

.extra-options > label {
    padding: 0;
}

.pointer {
    cursor: pointer;
}

.input-inline {
    width: auto;
    display: inline-block;
}

.simple-checkbox {
    content: "\e682";
    font-family: 'eA-icons';
    position: relative;
    height: 14px;
    width: 14px;
    background-color: inherit;
}

.simple-checkbox:before,
.simple-checkbox:after {
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    background-color: inherit;
}

.simple-checkbox:after {
    content: "\e682";
    font-family: 'eA-icons';
    font-size: 100%;
}

.simple-checkbox:checked:after {
    content: "\e6c2";
}

/*
 * Icon checkboxes...
 */

.checkbox-input-label {
    cursor: pointer;
}

.checkbox-input {
    cursor: pointer;
    display: inline-block;
}

.checkbox-input:before {
    padding-right: 16px;
    font-family: 'eA-icons';
    content: "\e682";
    text-decoration: none;
}

.checkbox-input.checked:before {
    color: #007bac;
    content: "\e6c2";
}

.checkbox-input.disabled,
.checkbox-input[disabled] {
    color: #aaa;
    cursor: default;
}

.label {
    border-radius: 0;
}

.highlight {
     background-color: yellow;
 }
ul.no-bullets {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}
#master-menu-logo {
    margin: 0 24px 0  -15px;
    line-height: 64px;
    padding: 0 24px;
    background: #24272a;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

#master-menu {
    position: fixed;
    top: 64px;
    left: 0;
    height: 100%;
    width: 0;
    padding-bottom: 64px;
    background: #24272a;
    overflow-y: auto;
    overflow-x: hidden;

    -webkit-transition: width 400ms ease-out;
    -moz-transition: width 400ms ease-out;
    -ms-transition: width 400ms ease-out;
    -o-transition: width 400ms ease-out;
    transition: width 400ms ease-out;
}

#master-menu.open {
    width: 260px;
}

@media (min-width: 1460px) {
    /* The menu is always open and cannot be closed */
    body {
        padding-left: 260px;
    }

    /* Hide on large screens */
    #master-menu-logo {
        display: none;
    }

    #master-menu {
        /* Always visible on large screens */
        width: 260px;
    }
}

#master-menu .submenu {
    background: #2d343a;
}

#master-menu .menu,
#master-menu .submenu {
    overflow: hidden;

    -webkit-transitio   n: max-height 1s;
    transition: max-height 1s;
}

#master-menu .menu.closed,
#master-menu .submenu.closed {
    max-height: 0;

    -webkit-transition: max-height 0;
    transition: max-height 0;
}

#master-menu .notification-small {
    margin-left: 30px;
    float: right;
}

#master-menu .notification-small,
#master-menu .icon-arrow-down,
#master-menu .icon-arrow-up {
    visibility: visible;

    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

#master-menu.closed .notification-small,
#master-menu.closed .icon-arrow-down,
#master-menu.closed .icon-arrow-up {
    visibility: hidden;

    -webkit-transition-delay: 0;
    transition-delay: 0;
}

#master-menu .submenu .title {
    display: block;
    width: 100%;
    position: relative;
    font-size: 20px;
    line-height: 24px;
}

#master-menu .submenu .title a {
    font-size: 20px;
}

#master-menu .nav.navbar-stacked li a {
    padding: 16px;
    color: #fff;
    white-space: nowrap;
}

#master-menu .nav.navbar-stacked li.active a {
    color: #fff;
    background-color: #007bac;
}

#master-menu .nav.navbar-stacked li:not(.active) a:not(.no_hover):hover,
#master-menu .nav.navbar-stacked li:not(.active) a:not(.no_hover):focus {
    background-color: rgba(255, 255, 255, .08);
}

#master-menu .nav.navbar-stacked li a.no_hover:hover,
#master-menu .nav.navbar-stacked li a.no_hover:focus {
    background: none;
}

#master-menu  [class^="icon-"] {
    margin-right: 16px;
}
/* end of menu */

.pos-rel {
    position: relative;
}

.pos-abs {
    position: absolute;
}

/**
 * Righ horizontally, centered vertically
 * use for icons!
 */
.pos-icon-right {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.9em;
    line-height: 1em;
    padding: 0.4em;
}

.pos-icon-left {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.9em;
    line-height: 1em;
    padding: 0.4em;
}
.select2-container {
    min-width: 200px;
    text-align: left;
}

.select2-container .select2-selection {
    padding: 4px;
    height: 39px;
    border: 1px solid #ccc;
    border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #007bac;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    padding: 4px;
    height: 39px;
    top: 4px;
    right: 8px;
}

.select2-selection__arrow b {
    /* hide the default select2 triangle arrow */
    display: none;
}

.select2-selection__arrow:after {
    font-family: 'eA-icons';
    content: "\e613";
    border: none;
}

.select2-container--open .select2-selection__arrow:after {
    content: "\e61a";
}

.select2-container--default .select2-search--dropdown {
    position: relative;
}

.select2-container--default .select2-search--dropdown:after {
    font-family: 'eA-icons';
    content: "\e63b";
    position: absolute;
    top: 9px;
    right: 10px;
}

/* Paddings */
.pad-0 {
    padding: 0;
}

.pad-8 {
    padding: 8px;
}

.pad-16 {
    padding: 16px;
}

.pad-24 {
    padding: 24px;
}


/* Margins */

.mar-0 {
    margin: 0;
}

.mar-8 {
    margin: 8px;
}

.mar-16 {
    margin: 16px;
}

.mar-24 {
    margin: 24px;
}



/* 0 pixels */

.pt-0 {
    padding-top: 0;
}

.pr-0 {
    padding-right: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pl-0 {
    padding-left: 0;
}


/* 16 pixels */

.pt-8 {
    padding-top: 8px;
}

.pr-8 {
    padding-right: 8px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pl-8 {
    padding-left: 8px;
}


/* 16 pixels */

.pt-16 {
    padding-top: 16px;
}

.pr-16 {
    padding-right: 16px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pl-16 {
    padding-left: 16px;
}


/* 24 pixels */

.pt-24 {
    padding-top: 24px;
}

.pr-24 {
    padding-right: 24px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pl-24 {
    padding-left: 24px;
}


/* 32 pixels */

.pad-32 {
    padding: 32px;
}

.pt-32 {
    padding-top: 32px;
}

.pr-32 {
    padding-right: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pl-32 {
    padding-left: 32px;
}



/* 0 pixels */

.mt-0 {
    margin-top: 0;
}

.mr-0 {
    margin-right: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.ml-0 {
    margin-left: 0;
}


/* 8 pixels */

.mt-8 {
    margin-top: 8px;
}

.mr-8 {
    margin-right: 8px;
}

.mb-8 {
    margin-bottom: 8px;
}

.ml-8 {
    margin-left: 8px;
}


/* 16 pixels */

.mt-16 {
    margin-top: 16px;
}

.mr-16 {
    margin-right: 16px;
}

.mb-16 {
    margin-bottom: 16px;
}

.ml-16 {
    margin-left: 16px;
}


/* 24 pixels */

.mt-24 {
    margin-top: 24px;
}

.mr-24 {
    margin-right: 24px;
}

.mb-24 {
    margin-bottom: 24px;
}

.ml-24 {
    margin-left: 24px;
}

/**
 * Negative margins
 */
.mt-n1x {
    margin-top: -8px;
}

.mr-n1x {
    margin-right: -8px;
}

.mb-n1x {
    margin-bottom: -8px;
}

.ml-n1x {
    margin-left: -8px;
}

.mt-n2x {
    margin-top: -16px;
}

.mr-n2x {
    margin-right: -16px;
}

.mb-n2x {
    margin-bottom: -16px;
}

.ml-nx {
    margin-left: -16px;
}
.full-width {
    width: 100%;
}

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

.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
}

.pos-a-full-width {
	position: absolute;
	left: 0;
	right: 0;
}

.va-top,
.simple-table > thead > tr > th.va-top,
.simple-table > tbody > tr > td.va-top,
.simple-table > tr > td.va-top {
    vertical-align: top;
}

.va-mid,
.simple-table > thead > tr > th.va-mid,
.simple-table > tbody > tr > td.va-mid,
.simple-table > tr > td.va-mid {
    vertical-align: middle;
}

.va-bot,
.simple-table > thead > tr > th.va-bot,
.simple-table > tbody > tr > td.va-bot,
.simple-table > tr > td.va-bot {
    vertical-align: bottom;
}
/**
 *= require kendo/kendo.common-bootstrap.min.css
 *= require kendo/kendo.bootstrap.min.css
 *= require kendo/kendo.bootstrap.mobile.min.css
 *= require_self
 */

.form-control.k-datepicker {
    padding: 0;
    background: none;
    border-radius: 0;
}

.k-picker-wrap,
.k-picker-wrap .k-input {
    border-radius: 0;
}



/**
 *= require kendo.css
 *= require_tree global
 *= require_self
 */

html, body {
    height: 100%;
}

#master-content-container {
    min-height: 100%;
    margin: 0 auto -40px;
    padding-top: 84px;
}

#master-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 64px;
    width: 100%;
    z-index: 3;
}

footer, .footer-equalizer {
    height: 40px;
    line-height: 40px;
}

/* Global styles used across all app */
.notification-small:not(:empty) {
    background: #d61d1d;
    border-radius: 2px;
    height: 16px;
    min-width: 16px;
    padding: 0 2px;
    text-align: center;
    font-size: 12px;
}

/* loader */
#loader-wrapper {
    position: fixed;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.80);
    z-index: 9999;
    display: none;
}

.loader-center-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.loader-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.loader-text {
    margin-top: 20px;
}

.loader-center-wrapper.removable {
    position: absolute;
    top: 90px;
}
/* eof loader */

#global-msg {
    position: fixed;
    top: 48px;
    max-width: 500px;
    max-height: 240px;
    z-index: 1000;
}

#global-flash-success-msg {
    position: fixed;
    top: 48px;
    z-index: 1000;
    width: 100%;
    text-align: center;
}

#global-flash-success-msg .alert {
    max-width: 500px;
    width: 100%;
    display: inline-block;
    text-align: left;
}

.clear {
    clear: both;
}

ul.radio-inline li.block {
    display: block;
}
/*# sourceMappingURL=main.css.map */