html {
    min-height: 100%;
    height: 100%;
    margin: 0;
}

body.is-reveal-open {
    overflow: visible !important;
}

[v-cloak] {
    display: none;
}

input::-webkit-input-placeholder {
   color: #333;
}

input:-moz-placeholder { /* Firefox 18- */
   color: #333;
}

input::-moz-placeholder {  /* Firefox 19+ */
   color: #333;
}

input:-ms-input-placeholder {
   color: #333;
}

#kooliaste_slider .slider-selection {
    background-image: linear-gradient(to bottom,#89cdef 0,#81bfde 100%);;
}

#kooliaste_slider .slider-low, #kooliaste_slider .slider-high {
    background: grey;
}

#search-area {
    padding: 3em 0;
}

#education-level-slider {
    margin: 1.5rem 1rem 4rem 1rem;
}

#materialMetaInfo dl dd a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-content {
    min-height: 100%;
    margin-bottom: -120px;
}

.site-content:after {
    content: '';
    display: block;
}

.site-footer, .site-content:after {
    height: 120px;
}

.site-footer {
    background-color: #fff;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 25px;
}

.button {
    background-color: #f8a01a;
}

.button:hover, .button:focus {
    background-color: #f8a01a;
}

.corner-cut {
    background-image: url(../img/l6igatud-nurk.svg);
    background-position: 0.2% 0.2%;
    background-repeat: no-repeat;
    position: relative;
}

.corner-cut.experiences {
    padding-top: 3rem;
    padding-left: 3rem;
    margin-bottom: 3rem;
}

.corner-logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 14%;
}

.pt.tool.thumb.callout {
    padding: 0.7rem;
    border: none;
    box-shadow: 0 0 10px #ccc;
}

.pt.tool.thumb.callout div:first-child {
    height: 160px;
}

.pt.tool.thumb.callout img.tool-logo {
    max-height: 160px;
    position: relative;
    top: 50%;
    -webkit-transform: perspective(1px) translateY(-50%);
    -moz-transform: perspective(1px) translateY(-50%);
    transform: perspective(1px) translateY(-50%);
}

.pt.tool.thumb.callout div.tool-name {
    margin: 1rem 0;
    padding: 1rem 0 0;
    border-top: 3px solid #ededee;
}

.pt.material.thumb.callout {
    padding: 0rem;
    border: none;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.pt.material.thumb.callout div:last-child {
    padding: 0.6rem 0 1.4rem 0;
}

.pt.material.thumb.callout .language {
    display: block;
    width: 40%;
    position: absolute;
    text-align: center;
    padding: 0 0 0 1rem;
    background-image: url(../img/l6igatud-nurk-small-must.png);
    background-position: 0 -52px;
    color: #fff;
    bottom: 0;
    right: 0;
}

.side {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 75px;
}

.side:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 0;
}

.side-left {
    left: -75px;
}

.side-left:before {
    border-top: 75px solid transparent;
    border-right: 75px solid #fff;
    top: 0;
}

.side-right {
    right: -75px;
}

.side-right:before {
    border-bottom: 75px solid transparent;
    border-left: 75px solid #fff;
    bottom: 0;
}

.advanced-search-link-box {
    position: relative;
    display: block;
    height: 4.6rem;
    width: 5rem;
    padding: 1rem 0;
    font-size: 100%;
    text-align: center;
    background-color: #f8a01a;
    color: #fff;
    font-weight: bold;
}

.advanced-search-link-box:hover {
    color: #fff;
}

.advanced-search-link-box .side-left:before {
    border-right: 75px solid #f8a01a;
}

.advanced-search-link-box .side-right:before {
    border-left: 75px solid #f8a01a;
}

.featured-tools {
    background-color: #fff;
    margin: 3rem 0;
    padding: 2rem 0;
}

.site-description {
    margin: 2rem 0;
}

.site.menu a, .featured-tools a, .tools-list a {
    color: #000;
}

.site.menu a:hover, .featured-tools a:hover, .tools-list a:hover {
    font-weight: 700;
}

.site.menu a:active {
    color: #fff;
}

.site.menu li {
    padding: 1.3em 0.7em;
}

.site.menu > .active a {
    background: none;
    color: #f8a01a !important;
    font-weight: 700;
}

.full-height {
    min-height: 100%;
    height: 100%;
}

.reveal-overlay {
    overflow-y: auto !important;
}

.noUi-handle {
    width: 28px !important;
    left: -14px !important;
    border-radius: 14px !important;
}

.noUi-handle:before {
    left: 11px !important;
}

.noUi-handle:after {
    left: 14px !important;
}

.noUi-value {
    font-size: 80%;
    font-weight: 500;
    color: #000;
}

.noUi-marker-horizontal {
    display: none;
}

.noUi-connect {
    background-color: #f8a01a !important;
}

.noUi-origin {
    border-radius: 40px !important;
}

.media-object {
    overflow: hidden;
}

.simple.admin.menu.center {
    text-align: center;
}

.simple.admin.menu li:last-child {
    margin-right: inherit;
}

.simple.admin.menu i {
    text-shadow: 1px 4px 6px #FFF,0 0 0 #000,1px 4px 6px #FFF;
}

.simple.admin.menu a.deleteToolData:hover {
    color: #da3116;
}

.selectize-input input {
    height: auto !important;
}

.slider.slider-horizontal {
    width: 93%;
    margin-left: 10px;
}

.featherlight-iframe .featherlight-content {
    min-height: 360px;
    min-width: 640px;
}

.featherlight-content iframe {
    min-height: 360px;
    min-width: 640px;
}

ul.horizontal-list, ol.horizontal-list {
    margin: 0;
    padding: 0;
}

.horizontal-list {
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
}

.horizontal-list .classification-header {
    font-weight: 400;
}

.horizontal-list .classification-header::after {
    content: '';
}

.horizontal-list span:not(.classification-header)::after {
    content: ' • ';
}

.horizontal-list span:last-child::after {
    content: '';
}

.horizontal-list li {
    float: left;
    padding-right: 10px;
    list-style-type: disc;
    list-style-position: inside;
}

.horizontal-list li:first-child {
    list-style-type: none;
}

.item-transition {
    transition: opacity .5s ease;
}

.item-enter {
    opacity: 0;
}

.item-leave {
    display: none;
    opacity: 0;
    position: absolute; /* important for removal move to work */
}

.disabled a,
a.disabled {
    pointer-events: none;
}

.form .error-message {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    color: rgba(0, 0, 0, 0.54);
}

.label {
    margin-right: 2px;
}

.required > label {
    font-weight: bold;
}
.required > label:after {
    content: ' *';
    color: #C3232D;
}

.error label,
.error label.error {
    color: #C3232D;
}

div.message {
	text-align: center;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0 1.5rem 0 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #a0d3e8;
    color: #626262;
    top: 15px;
    right: 15px;
    z-index: 999;
    overflow: hidden;
    height: 50px;
    line-height: 2.5em;
    box-radius: 5px;
}

div.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: 'i';
    color: #a0d3e8;
}

div.message.error {
    background-color: #C3232D;
    color: #FFF;
}

div.message.error:before {
    padding: 11px 16px 14px 7px;
    color: #C3232D;
    content: 'x';
}
div.message.hidden {
    height: 0;
}

.license-icon {
    width: .8rem;
    height: .8rem;
    margin-right: .1em;
    margin-bottom: .1em;
}