a {
    color: #008174;
}

.btn-primary,
.skin-blue .main-header .navbar, .skin-blue .main-header .logo,
.skin-blue .main-header li.user-header {
    background: #008174;
}

.sweet-alert button.confirm {
    background-color: #008174 !important;
}

.btn-primary {
    border: #008174;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.hover,
.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header .logo:hover {
    background: #005f52;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    border-left-color: #008174;
}

form label.error {
    color: #008174;
}

.dataTables_wrapper {
    padding: 15px 15px 0;
}

.dataTable th {
    text-align: center;
}

.dataTable tr.sort input {
    width: 90%;
}

.ckeditorDiv {
    display: block;
    min-height: 50px;
    max-height: 150px;
    overflow: auto;
    background-color: transparent;
    border: 2px solid #eee;
    color: #000;
    margin: 15px 0;
    padding: 10px 5px;
}

.cke {
    margin-top: 10px !important;
}

.toggleCkeditor {
    display: inline-block;
}

.xhrMessage {
    display: none;
    margin-left: -15px;
}

.moduleConfigWrapper {
    margin: 10px 0;
    padding-left: 0;
}

.moduleConfigWrapper button[type="submit"] {
    margin-left: 15px;
}

.toggleSettings {
    margin-bottom: 10px;
}

.tab-pane .form-group {
    margin-left: 0;
    margin-right: 0;
}

#login .input-group-addon {
    padding: 6px 16px;
}

.icheckbox_minimal-orange, .iradio_minimal-orange {
    position: relative;
}

/* SORTABLE */

.sortable {
    margin: 20px 0;
}

.sortable, .sortable ol {
    padding-left: 25px;
}

ol.sortable, ol.sortable ol {
    list-style-type: none;
}

.sortable li div:not(.tools) {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: move;
    border-color: #D4D4D4 #D4D4D4 #BCBCBC;
    margin: 0;
    padding: 3px;
}

.sortable li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
    border-color: #999;
}

.sortable li.mjs-nestedSortable-collapsed > ol {
    display: none;
}

.sortable li.mjs-nestedSortable-branch > div > .disclose {
    display: inline-block;
}

.sortable span.ui-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sortable .menuDiv {
    background: #EBEBEB;
}

.sortable .menuDiv span.function {
    margin: 0 3px;
}

.sortable .itemTitle {
    vertical-align: middle;
    cursor: pointer;
}

/* SORTABLE END */

.alert:not(.fc-today) {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    min-width: 300px;
}

.fc-today.alert-info {
    background-color: #d9edf7 !important;
}

.alert.in {
    z-index: 9999999;
}

.navbar-custom-menu {
    position: relative;
    z-index: 99999999;
}

[data-toggle="calendar"] i.edit, [data-toggle="calendar"] i.delete,
[data-toggle="table"] i.edit, [data-toggle="table"] i.delete {
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}


.bootstrap-table thead .sortable.both:after {
    opacity: 0.2;
    content: "\e150";
}

.bootstrap-table thead .sortable.both.desc:after {
    opacity: 1;
    content: "\e156";
}

.bootstrap-table thead .sortable.both.asc:after {
    opacity: 1;
    content: "\e155";
}

.bootstrap-table thead .sortable {
    position: relative;
    cursor: pointer;
}

.bootstrap-table thead .sortable:after {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}

.bootstrap-table .columns.columns-right.btn-group.pull-right {
    float: left !important;
}

.fixed-table-container thead th .desc,
.fixed-table-container thead th .asc,
.fixed-table-container thead th .both {
    background-image: none;
}

.bootstrap-datetimepicker-widget {
    z-index: 999999999;
}

.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #008174;
}

.bootstrap-datetimepicker-widget{
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
    z-index: 999;
}

.bootstrap-datetimepicker-widget table td{
    width: auto;
}
.bootstrap-datetimepicker-widget a[data-action]{
    width: 100%;
}
.bootstrap-datetimepicker-widget .timepicker table td span{
    width: 100%;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second{
    width: 100%;
}

.fixed-table-pagination .pagination-info {
    margin-left: 5px;
}

.fixed-table-pagination div.pagination .pagination {
    margin-right: 5px;
    margin-left: 5px;
}

.fixed-table-container {
    border: none;
}

.fixed-table-body {
    border: 1px solid #dddddd;
}

.fixed-table-loading {
    border-top: 1px solid #dddddd;
}


.twitter-typeahead {
    display: inherit !important;
    /*position: inherit !important;*/
}

.tt-input.disabled {
    background-color: #eee !important;
    cursor: not-allowed;
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 100%;
    margin: 0px 0;
    padding: 0px 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #008174;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #008174;

}

.tt-suggestion p {
    margin: 0;
}

.tt-inline-input {
    background: transparent;
    border: 0px #fff solid;
    display: inline-block;
    margin-left: 5px;
}

.tt-inline-input:focus {
    outline: none;
}

.tt-inline {
    position: relative;
    cursor: text;
    height: auto;
}

.tt-inline .twitter-typeahead {
    float: left;
}

.tt-inline .label {
    margin: 2px 3px;
}

.tt-inline .glyphicon-remove {
    cursor: pointer;
}


/* Absolute Center Spinner */
#loadingDiv {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

/* Transparent Overlay */
#loadingDiv:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
#loadingDiv:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

#loadingDiv:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 174, 239, .15);
    border-right: 6px solid rgba(0, 174, 239, .15);
    border-bottom: 6px solid rgba(0, 174, 239, .15);
    border-top: 6px solid rgba(0, 174, 239, .8);
    border-radius: 100%;
}

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

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

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

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


