/* Bootstrap Validation Summary Override */
/* Bootstrap Validation Summary Override */
.validation-summary-valid { display: none; }

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.alert.validation-summary-errors { margin-bottom: 1rem; }

.field-validation-error { color: #A94442; }

.page-logo-link img, .header-logo { max-height: 54px; }



.col-0 {
    -ms-flex: 0 0 4.166665%;
    -webkit-box-flex: 0;
    flex: 0 0 4.166665%;
    max-width: 4.166665%;
    width: 4.166665%;
}

.col-1 {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
}

.col-2 {
    -ms-flex: 0 0 16.66666%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66666%;
    max-width: 16.66666%;
    width: 16.66666%;
}

.dataTables_empty { font-size: 1.5rem !important; }

/* Reference classes, no implementation */

.base,
.needs-validation,
.flex-start,
.text-faded,
.app-container-demo,
.lang-js,
.lang-csharp,
.has-tooltip,
.has-popover { }

/* Keeps analyzers happy */

.js-waves-off,
.js-waves-on,
.js-get-date,
.js-collapse,
.js-modal-settings,
.js-filter-message,
.js-buttons,
.js-icon-class,
.js-icon-copy,
.js-bg-color,
.js-bg-gradient,
.js-bg-gradient-demo,
.js-bg-target { }

/* Small word wrap correction */

section > ol > li { word-break: break-all; }

code {
    border: 1px solid silver;
    padding: 0.03rem 0.2rem !important;
}

pre.prettyprint {
    border-radius: 0.2rem;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.documentation h2 { color: var(--primary); }

.documentation th:first-child,
.documentation th:nth-child(3) { width: 16%; }

#webdav-items-table .file-link {
    display: inline-block;
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle !important;
}

.documentation blockquote {
    background: #edf2f9;
    border-left: 3px solid var(--primary);
    border-radius: 0 4px 4px 0;
    font-weight: 400;
    margin-left: 1rem;
    padding: 1rem 1rem 0.01rem 1rem;
}

.documentation blockquote.info {
    background: #edf2f9;
    border-left: 3px solid var(--info);
}

.documentation blockquote.warning {
    background: #fff4db;
    border-left: 3px solid var(--warning);
}

.documentation blockquote.danger {
    background: #fadeeb;
    border-left: 3px solid var(--danger);
}

ul.pagination { margin-top: -40px; }

/* Enter custom CSS rules for your application here */

.table-icon {
    height: 30px;
    vertical-align: top;
}

.drag-and-drop-area input {
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Netscape */
    -moz-opacity: 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: #2e8bcc 1px;
    /* IE 5-7 */
    filter: alpha(opacity=0);
    font-size: 198px;
    height: 198px;
    opacity: 0;
}

.drag-and-drop-area .info-block {
    left: 50%;
    margin-left: -100px;
    margin-top: -51px;
    position: absolute;
    text-align: center;
    top: 50%;
}

.drag-and-drop-area .upload-block { width: 100%; }

.drag-and-drop-area .upload-block-text {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.drag-and-drop-area .upload-block-description { display: block; }

.drag-and-drop-area .upload-block-icon {
    color: gray;
    font-size: 60px;
}

.drag-and-drop-area .info-block-hover { color: black; }

.drag-and-drop-area {
    background-color: #eee;
    border: 1px solid #888;
    border-radius: 3px !important;
    margin-left: 15%;
    margin-right: 15%;
    overflow: hidden;
}

.selected-file .container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(80, 152, 249);
    box-sizing: border-box;
    margin: 4px;
    padding: 3px;
    position: relative;
}

.selected-file .container div.selected-element-overlay {
    background: rgb(200, 224, 255);
    height: 100%;
    left: 0px;
    opacity: 0.3;
    pointer-events: none;
    position: absolute;
    top: 0px;
    width: 100%;
}

tr.selected-file { background-color: #E7F0FC !important; }

div#feed-apps .element-height { min-height: 60px; }

div#feed-apps {
    background-color: #f5f5f5;
    margin-top: 9px;
    padding: 25px;
}

div#feed-apps {
    background-color: #f5f5f5;
    border: 1px solid #d4d4d4;
}

