/*#region Basics*/
textarea {
    resize: vertical;
}

.small-textarea textarea {
    height: 120px;
}

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

.label-none label, .strong-none strong {
    display: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #3783b5;
}

body{
    overflow-x:hidden;
}

.highlighted-txt {
    background-color: #3783b5;
    color: #fff;
}

.color-inherit, a.color-inherit:hover, a.color-inherit:focus{
    color: inherit;
}

.caption-overflow > .btn-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    right: 0;
    bottom: 0;
    margin: auto;
}

.m-0{
    margin:0;
}
/*#endregion Basics*/

/*#region Breadcrumb*/
.breadcrumb-line li + li:not(.active) i {
    display: none;
}

.navbar-xs .navbar-nav > li > a em {
    padding-right: 5px;
}
/*#endregion Breadcrumb*/

/*#region Buttons*/
.strong-none .btn-labeled.btn-labeled-right:before, .strong-none .btn-labeled.btn-labeled-right:after {
    line-height: 1;
    position: absolute;
}

.strong-none .btn-labeled.btn-labeled-right:before {
    left: auto;
    right: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    top: -1px;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    padding: 10px;
    font-weight: 700;
    content: '';
    height: 36px;
    width: 36px;
}

.strong-none .btn-labeled.btn-labeled-right:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    display: inline-block;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 0;
    content: "\ede5";
    bottom: 0;
    margin: auto;
    height: 16px;
    left: auto;
    right: 9px;
}
/*#endregion Buttons*/

/*#region Card*/
.simple-card .btn-icon {
    width: 52px;
}

    .simple-card .btn-icon img {
        max-width: 32px;
        max-height: 32px;
    }
/*#endregion Card*/

/*#region Left sidebar*/
.sidebar .media-left .navigation-btn-icon {
    width: 36px;
    height: 36px;
    border-radius: 50px;
    background: #63b3de;
    display: block;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
}

    .sidebar .media-left .navigation-btn-icon em, .sidebar .media-left .navigation-btn-icon i {
        font-size: 21px;
        margin: 0 auto;
    }

.sidebar .media-left .navigation-btn-title {
    display: none;
}
.sidebar .media-body a{
    color: #fff;
}
/*#endregion Left sidebar*/

/*#region top - Navbar*/
.navbar-collapse .btn-sm em, .navbar-collapse .btn-sm i {
    margin-right: 5px;
    font-size: 12px;
}

.navbar-default .navbar-nav > li.clear-filters > a {
    color: #1e88e5;
}
    .navbar-default .navbar-nav > li.clear-filters > a:focus, .navbar-default .navbar-nav > li.clear-filters > a:hover {
        color: #166dba;
    }
/*#endregion top - Navbar*/

/*#region Search*/
.main-search .input-group-btn > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
/*#endregion Search*/

/*#region Tags*/
.tags-btns.content-tags {
    margin-top: 20px;
}

    .tags-btns.content-tags div .links {
        float: left;
        background: #f2f2f2;
        padding: 2px 5px;
        margin-right: 5px;
        font-size: 12px;
    }
/*#endregion Tags*/

/*#region Video*/
video[poster] {
    min-height: 100%;
    width: 100%;
    object-fit: cover;
}
/*#endregion Video*/

/*#region Right sidebar*/
.related-software .details:last-child {
    margin-bottom: 0;
}

.active-filter {
    background-color: #3783b5;
    border-left-color: transparent;
}

    .sidebar-default .navigation li > a.active-filter, .active-filter .text-muted, .active-filter {
        color: #fff;
    }

        .sidebar-default .navigation li > a.active-filter:hover, .sidebar-default .navigation li > a.active-filter:focus {
            color: #333;
        }

        .active-filter:hover .text-muted, .active-filter:focus .text-muted {
            color: #999;
        }
/*#endregion Right sidebar*/

/*#region Masonry*/
@media (min-width: 1025px) {
    .grid-sizer {
        width: 33.33333333%;
    }
}
/*#endregion Masonry*/

/*#region Issues*/
.issues-icon {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: no-repeat center / cover;
}

    .issues-icon.planned-maintenance {
        background-image: url('/images/default-source/icons/planned.png');
    }

    .issues-icon.resolutions {
        background-image: url('/images/default-source/icons/no-problem.png');
    }

    .issues-icon.issues {
        background-image: url('/images/default-source/icons/problem.png');
    }
/*#endregion Issues*/