.form-control {
    position: relative;
}

@media (max-width: 640px) {
    .main-header {
        position: fixed;
        width: 100%;
    }

    .main-header .logo {
        float: left;
        width: 93%;
    }

    .main-header .logo.imp {
        width: 85%;
    }

    .main-header .navbar.navbar-static-top {
        float:right;
        width: 7% !important;
    }

    .main-header .navbar.navbar-static-top.imp {
        width: 15% !important;
    }

    .wrapper {
        padding-top: 50px;
    }

    .showSweetAlert[data-animation=pop] {
        margin-top: 0 !important;
        top: 1% !important;
    }

    #calendar-switching-select {
        margin-top: 10px;
    }

    #no-more-tables.table-responsive {
        overflow-y: auto;
    }

    .modal-body:not(.projection) tbody tr.category_container td {
        width: 100% !important;
        max-width: 100% !important;
    }

    .modal-body:not(.projection) tbody tr.category_container td {
        min-height: 50px;
    }

    #no-more-tables tbody tr td {
        min-height: 25px;
        padding-left: 45%;
    }

    #no-more-tables tbody tr td:nth-of-type(1) {
        min-height: 50px;
    }

    #no-more-tables td:before {
        width: 54%;
    }

    #no-more-tables td {
        width: 100% !important;
        max-width: 100% !important;
    }

    #no-more-tables tfoot {
        display: none;
    }

    .nav.nav-tabs li a {
        padding: 5px;
        font-size: 12px;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #000;
    }
}

@media (max-width: 400px) {
    .main-header {
        position: fixed;
        width: 100%;
    }

    .main-header .logo {
        float: left;
        width: 75%;
    }

    .main-header .logo.imp {
        width: 71%;
    }

    .main-header .navbar.navbar-static-top {
        float:right;
        width: 25% !important;
    }

    .main-header .navbar.navbar-static-top.imp {
        width: 29% !important;
    }
}

/* ======================================== */
/*
   Kikapcsolásra került az elforgatás letiltása.
   Mobilon előjött az a jelenség, hogy a billentyűzet
   felugrása után elfordult a képernyő.
 */
/* ======================================== */

/*@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {*/
/*    html {*/
/*        transform: rotate(-90deg);*/
/*        transform-origin: left top;*/
/*        width: 100vh;*/
/*        overflow-x: hidden;*/
/*        position: absolute;*/
/*        top: 100%;*/
/*        left: 0;*/
/*    }*/
/*}*/


@media (min-width: 768px) {
    .modal-xl {
        width: 60%;
        margin: 30px auto;
    }

    .modal-xxl {
        width: 70%;
        margin: 30px auto;
    }
}

@media (min-width: 992px) {
    .modal-xl {
        width: 70%;
    }

    .modal-xxl {
        width: 90%;
    }
}


#handover-modal .user-select-row {
    min-width: 222px;
}

.modal-dialog {
    max-width: 95%; /* vagy amit a .modal-xlg igényel */
    margin: 1.75rem auto;
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    display: flex;
    flex-direction: column;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    flex: 1 1 auto;
}

.navbar-nav > .user-menu .user-image {
    width: auto;
}

.box-tools .pagination {
    margin: 0;
}

.add-new-todo {
    margin-left: 100px;
}

#sortableRoot {
    padding-left: 0;
    margin: 0;
}

.todo-list > li.done .text * {
    text-decoration: line-through;
}

.todo-list > li {
    position: relative;
}

.todo-list > li .tools {
    position: absolute;
    top: 8px;
    right: 7px;
}


.todo-list > li .tools i {
    color: #dd4b39 !important;
}

.col-xs-5-cols,
.col-sm-5-cols,
.col-md-5-cols,
.col-lg-5-cols {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5-cols {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5-cols {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5-cols {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5-cols {
        width: 20%;
        float: left;
    }
}

.bootstrap-table .pull-right .dropdown-menu {
    left: 0 !important;
    right: auto !important;
    z-index: 99999999;
}

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