.element-container {
    cursor: pointer;
    margin-top: 15px;
}

.element-container .element {
    position: relative;
    text-align: center;
}

.elements-container { padding-top: 10px; }

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-2.element-container {
        flex: 0 0 18.666667%;
        width: 18.666667%;
    }

    .col-sm-2.element-container.application {
        flex: 0 0 16%;
        width: 16%;
    }
}

@media (min-width: 991px) {
    .col-sm-2.element-container.application {
        flex: 0 0 12%;
        width: 12%;
    }
}

@media (max-width: 768px) {
    .col-sm-2.element-container {
        flex: 0 0 12%;
        float: left;
        width: 48%;
    }
}


@media (max-width: 250px) {
    .col-sm-2.element-container {
        float: left;
        width: 100%;
    }
}

.popover {
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    display: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    width: 300px;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: 1060;
}

.popover.top { margin-top: -10px; }

.popover.right { margin-left: 10px; }

.popover.bottom { margin-top: 10px; }

.popover.left { margin-left: -10px; }

.popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    margin: 0;
    padding: 8px 14px;
}

.popover-content { padding: 9px 14px; }

.popover > .arrow,
.popover > .arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.popover > .arrow { border-width: 11px; }

.popover > .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top > .arrow {
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}

.popover.top > .arrow:after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    content: " ";
    margin-left: -10px;
}

.popover.right > .arrow {
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    left: -11px;
    margin-top: -11px;
    top: 50%;
}

.popover.right > .arrow:after {
    border-left-width: 0;
    border-right-color: #fff;
    bottom: -10px;
    content: " ";
    left: 1px;
}

.popover.bottom > .arrow {
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #fff;
    border-top-width: 0;
    content: " ";
    margin-left: -10px;
    top: 1px;
}

.popover.left > .arrow {
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%;
}

.popover.left > .arrow:after {
    border-left-color: #fff;
    border-right-width: 0;
    bottom: -10px;
    content: " ";
    right: 1px;
}

.fade {
    -o-transition: opacity .15s linear;
    -webkit-transition: opacity .15s linear;
    opacity: 0;
    transition: opacity .15s linear;
}

.fade.in { opacity: 1; }

table { background: white; }

.file-link p {
    color: #818181;
    font-size: 13pt;
}

.file-link p:hover { color: #333 !important; }

.file-link:hover { text-decoration: none; }

.navbar-text {
    color: #818181;
    font-size: 13pt;
}

.navbar-text:hover { color: #333 !important; }

.column-name .file-info {
    display: inline-block;
    padding-left: 5px;
    width: 90%;
}

.template-upload .column-name, .template-download .column-name,  { width: 40%; }

.column-name { position: relative; }

.column-name #quota {
    position: absolute;
    right: 0px;
    top: 20%;
}

.icon-size-32 {
    height: 32px;
    width: 32px;
}

.selected-file .element {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(80, 152, 249);
    box-sizing: border-box;
    margin: 4px;
    padding: 3px;
    position: relative;
}

.selected-file .element div.selected-element-overlay {
    background: rgb(200, 224, 255);
    height: 100%;
    left: 0px;
    opacity: 0.3;
    pointer-events: none;
    position: absolute;
    top: 0px;
    width: 100%;
}

/*Smart Notification*/

.divMessageBox {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

.MessageBoxContainer {
    background-color: #232323;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 20px;
    position: relative;
    top: 35%;
    width: 100%;
}

.MessageBoxMiddle {
    left: 20%;
    position: relative;
    width: 60%;
}

.MessageBoxMiddle .MsgTitle {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
}

.MessageBoxMiddle .pText { font-size: 13px; }

.MessageBoxContainer input {
    padding: 5px;
    width: 50%;
}

.MessageBoxContainer select {
    padding: 5px;
    width: 50%;
}

.MessageBoxButtonSection {
    height: 30px;
    width: 100%;
}

.MessageBoxButtonSection button {
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 7px;
    padding-left: 15px;
    padding-right: 15px;
}

/*End Smart Notification*/

.center_element_window {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}