/*#region Share your Thoughts*/
.attach-file-with-icon, .attach-file-with-icon + .upload-text {
    float: left;
}

    .attach-file-with-icon, .attach-file-with-icon input {
        max-width: 20px;
        overflow: hidden;
        position: relative;
    }

        .attach-file-with-icon:before {
            content: "\ead3";
            font-family: 'icomoon';
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            text-align: center;
            font-size: 16px;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            width: 100%;
            height: 100%;
            background: #fff;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .attach-file-with-icon input {
            z-index: 2;
            opacity: 0;
        }

            .attach-file-with-icon input:hover {
                cursor: pointer;
            }

        .attach-file-with-icon + .upload-text {
            padding-left: 5px;
            width: 90%;
            width: calc(100% - 30px);
        }

div[data-sf-role=form-container] .panel-body { 
    padding-bottom: 27px;
}
div[data-sf-role=form-container] .panel-title {
    margin-top: 3px;
    margin-bottom: 3px;
}
/*#endregion Share your Thoughts*/

/*#region Icons*/
.panel-flat.box-layout .panel-body .top-heading .icons .linux {
    background: url(/images/default-source/icons/linux.png);
    background-size: cover;
}

.panel-flat.box-layout .panel-body .top-heading .icons span {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    font-size: 20px;
}
/*#endregion Icons*/

/*#region Alerts*/
.alerts-notification.navbar-nav > li > .dropdown-menu .media-list {
    max-height: 410px;
}
/*#endregion Alerts*/

/*#region Organization Structure*/
.organization-structure .k-treeview-lines > li > .k-group > li {
    padding: 10px 10px 0 10px;
    position: relative;
}

.organization-structure .k-treeview-lines .k-item.k-first.k-last {
    padding: 0;
}

.organization-structure .k-treeview-lines .k-top.k-bot {
    position: relative;
}

.organization-structure .k-treeview-lines li > div {
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
    padding: 0 25px;
}

.organization-structure .k-treeview-lines .k-i-expand:before {
    content: "\e11e";
}

.organization-structure .k-treeview-lines .k-i-collapse:before {
    content: "\e121";
}

.organization-structure .k-treeview-lines .k-icon.k-i-expand, .organization-structure .k-treeview-lines .k-icon.k-i-collapse {
    background-color: #ddd;
    color: #fff;
    font-size: 10px;
    width: 15px;
    height: 15px;
    position: absolute;
    line-height: 15px;
    top: 8px;
    margin-top: 0;
    left: 22px;
    bottom: auto;
    border-radius: 50%;
}

.organization-structure .k-treeview-lines > li > .k-group > li:before {
    width: 1px;
    height: 30px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ddd;
    bottom: auto;
}

.organization-structure .k-treeview-lines > li > .k-group > li:after, .organization-structure .k-treeview-lines > li > .k-group > li > ul li:after {
    top: 30px;
    left: 0;
}

.organization-structure .k-treeview-lines > li > .k-group > li:after, .organization-structure .k-treeview-lines > li > .k-group > li > ul li:after, .organization-structure .k-treeview-lines > li > .k-group > li > ul li:after {
    width: 10px;
    height: 1px;
    content: '';
    position: absolute;
    background-color: #ddd;
    bottom: auto;
}

.organization-structure .k-treeview-lines > li > .k-group > li:last-of-type {
    border-top-color: transparent;
}

.organization-structure .k-treeview-lines > li > .k-group > li > ul li {
    position: relative;
}

    .organization-structure .k-treeview-lines > li > .k-group > li > ul li:after {
        top: 18px;
        left: 6px;
    }

.organization-structure .k-treeview-lines li {
    padding-top: 10px;
}

.organization-structure .k-treeview-lines > li > .k-group > li > ul li:before {
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    background-color: #ddd;
    bottom: auto;
}

.organization-structure .k-treeview-lines > li > .k-group > li > ul li:last-child:before {
    width: 1px;
    height: 19px;
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    background-color: #ddd;
    bottom: auto;
}

.organization-structure .k-treeview {
    white-space: normal;
    overflow: hidden;
    padding: 10px;
}

.organization-structure .k-treeview-lines .tree-sum {
    display: block;
    margin-top: 5px;
}
.organization-title {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
    display: inline-block;
}

