.panel.containerable{
    position:relative;
}
.billevo-preloader.containerable{
    position:absolute;
    background: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) { 
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.indicator {
    display:none;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.no-padding-right{
    padding-right:0px !important;
}
.no-padding-left{
    padding-left:0px !important;
}
div.errorSummary
{
    border: 2px solid #C00;
    padding: 7px 7px 0px 7px;
    background: #FEE;
    font-size: 0.9em;
    display:none;
    margin:0px;
}

.text-wrapped{
    width : 100px;
    overflow:hidden;
    display:inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modal-dialog{
    color:#000;
}
.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;    
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.dots{
    display:inline-block;
    width:180px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}
.dots-long{
    width:400px;    
}

.separator{
    height:40px;
}
.analyzer-tabs .tab-pane{
    border:1px solid #ddd;
    border-top:none;
    padding:20px;
}
.show-grid{
    margin-bottom:15px;
}
ul.nav-stacked li{
    padding:3px 0px 3px 0px;
    list-style-type:none;
}
.dataTables_wrapper table.dataTable tr.no-padding td{
    padding:0px 5px 0px 5px;
}
.inline-translation{
    margin-top: 4px;
    margin-bottom: 4px;

}

.sweet-alert{
    top: 5% !important;
    position:absolute !important;
    margin-top:0px !important;

}

.div.errorSummary{
    padding: 10px 7px 0px 7px !important;
}
#notificationTemplatePreview .modal-dialog
{
    width: 50%;
}
.mass-actions-menu{
    display:none;
}
.hide{
    display:none !important;
}
.full-width {
    width: 100%;
}
.gravatar{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.search-rows li span:last-child{
    padding-left:0px;
    color:#5c6066;
    font-size:13px;
}
ul.search-rows li{
    line-height: 30px;
}
ul li span.search-content span.highlight, ul.ui-autocomplete .ui-menu-item a span.highlight{
    background-color: #ffeb3b;
}
li.none{
    list-style:none;
    margin-top: 15px;
}
ul.ui-autocomplete{
    max-width: 525px;
    width:  525px;
}
ul.ui-autocomplete li a.ui-state-focus{
    max-width: 525px;
    width:  525px;
}

ul.ui-autocomplete .ui-menu-item a{
    color:#000;
    font-size: 12px;
    padding:0 17px;
    line-height: 26px;
}

.ui-autocomplete .ui-menu-item a{
    display:inline-block;
    width:680px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}
.ui-autocomplete .ui-menu-item hr{
    margin:0px;
}
.tbl-c table th.sorting:after{
    content:'';
}
.hidden{
    display:none !important;
}
.tbl-c table tr td{
    font-weight: 500 !important;
}
.select2-container--default .select2-results>.select2-results__options{
    max-height:200px;
    overflow-y:auto;
}

.tbl-c--zd .card-ctrls .card-ctrls__left *, .tbl-c--zd .dt-area-bottom{
    display: block !important;
}
.tbl-c--zd .dataTables_paginate, .tbl-c--zd .dataTables_length{
    display: none !important;
}
.tbl-c--zd #table-ma{
    display: none !important;
}
.no-padding{
    padding:0px !important;
}
.md-preloader-container{
    background: rgba(255, 255, 255, 0.5) !important;
}
.ddown__menu--innerpadd li.ddown-multi__return,.ddown__menu--innerpadd li.ddown-multi__return:hover{
    height:39px;
    background-color:#02A8F3;
    line-height:39px;
    padding:0px;
}
.ddown__menu--innerpadd li.ddown-multi__return span{
    color:#FFF;
    font-size:13px;
}
.ddown .ddown__menu > li.ddown-multi__return:hover > a{
    background-color:#02A8F3;
}
.ddown .ddown__menu > li.mdl-disabled > a{
    color:#ebedf2    
}
.ddown .ddown__menu > li.mdl-disabled:hover > a{
    background-color: #FFF;
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

    #app-wrapper .tbl-c table tr td.bolded {
        font-weight: initial !important;
        font-family: "Roboto-Medium" !important;
    }

    #app-wrapper .tbl-c table tr td {
        font-weight: initial !important;
        font-family: "Roboto-Medium" !important;
    }
}


.dataTable thead tr th{
    vertical-align: top;
}
ul.context-menu-list li:first-child span{
    font-weight: 900;
}
a.no--menu:after{
    content:none !important;    
}
aside.main-sidebar ul.main-menu > li.submenu-open > a:after{
    border-color: transparent #3d434e transparent transparent !important;
}
tr.no-actions.ui-selectee.is-selected td{
    background:none !important;
    border-bottom:1px solid #f0f2f5 !important;
}
.zero-data-widget{
    margin:auto !important;
    min-height:10vh !important;
}
.zero-data-widget .zero-data__indicator{
    padding:0px !important;
}
.zero-data-widget .zero-data__indicator:before{
    padding-left:16px;
    font-size:12vw;
}
.zero-data-widget .zero-data__txt, .zero-data-widget .zero-data__txt a{
    font-size: 30px;
    padding-left:7px;
    text-align:left;
    font-weight: 500;
    line-height:1.0;
}

.filter-container .select2-search--inline{
    padding-left:1px !important;
}
.grid-container-display{
    display:block;
}
.comiseo-daterangepicker{
    z-index:9999;
}
.form-block.hidden-block{
    display:none;
}
.search-show-all{
    max-width: 525px;
}
.search-box__mdl-textfield.is-invalid input{
    border-color: #de3226 !important;
    color:#de3226;
}
.search-box__mdl-textfield.is-invalid .mdl-textfield__label:after{
    background: #de3226;
}
.search-box .search-box__mdl-textfield.is-invalid.is-focused input{
    border-color: #de3226 !important;
}
.pace.pace-active{
    background:none !important;
}
.tbl-c--zd .card-ctrls .card-ctrls__left .select2-selection__clear { 
    display:none !important;
}
a.add-select-filter-button,a.add-daterange-button{
    color:#FFF !important;
    text-transform: uppercase !important;
}
.login-box .input-field__desc{
    font-size: 12px;
    padding-top: 10px;
}
.zmdi-window-maximize:last-child{
    margin-left:5px;
}
.grid-stack-item {
    transition: left 100ms, top 100ms, height 100ms, width 100ms !important;
}
.jquery-modal .card--comments{
    height:100%;
}
.jquery-modal .card--enlarged.modal{
    height: auto;
}
.jquery-modal .card--enlarged.modal .card__content{
    height:auto;
}
.jquery-modal .card{
    margin-bottom: 0px;
}
.jquery-modal .card__content{
    height: auto !important;
    min-height: 200px;
}

@media only screen and (max-width: 768px){
    aside.main-sidebar ul.main-menu > li.main-menu__brand {
        padding-top: 4px !important;
        padding-bottom: 8px !important;
        margin: 0 !important;
    }
}
@media only screen and (min-width: 768px){
    aside.main-sidebar ul.main-menu > li.main-menu__brand {
        margin-top: 14px !important;
    }
}
.main-head .item-grp-single:nth-child(1){
    display: flex !important;
}
.lowercase{
    text-transform: lowercase !important;
}
.card--logs.card--scrollbox .zero-data{
    height:100%;
}
.zero-data{    
    border:none;
}
#package-error-table{
    font-size:120%;
}

#package-error-table .error-result-column{
    font-size:14px; overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;  
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto; 
    -webkit-hyphens: auto;  
    hyphens: auto;
}
.qtip-content{
    line-height: 20px;
}
.input-dropzone{
    min-height: 70px;
}
.card.card--detail-info .card__header{
    display: flex;
}
.breadcrumbs li.active{
    color:#FFF;
}

.breadcrumbs .ddown__menu li a{
    color:#5c6066 !important;
}
.page-dashboard .card--logs .timeline{
    height:auto;
}
.badge.badge--md{
    line-height:20px;
}
.separator-small{
    height:10px;
}
