/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.

    Created on : May 17, 2018, 10:48:46 AM
    Author     : milos

COLORS

univer-light-green: #89C33F
univer-medium-green: #097A31
univer-dark-green: #026324
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Quicksand:300,400,500,700&display=swap&subset=latin-ext');

/* RESET */

@media (min-width: 992px) {
    body.vertical-compact-menu .main-menu,
    body.vertical-compact-menu .vertical-overlay-menu.menu-hide .main-menu,
    .vertical-overlay-menu.menu-hide body.vertical-compact-menu .main-menu {
        width: 60px;
    }
}
.vertical-compact-menu .main-menu .main-menu-content > ul.menu-content {
    left: 60px;
}
.vertical-compact-menu.menu-open .content, .vertical-compact-menu.menu-open .footer {
    margin-left: 60px;
}
.vertical-compact-menu .main-menu .navigation > li > a {
    padding: .7rem .4rem;
}
.vertical-compact-menu .main-menu .navigation > li > a > i {
    font-size: 1.337rem;
}
.vertical-compact-menu .main-menu .navigation > li > a {
    font-size: .85rem;
}

.vertical-compact-menu .main-menu .navigation > li > a > span {
    white-space: pre-line !important;
    text-overflow: clip !important;
    display: none;
}

/* GENERAL TYPOGRAPHY */

[contenteditable=false] {
    cursor: not-allowed;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.text-items {
    color: #ff6666 !important;
}

.text-black {
    color: #000 !important;
}

.border-items {
    border: 1px solid #ff6666 !important;
}

.items-link:link,
.items-link:visited {
    color: #ff6666;
    transition: 0.5s;
}

.items-link:hover,
.items-link:active {
    color: #ff5555;
}

.items-active {
    background-color: #ff6666 !important;
    border-color: #ff5555;
    color: #fff !important;
}

/*h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}*/
.username-display {
    font-size: 0.8em;
    font-style: italic;
    color: #999;
}
.form-control {
    margin-bottom: 1.5rem;
}

.avatar-75 {
    width: 75px;
}

/* CUSTOM PROJECT CLASSES */

.btn-univer {
    border-radius: 20px;
}
.bg-univer-medium {
    background-color: #097a31;
}
.bg-univer-seashell {
    background-color: #FAFAFA;
}
.bg-log {
    background-color: #d1b4ad;
}
.bg-criteria {
    background-color: #F0F0F0;
}
.bg-items {
    background-color: #ff6666 !important;
}


/* ALERT CLASS */

.alert-items {
    background-color: #ff6666;
    border-color: #ff4444;
    color: #fff;
}

/* BUTTONS */

.btn-items {
    background-color: #ff6666 !important;
    border-color: #ff6666 !important;
    color: #fff !important;
    transition: 0.33s;
}

.btn-items:hover {
    background-color: #ff5555 !important;
    border-color: #ff6666 !important;
}

.btn-outline-items {
    background-color: #fff !important;
    border-color: #ff6666 !important;
    color: #ff6666 !important;
    transition: 0.33s;
}

.btn-outline-items:hover {
    background-color: #ff6666 !important;
    border-color: #ff5555 !important;
    color: #fff !important;
}
/* HEADER STYLE  */

#main-header {
    border-top: 9px solid #026324;
    background-color: #097a31;
    padding: 1.5rem 0 1.5rem;
}

#main-header-links-container {
    padding: 20px 0 0 50px;
}

.main-header-link:link,
.main-header-link:visited {
    color: #fff;
    margin-right: 20px;
    font-size: 20px;
    transition: 0.3s;
}

.main-header-link:hover {
    text-decoration: none;
    color: #e3e3e3;
}

#main-logo {
    width: 242px;
}

/* NAVBAR STYLE */

/* BREADCRUMBS STYLE */

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
}

ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: #026324;
    content: "/\00a0";
}

.pulse {
    animation-name: pulse;
    animation-duration: 5s;
    animation-iteration-count: infinite
}

/* SEARCH RESLUTS */

.items-people-search-mask {
    position: absolute;
    display: none;
    height: 3000px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

.items-people-search-results-wrapper {
    margin: 20px 20px 0px 20px;
    padding: 15px;
    background-color: #fff;
}

/* FOOTER */
#footer-text {
    color: #999;
}

/* OTHER */

.top-margin-h1 {
    margin-top: 55px;
}

.top-margin-h2 {
    margin-top: 45px;
}

#role-change-log {
    font-size: 0.9em;
    margin-top: 55px;
}

.form-segment-frame {
    border: 1px solid #444;
    border-radius: 5px;
    padding: 10px;
}

#application-step-person:link,
#application-step-person:visited {
    color: #fff;
}

.univer-log {
    padding: 5px;
    font-style: italic;
    font-weight: 700;
    color: #777;
}

#request-header {
    border-top: 3px solid #ff6666;
    border-bottom: 3px solid #ff6666;
    padding: 5px 0;
    margin: 5px 0 25px;
}

#user-layout-menu {
    /*background-color: #ff6666 !important;*/
    min-height: 3.3rem !important;
}

/* BOOTSTRAP TABLE */

/* ANIMATIONS */

@keyframes pulse {
	0% {font-size: 1.2em;}
	25%{font-size: 1em;}
	50% {font-size: 1.2em;}
	75% {font-size: 1em;}
	100% {font-size: 1.2em;}
}
@-webkit-keyframes pulse {
	0% {font-size: 1.2em;}
	25%{font-size: .9em;}
	50% {font-size: 1.2em;}
	75% {font-size: .9em;}
	100% {font-size: 1.2em;}
}