.organization-structure .k-treeview-lines .k-dropdown .k-state-focused, .organization-structure .k-treeview-lines .k-filebrowser-dropzone, .organization-structure .k-treeview-lines .k-list > .organization-structure .k-treeview-lines .k-state-hover, .organization-structure .k-treeview-lines .k-mobile-list .k-edit-label.k-check:active, .organization-structure .k-treeview-lines .k-mobile-list .k-item > .k-label:active, .organization-structure .k-treeview-lines .k-mobile-list .k-item > .k-link:active, .organization-structure .k-treeview-lines .k-mobile-list .k-recur-view .k-check:active, .organization-structure .k-treeview-lines .k-pager-wrap .k-link:hover, .organization-structure .k-treeview-lines .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .organization-structure .k-treeview-lines .k-splitbar-horizontal-hover:hover, .organization-structure .k-treeview-lines .k-splitbar-vertical-hover:hover, .organization-structure .k-treeview-lines .k-state-hover, .organization-structure .k-treeview-lines .k-state-hover:hover, .organization-structure .k-treeview-lines .k-panelbar > li > .k-state-focused, .organization-structure .k-treeview-lines .k-state-focused,
.organization-structure .k-treeview-lines .k-drag-clue.k-state-selected, .organization-structure .k-treeview-lines .k-draghandle.k-state-selected:hover, .organization-structure .k-treeview-lines .k-ghost-splitbar-horizontal, .organization-structure .k-treeview-lines .k-ghost-splitbar-vertical, .organization-structure .k-treeview-lines .k-list > .k-state-highlight, .organization-structure .k-treeview-lines .k-list > .k-state-selected, .organization-structure .k-treeview-lines .k-marquee-color, .organization-structure .k-treeview-lines .k-panel > .k-state-selected, .organization-structure .k-treeview-lines .k-scheduler .k-scheduler-toolbar .k-state-selected, .organization-structure .k-treeview-lines .k-scheduler .k-today.k-state-selected, .organization-structure .k-treeview-lines .k-state-selected, .organization-structure .k-treeview-lines .k-state-selected:link, .organization-structure .k-treeview-lines .k-state-selected:visited {
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
}

.organization-structure.k-content {
    background-color: transparent;
    color: inherit;
}

.organization-structure .k-in {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.organization-structure .k-treeview span.k-in {
    margin: 1px 0 1px .3333em;
    padding: .429em .6667em .429em .5833em;
    line-height: 1.3333em;
    text-decoration: none;
}

.organization-structure .organization-link {
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
    color: #333333;
}

    .organization-structure .organization-link:hover, .organization-structure .organization-link:focus {
        opacity: 0.85;
        filter: alpha(opacity=85);
    }

    .organization-structure .organization-link [class^="icon-"], .organization-structure .organization-link [class*=" icon-"] {
        font-size: inherit;
    }

.organization-structure .k-treeview .k-state-hover, .organization-structure .k-treeview .k-state-hover:hover {
    cursor: default;
}

.organization-structure .k-treeview-lines .k-icon:before {
    margin: 0;
    width: 15px;
    height: 15px;
    line-height: 16px;
}

#organization-treeview > .k-item.k-first > .k-top > .k-icon {
    display: none;
}
/*#endregion Organization Structure*/

/*#region Media Query*/
/*@media only screen and (min-width: 1600px) {
    .organization-structure .k-treeview-lines > li > .k-group > li {
        display: table-cell;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .organization-structure .k-treeview-lines > li[aria-expanded="true"] > .k-group, .organization-structure .k-treeview-lines .k-item.k-first.k-last > ul {
        display: table !important;
        width: 100%;
        table-layout: fixed;
        margin-top: 10px;
    }

    .organization-structure .k-treeview-lines .k-item.k-first.k-last {
        text-align: center;
    }

        .organization-structure .k-treeview-lines .k-item.k-first.k-last .k-top.k-bot:after {
            position: absolute;
            height: 10px;
            bottom: -11px;
            content: '';
            width: 1px;
            background-color: #ddd;
            top: auto;
            right: 0;
            margin: auto;
            left: 0;
        }

    .organization-structure .k-treeview-lines .k-top.k-bot {
        display: inline-block;
    }
}*/

/*@media only screen and (max-width: 1599px) {*/
    .organization-structure .k-treeview-lines > li > .k-group > li:not(:last-of-type):before {
        height: 100%;
    }

    .organization-structure .k-treeview-lines > li[aria-expanded="true"] > .k-group, .organization-structure .k-treeview-lines .k-item.k-first.k-last > ul {
        margin-left: 16px;
    }

    .organization-structure .k-treeview-lines > li > .k-group > li {
        padding-right: 0;
    }

    #organization-treeview > li > ul {
        display: block !important;
    }
/*}*/

@media (min-width: 1025px) {
    .cio-message .media-body p {
        max-height: 80px;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 1024px) {
    .boxes3-sum {
        text-align: left;
    }
}

@media (min-width: 769px) {
    .content-wrapper.vertical-middle{
        vertical-align:middle;
    }
}

@media (max-width: 768px){
    .navbar-brand > img{
        margin-top:0;
    }
    .page-header-content > .visible-elements{
        padding-top: 20px;
    }
}
/*#endregion Media Query*/