.form-container
{
    padding-top:40px
}

h1, h2, h3, h4 {
    font-family: "Titillium Web",Geneva,Tahoma,sans-serif !important;
}

.well {
    border: 0 !important;
}

.date_sort {
    display: none !important;
}

.jarviswidget {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

.jarviswidget > div {
    background-color: white !important;
}


#topcontrol {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    padding: 0;
    background-color: #001A33 !important;
    color: white !important;
    z-index: 9999999999999999999999999999999999999999999999999999 !important;
    border-radius: 5px;
}

@media screen and (max-width: 1430px) {
    .el_tags {
        column-count: 5 !important;
    }
}
@media screen and (max-width: 1250px) {
    .el_tags {
        column-count: 4 !important;
    }
}
@media screen and (max-width: 1050px) {
    .el_tags {
        column-count: 3 !important;
    }
}
@media screen and (max-width: 850px) {
    .el_tags {
        column-count: 2 !important;
    }
}
@media screen and (max-width: 650px) {
    .el_tags {
        column-count: 1 !important;
    }
}

.select-wrapper select {
    border: none;
    border-bottom: 1px solid gainsboro;
    border-radius: 0;
    padding: .375rem .5rem;
    outline: 0;
    height: 2.5rem;
    width: 100%;
    box-shadow: none;
    transition: 0.2s ease-out;
    font-weight: 700;
    color: #17324d;
    background-color: #fff;
}

.fa-info-circle:before {
    display: none
}

#left-panel.collapse-navbar {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    width: 350px !important;
}
#left-panel.collapse-navbar .login-info {
    visibility:visible
}

#left-panel.collapsed-navbar {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    width: 0px !important;
}

#left-panel.collapsed-navbar .login-info{
    visibility: hidden
}

    .MessageBoxButtonSection button {
        background-color: white
    }

.MessageBoxContainer {
    background-color: rgba(0, 102, 204, .8)
}

#header .pull-right{
    padding-top: 5px
}

#ribbon .breadcrumb li:last-child {
    color: white !important;
}

.jarviswidget-ctrls {
    display: none
}

.alert-info {
    border-left: 8px solid #0066CC
}
.alert {
    padding: 0.7rem 0.7rem 0.7rem 0.7rem !important;
}

.btn-secondary {
    color: white !important;
}

ol.breadcrumb li {
    display: inline;
    margin-right: 15px
}

.dt-toolbar input {
    z-index: 100 !important;
}

.toolbar:before {
    display: none
}

.dataTables_length {
    position: absolute;
    top: 40px;
    right: 30px;
}

.dataTables_filter {
    margin-top:20px
}

.dt-toolbar-footer {
    width: 100%
}
.paginate_button {
    margin-right: 15px
}

.datatable_filtered_columns_paginated tbody tr td {
    font-weight: 600
}

textarea.form-control {
    border: 1px solid gainsboro;
}

.project-context .dropdown-menu {
    padding: 15px
}

.mce-menubar {
    display: none !important;
}

textarea.form-control {
    font-weight: bold
}

.select2-search-choice {
    background-color: #06c !important
}

.select2-results .select2-highlighted {
    background-color: #06c !important
}

.form-check [type=checkbox] {
    
}

.form-check [type=checkbox] {
    width: 200px;
    height: 30px;
    left: 0px !important;
    top: 0px !important;
    cursor: pointer;
    z-index: 999999 !important
}

.select2-chosen {
    font-weight: 700;
    color: #17324d;
    font-size: 1rem;
}

@media (max-width: 1400px){
    .form-check [type=checkbox] + label {
        line-height: 20px !important;
    }
}

.form-group label:not(.form-check [type=checkbox] + label) {
    transform: translateY(-75%) !important;
    font-size: .777rem !important;
}

.modal-lg {
    max-width: 100% !important;
}

.modal-dialog {
    max-width: 60% !important;
}

.iframe_modal {
    width: 100% !important;
    height: 600px !important;
    border: 0 !important;
}

.modal-frame {
    padding: 10px 0px 0px 0px !important;
    
}

.modal-content .modal-header {
    padding: 10px 30px 15px 30px !important;
    color: white
}

.modal-title, .modal-header .fa-times {
    color: white !important;
}

.bottom-nav {
    height: 60px !important;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.bottom-nav ul {
    padding-top: 10px
}

.tags_container {
    padding: 0px 0px 40px 10px;
}

.easy-autocomplete input {
    color: #17324d !important;
}

.btn-outline-primary {
    box-shadow: inset 0 0 0 1px #06c !important;
}

.bottom-nav {
    z-index: 9999999999 !important
}

.col-lg-2.form-check.form-check-inline label {
    margin-bottom: 0px !important;
    line-height: 20px;
    padding-top:5px;
    font-size:11pt
}

.el_tags {
    column-count: 6;
    padding-bottom:20px
}

.el_tags .form-check{
    display: block;
    margin-top: 5px !important;

}

.el_tags .form-check label{
    font-size: 11pt !important;
    margin-bottom: 0px !important;
}

@media(max-width: 1500px) {

    .el_tags .form-check label {
        padding-top: 5px !important;
    }
}

#header > :first-child, aside {
    width: 260px !important;
}

#main.collapse-navbar{
    margin-left: 350px;
    transition: margin 250ms;
}

#main.collapsed-navbar {
    margin-left: 0;
    transition: margin-left 50ms;
}

#footer.collapse-navbar {
    margin-left: 350px;
    transition: margin 250ms;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

#footer.collapsed-navbar {
    margin-left: calc(350px - 210px);
    transition: margin 250ms;
}

#ul_voci_menu ul li a {
    font-size:14pt !important;
}

.nav-link-text {
    font-size: 14pt !important;
    color: white
}

.page-footer {
    padding-left: 350px;
    bottom: 0;
}

#ribbon {
    background-color: #0066CC !important;
}