/*RESPONSIVE ALIGNING*/

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
    text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
    text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
    text-align: justify !important;
}

@media (max-width: 767px) {
    .text-left-not-xs,
    .text-center-not-xs,
    .text-right-not-xs,
    .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm,
    .text-center-not-sm,
    .text-right-not-sm,
    .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
    .table-responsive {
        border: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md,
    .text-center-not-md,
    .text-right-not-md,
    .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg,
    .text-center-not-lg,
    .text-right-not-lg,
    .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}


/*END OF RESPONSIVE ALIGNING*/


/*HERE*/

.here {
    border: 1px dashed red !important;
}

.here2 {
    border: 1px dashed blue !important;
}


/*END OF HERE*/

/*Table Customize*/

.triangle_summary {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid rgb(134, 134, 134);
    left: 90%;
    top: 25px
}



/*styles for password checker inputs*/

.PasswordTextboxesSelector,
div.form-group.form-inline,
div.old_validator {
    margin-right: -13px;
}

.PasswordTextboxesSelector input,
div.form-group.form-inline input,
div.old_validator>input,
div.old_validator>select,
div.old_validator>textarea,
div.old_validator>label.input,
div.old_validator>label.textarea {
    width: calc(100% - 13px) !important;
    display: inline-block;
}

div.old_validator>.input-group {
    width: calc(100% - 13px) !important;
    display: inline-table;
    vertical-align: middle;
}


/*.PasswordTextboxesSelector input:first-child {
    margin-bottom: 15px !important;
}*/

.PasswordTextboxesSelector span,
div.form-group.form-inline span,
div.old_validator>span {
    width: 13px;
}


/*styles for password checker inputs*/

.height-7 {
    height: 7px;
}

.emptygrid,
.emptygrid>td {
    background: transparent !important;
    text-align: center;
}


/*for long servises lists*/


/*.clearfix~input[type='checkbox'] {
    margin-left: 0;*/


/*for text overflow*/

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*center empty checkbox/radio*/

.smart-form .checkbox.empty,
.smart-form .radio.empty {
    padding-left: 15px !important;
}

.inherit-vert-padd {
    padding-top: inherit;
    padding-bottom: inherit;
}

body * {
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    -webkit-font-smoothing: antialiased;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

table.vertical-align-middle td {
    vertical-align: middle !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.inline {
    display: inline !important;
}

.smart-form .checkbox i,
.smart-form .radio i {
    top: 0 !important;
}

.smart-form .inline-group .checkbox i {
    margin-top: 4px !important;
}

.avatar_image {
    max-width: 120px;
    max-height: 120px;
}

.MailboxSelectorField {
    max-width: calc(100% - 24px) !important;
}

.jarviswidget .widget-body {
    min-height: 1px !important;
}

body,
html {
    background: white;
}

.no-max-width {
    max-width: none;
}

.cursor-default {
    cursor: default !important;
}

.jarviswidget>header {
    /*line-height: 34px;*/
    min-height: 34px;
}

.FormButtonsBar {
    line-height: 48px;
}

.FormButtonsBar * {
    line-height: normal;
}

.page-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    min-height: 48px;
    flex-direction: row;
}

.page-header:after,
.page-header:before {
    content: "";
    display: block;
    clear: both;
}

.TopPageNameBar {
    position: absolute;
    left: 0;
}
.TopPageNameBar>img {
    max-height: 3em;
    max-width: 3em;
}

.display-block {
    display: block;
}

.page-header {
    border-bottom: none;
}

.font-size-inherit {
    font-size: inherit !important;
}

.line-height-initial {
    line-height: initial !important;
}

.float-none {
    float: none !important;
}

.height-auto {
    height: auto !important;
}

.margin-left-5 {
    margin-left: 5px!important
}

.padding-left-5 {
    padding-left: 5px;
}

.margin-top-minus-5 {
    margin-top: -5px !important;
}

.margin-top-minus-7 {
    margin-top: -7px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px!important
}

.margin-top-20 {
    margin-top: 20px!important
}

.margin-left-20 {
    margin-left: 20px!important
}

.margin-right-20 {
    margin-right: 20px!important
}

.margin-bottom-15 {
    margin-bottom: 15px!important
}

.margin-top-15 {
    margin-top: 15px!important
}

.margin-left-15 {
    margin-left: 15px!important
}

.margin-right-15 {
    margin-right: 15px!important
}

.margin-right-10 {
    margin-right: 10px!important
}

.margin-bottom-3 {
    margin-bottom: 3px!important
}

.margin-top-3 {
    margin-top: 3px!important
}

.margin-left-3 {
    margin-left: 3px!important
}

.margin-right-3 {
    margin-right: 3px!important
}

.margin-bottom-5 {
    margin-bottom: 5px!important
}

.margin-top-5 {
    margin-top: 5px!important
}

.margin-bottom-7 {
    margin-bottom: 7px!important
}

.margin-top-7 {
    margin-top: 7px!important
}

.padding-top-7 {
    padding-top: 7px!important
}

.checkbox label,
.radio label {
    padding-left: 0;
}

.txt-color-black {
    color: black!important
}

.valign-middle {
    vertical-align: middle !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-left-13 {
    padding-left: 13px !important;
}

.padding-right-13 {
    padding-right: 13px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.side-padding-5 {
    padding-right: 5px!important;
    padding-left: 5px!important;
}

.side-padding-10 {
    padding-right: 10px!important;
    padding-left: 10px!important;
}


/*Page header style*/

.TopPageNameBar span,
.Header>span {
    font-size: 26px;
    line-height: 44px;
    font-weight: 300;
    vertical-align: middle;
}


/*Page header style*/


/*FONTS*/

.font-size-1 {
    font-size: 1rem !important;
}

.font-size-1_3 {
    font-size: 1.3rem !important;
}

.font-size-1_4 {
    font-size: 1.4rem !important;
}

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

.font-size-1_6 {
    font-size: 1.6rem !important;
}

.font-size-1_8 {
    font-size: 1.8rem !important;
}


/*END OF FONTS*/


/*END OF HOVER BG COLORS*/

.bg-hover-color-blue:hover {
    background-color: #57889c!important
}

.bg-hover-color-blueLight:hover {
    background-color: #92a2a8!important
}

.bg-hover-color-blueDark:hover {
    background-color: #4c4f53!important
}

.bg-hover-color-green:hover {
    background-color: #356e35!important
}

.bg-hover-color-greenLight:hover {
    background-color: #71843f!important
}

.bg-hover-color-greenDark:hover {
    background-color: #496949!important
}

.bg-hover-color-red:hover {
    background-color: #a90329!important
}

.bg-hover-color-yellow:hover {
    background-color: #b09b5b!important
}

.bg-hover-color-orange:hover {
    background-color: #c79121!important
}

.bg-hover-color-orangeDark:hover {
    background-color: #a57225!important
}

.bg-hover-color-pink:hover {
    background-color: #ac5287!important
}

.bg-hover-color-pinkDark:hover {
    background-color: #a8829f!important
}

.bg-hover-color-purple:hover {
    background-color: #6e587a!important
}

.bg-hover-color-darken:hover {
    background-color: #404040!important
}

.bg-hover-color-lighten:hover {
    background-color: #d5e7ec!important
}

.bg-hover-color-white:hover {
    background-color: #fff!important
}

.bg-hover-color-grayDark:hover {
    background-color: #525252!important
}

.bg-hover-color-magenta:hover {
    background-color: #6e3671!important
}

.bg-hover-color-teal:hover {
    background-color: #568a89!important
}

.bg-hover-color-redLight:hover {
    background-color: #a65858!important
}


/*END OF HOVER BG COLORS*/

legend {
    font-size: 1.4rem;
}


/*SCROLLBAR*/

.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 4px;
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: 0;
    top: 0;
    /* right: 0; */
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .45);
    filter: "alpha(opacity=45)";
    -ms-filter: "alpha(opacity=45)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6);
    filter: "alpha(opacity=60)";
    -ms-filter: "alpha(opacity=60)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .7);
    filter: "alpha(opacity=70)";
    -ms-filter: "alpha(opacity=70)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}


/*SCROLLBAR*/


/*Vertical line in menu*/

nav>ul li ul::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 23px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #7A7A7A;
}


/*Vertical line in menu*/


/*menu customizations*/

nav ul ul {
    background: transparent;
}

nav>ul li:last-child.open {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.hidden-menu .minifyme,
.minified #hide-menu {
    display: inline-block;
    margin-top: 0;
}

.fixed-navigation nav {
    padding-bottom: 60px;
    height: calc(100% - 23px);
}

.fixed-navigation nav>ul {
    padding-bottom: 6px;
}


/*menu customizations*/

#main {
    -webkit-transition: all 250ms cubic-bezier(0.1, .57, .1, 1);
    transition: all 250ms cubic-bezier(0.1, .57, .1, 1);
    -webkit-transform: all translate(0px, 0) translateZ(0px);
}

.page-footer {
    height: auto;
    padding: 10px 10px 10px 225px;
    -webkit-transition: all 250ms cubic-bezier(0.1, .57, .1, 1);
    transition: all 250ms cubic-bezier(0.1, .57, .1, 1);
    -webkit-transform: all translate(0px, 0) translateZ(0px);
}

.desktop-detected.hidden-menu .page-footer {
    padding: 10px;
    -webkit-transition: all 250ms cubic-bezier(0.1, .57, .1, 1);
    transition: all 250ms cubic-bezier(0.1, .57, .1, 1);
    -webkit-transform: all translate(0px, 0) translateZ(0px);
}

.mobile-detected .page-footer {
    padding: 10px;
}

.minified.mobile-detected .page-footer {
    padding-left: 50px;
}


/*MEDIA*/

@media (max-width: 767px) {
    .TopPageNameBar {
        position: static;
        display: inline-flex;
    }
    .page-header {
        flex-direction: column;
    }
}


/*MEDIA*/


/*NEW TABLES STYLES*/

.mspc-datatable img.widget-icon {
    height: 100% !important;
    width: initial !important;
}

.mspc-datatable .table-header {
    margin-top: 10px;
    margin-bottom: 20px;
}

.mspc-datatable .table-header img {
    height: 48px;
    float: left;
}

.mspc-datatable .table-header h2 {
    font-size: 26px;
    display: inline-block;
    line-height: 44px;
    margin: 0;
}

.mspc-datatable header .title {
    height: 100%;
    width: auto;
    display: inline-block;
    font-size: 14px;
    position: relative;
    margin: 0;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 10px;
}

.mspc-datatable td,
.mspc-datatable th {
    overflow: hidden;
    text-overflow: ellipsis;
    /*max-width: 360px;*/
}

@media (max-width: 767px) {
    .mspc-datatable td,
    .mspc-datatable th {
        max-width: 1px;
    }
}

.mspc-datatable td div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.mspc-datatable .expand-icon {
    cursor: pointer;
}

.mspc-datatable tr.expanded-row td div {
    overflow: initial !important;
    text-overflow: initial !important;
    max-width: initial !important;
}

.mspc-datatable .actions {
    margin-bottom: 5px;
    max-width: 100%;
}

.mspc-datatable .actions .ckeckbox {
    padding: 7px 0;
    display: inline-block;
}

.mspc-datatable .actions:not(:last-child) {
    margin-right: 10px;
}

.mspc-datatable .smart-form {
    padding: 5px;
}

.mspc-datatable .smart-form .checkbox {
    padding-left: 19px;
}

.mspc-datatable .smart-form .checkbox [type=checkbox],
.mspc-datatable .smart-form .checkbox [type=radio] {
    display: none;
}

.mspc-datatable [id*=ActionsPanel] {
    padding-left: 0;
    /*max-width: 100%;*/
}

.mspc-datatable div.dataTables_filter label {
    position: relative;
}

.mspc-datatable div.dataTables_filter label .clear-query {
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -6px;
    opacity: 0.5;
    cursor: pointer;
}

.mspc-datatable div.dataTables_filter label .clear-query:hover {
    opacity: 1;
}

.mspc-datatable .dataTables_filter input[type=search] {
    padding-right: 20px;
}

.mspc-datatable .dataTables_filter input[type=search]::-ms-clear {
    display: none;
}

.mspc-datatable .MessageBox {
    margin: 10px 0;
}

.mspc-datatable .column:not(.sorting) {
    padding: 9px 10px;
}

.mspc-datatable table.dataTable thead>tr>th input {
    margin: 0;
}

.mspc-datatable .visible-overflow,
.mspc-datatable .dropdown {
    overflow: visible;
}

.mspc-datatable .row-command {
    cursor: pointer;
}

/*.mspc-datatable .row-command:not(.Button1) {
    padding: 8px;
}*/

.mspc-datatable .small-image img {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 5px;
}


/*
    .mspc-datatable .small-image img{
        max-width:100%;
        max-height: 100%;
    } */

.mspc-datatable .row-command img {
    max-width: 16px;
    max-height: 16px;
    margin: 0 5px;
}

.mspc-datatable .row-command.medium-image img {
    max-height: 24px;
    max-width: 24px;
    border-width: 0px;
}

.mspc-datatable .row-command.small-image img {
    max-height: 18px;
    max-width: 18px;
    border-width: 0px;
}

.mspc-datatable .hide-show .dropdown .dropdown-menu {
    top: 100%;
    left: auto;
    right: 0;
    margin-top: 5px;
}

.mspc-datatable .page-filter {
    padding-right: 0;
}

.mspc-datatable .filter-column {
    margin-right: 10px;
}

.mspc-datatable .hasinput .input-group {
    width: 100%;
}

.mspc-datatable .dataTables_filter.not-active {
    opacity: .5;
}


/* .popover.long-popover {
        width: 490px;
        max-width: 100%;
    } */

.mspc-datatable .ColVis_collection label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-left: 20px;
    display: block;
    position: relative;
}

.mspc-datatable .ColVis_collection label input {
    position: absolute;
    left: 2px;
    top: 2px;
    margin: 0;
}

.mspc-datatable .ColVis_collection li span {
    display: inline;
    color: #000;
}

.curtain-wrapper {
    /* min-height: 88px; */
}

.mspc-datatable .loading-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 4;
    font-size: 18px;
    text-align: center;
    /* display: none; */
}

.mspc-datatable .loading-panel .loading-panel-message {
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    /* margin-top: -9px; */
}


/* .mspc-datatable-popover.popover.bottom{
                margin-top: 5px;
        } */

table.dataTable tfoot>tr>th input,
table.dataTable thead>tr>th input {
    width: auto !important;
    font-weight: 400;
}


/*NEW TABLES STYLES*/

nav ul li a {
    padding: 7px 10px 7px 11px;
}

.fixed-navigation nav>ul {
    padding-right: 0;
    position: relative;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-body .table-responsive {
    max-height: 350px;
}

.mobile-detected.fixed-navigation nav>ul {
    padding-right: 0px!important;
}

.bordered:hover {
    border: 1px solid rgba(0, 0, 0, .2);
}

nav ul ul ul li a {
    padding: 8px 10px 8px 51px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}


/*Header Styles*/


/*Used to override main style for adding text to header buttons*/

.btn-header a>span {
    font-size: 0.8em;
    font-weight: 400;
    line-height: 24px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    padding: 0px 0px 0px 4px;
}

.btn-header> :first-child>a {
    padding: 0px 4px 4px 4px;
}

.table-responsive {
    border: none !important;
}

.table-responsive table {
    margin-bottom: 0;
}

.smart-form-custom *,
.smart-form-custom :after,
.smart-form-custom :before {
    margin: inherit;
    padding: inherit;
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}


/* <CKEDITOR> */

.mspc-ckeditor.bootstrap-form .add-logic-part {
    float: right;
    padding: 0;
}

.mspc-ckeditor .statement-item {
    margin: 10px 0;
}

.mspc-ckeditor.bootstrap-form .expression-part {
    margin: 0;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.mspc-ckeditor.bootstrap-form .expression-part:nth-child(odd) {
    background: #eee;
}

.mspc-ckeditor.bootstrap-form .result {
    padding: 15px 0;
}

.mspc-ckeditor.bootstrap-form .result pre {
    white-space: nowrap;
}

.mspc-ckeditor-dialog .cke_dialog_contents_body {
    padding: 15px;
    vertical-align: top;
}

.mspc-ckeditor-dialog .cke_dialog {
    position: fixed !important;
    top: 10% !important;
    /* bottom: 65px !important; */
    height: 85%;
}

.mspc-ckeditor-dialog .cke_dialog td,
.mspc-ckeditor-dialog .cke_dialog tr,
.mspc-ckeditor-dialog .cke_dialog tbody {
    height: 100%;
}

.mspc-ckeditor-dialog .cke_dialog td[role="presentation"]:not([class]) {
    height: 100%;
    position: relative;
    padding-top: 31px;
    vertical-align: top;
}

.mspc-ckeditor-dialog .cke_dialog .cke_dialog_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.mspc-ckeditor-dialog .cke_dialog .cke_dialog_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.mspc-ckeditor-dialog .cke_dialog .cke_dialog_body {
    height: 100%;
    overflow: auto;
    background: transparent;
    border: none;
    box-shadow: none;
    width: 100%;
}

.mspc-ckeditor-dialog .cke_dialog .cke_dialog_contents {
    /*background: #eaeaea;*/
    border: 1px solid #b2b2b2;
    border-bottom-color: #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    position: relative;
    padding: 0;
    padding-bottom: 38px;
    display: block;
    height: 100%;
}

.mspc-ckeditor-dialog .cke_dialog .cke_dialog_contents tbody {
    height: 100%;
    display: block;
    overflow: auto;
}

.mspc-ckeditor-dialog .cke_dialog .cke_dialog_contents_body tr,
.mspc-ckeditor-dialog .cke_dialog .cke_dialog_contents_body td {
    width: 100%;
    display: block;
}

.mspc-ckeditor-dialog .cke_dialog .cke_resizer {
    display: none;
}


/* </CKEDITOR> */

.border-top-mscp {
    border-top: 1px solid #ccc;
}

.mailpreview {
    width: 100%;
    border: 0;
    height: 600px;
    background-color: white;
}

.relative {
    position: relative;
}

table.dataTable {
    margin-top: 0!important;
}

.pace-activity-custom {
    display: inline-block;
    z-index: 2000;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #3276b1;
    border-left-color: #3276b1;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite
}

.pace-activity-custom-big {
    display: inline-block;
    z-index: 2000;
    width: 32px;
    height: 32px;
    border: solid 2px transparent;
    border-top-color: #3276b1;
    border-left-color: #3276b1;
    border-radius: 20px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite
}

.no-side-borders {
    border-left: none!important;
    border-right: none!important;
}

.no-vertical-borders {
    border-top: none!important;
    border-bottom: none!important;
}

#ui-datepicker-div {
    z-index: 10 !important;
}

.full-width {
    width: 100% !important;
}

.fuelux .wizard ul li {
    padding: 0 14px 0 30px;
}

body .ui-tooltip {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

#ribbon.transparent {
    background: transparent !important;
}

#ribbon.transparent .breadcrumb,
#ribbon.transparent .breadcrumb a {
    color: #57889c!important;
}

#ribbon.transparent .breadcrumb>li+li:before {
    color: #000;
}

#ribbon.transparent .breadcrumb li:last-child a {
    font-weight: 600;
}

.btn-group .btn+.popover+.btn {
    margin-left: -1px;
}

.position-static {
    position: static !important;
}

.btn-icon .btn-label {
    position: static;
    display: inline;
    padding: 0;
    background: none;
    border-radius: 3px 0 0 3px;
}

/* Web Application */
.radio-tabs .nav input[type="radio"] {
    display: none;
}

.radio-tabs .nav>li>label,
.radio-tabs .nav>li>span {
    position: relative;
    display: block;
    padding: 9px 10px 10px;
}

.radio-tabs .nav-tabs>li>label,
.radio-tabs .nav-tabs>li>span {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0;
}

.radio-tabs .nav-tabs>li>label {
    border-radius: 0;
    color: #333;
    cursor: pointer;
    margin-bottom: 0;
}

.radio-tabs .nav-tabs>li>span.selected,
.radio-tabs .nav-tabs>li>span.selected:focus,
.radio-tabs .nav-tabs>li>span.selected:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.radio-tabs .nav-tabs>li>span.selected {
    -webkit-box-shadow: 0 -2px 0 #57889c;
    -moz-box-shadow: 0 -2px 0 #57889c;
    box-shadow: 0 -2px 0 #57889c;
    border-top-width: 0!important;
    margin-top: 1px!important;
    font-weight: 700;
}

.nav-tabs>li>label:hover {
    border-color: #eee #eee #ddd;
}

.nav>li>label:focus, .nav>li>label:hover {
    text-decoration: none;
    background-color: #eee;
}
/* end of Web Application */
.dropdown-menu>li>a {
    white-space: normal;
}
.dropdown button {
    max-width: 100%;
    padding: 5px 12px;
}
.dropdown button>span:first-child {
    display: inline-block;
    /* line-height: 1; */
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.table>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

ul.nav.navbar-nav.dropdown-menu-right .dropdown-menu {
    left: auto;
    right: 0;
}
.pagination-bs {
    border: 1px solid #ddd;
}
.dt-toolbar.bordered {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: none;
}

@media (max-width: 979px) {
.dropzone .dz-default.dz-message {
     width: auto; 
    margin-left: 0;
}
}

.PreviewArea {
    border: 5px solid orange;
}

.min-height-60 {
    min-height: 60px;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.justify-content-between{
        -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

/*  Settings  -> RDS Users */
div.Header.page-header.text-center {
    margin-top: 18px;
}

table.table.table-striped.table-hover.table-bordered tr.emptygrid > td {
    padding-top: 8px !important;
}

.RDSUsers-UpdatePanel .row-float-right {
    float: right;
    width: auto;
}

.RDSUsers-UpdatePanel .select-buttons-oneline {
    width: auto;
}

@media screen and (max-width: 767px) {
    .RDSUsers-UpdatePanel .select-buttons-oneline {
        margin-top: 74px;
    }
}

/*  Dashboard -> Bandwidth Dashboard  */
.TableBandwidthReport-wrapper .ActionsPanel {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}

.TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child {
    order: 1;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
}

.TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child + .actions {
    flex-basis: 62%;
    -webkit-flex-basis: 62%;
    -ms-flex-preferred-size: 62%;
    order: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
}

.TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child + .actions + .actions {
     flex-basis: 30%;
     -webkit-flex-basis: 30%;
     -ms-flex-preferred-size: 30%;
     order: 2;
     -webkit-box-ordinal-group: 2;
     -webkit-order: 2;
     -ms-flex-order: 2;
}

.TableBandwidthReport-wrapper .ActionsPanel > .actions:last-child {
     flex-basis: 100%;
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     order: 3;
     -webkit-box-ordinal-group: 3;
     -webkit-order: 3;
     -ms-flex-order: 3;
     padding-left: 5px;
}

@media screen and (max-width: 640px) {
    .TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child,
    .TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child + .actions {
         margin-right: 0;
    }

    .TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child + .actions + .actions {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
    }

    .TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child + .actions + .actions div.old_validator.smart-form {
        display: block;
        padding-left: 0;
    }

    .TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child + .actions + .actions div.old_validator > label.input {
        width: 100% !important;
    }

    .TableBandwidthReport-wrapper .ActionsPanel > .actions:last-child {
        padding-left: 0;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: flex-start;
    }

    .TableBandwidthReport-wrapper .ActionsPanel > .actions:last-child a:first-child {
        margin-right: 5px;
    }

    .TableBandwidthReport-wrapper .ColVis.hide-show button {
        margin-right: 0;
    }
}

@media screen and (max-width: 400px) {
.TableBandwidthReport-wrapper .ActionsPanel > .actions:last-child {
   justify-content: space-between;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
}
}

/*   Account - Peer Roles  - Create Peer Role   */
#ExchangeContainer .checkbox label {
    padding-left: 20px;
}
.EditPeerRoles_buttons {
    text-align: center;
}
/*  Settings - Email Routes - New,
    Documentation - Notes - Add note  */
@media screen and (min-width: 768px) {
    .DocumentationNotes-wrapper .DocumentationNotes-buttons, .NewEmailRoute-buttons {
        margin-left: 25%;
        width: auto;
    }
}
.NewEmailRoute-addButton {
    border: 1px solid #868686;
}
.NewEmailRoute-input input {
    margin-right: 10px;
}
.form-horizontal .control-label.NewEmailRoute-labelType {
    padding-top: 0;
}

/*  Toolbar text color theme  */
div.dataTables_info,
div.dataTables_info .text-primary {
    color: #404040;
}

/*  Pager to default color theme  */
.pagination > li > a {
    color: #404040;
}
.pagination > li.active > a {
    background-color: #404040;
    border-color: #404040;
}

/* System Settings */
input.AttemptsCouter::-webkit-inner-spin-button,
input.AttemptsCouter::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.AttemptsCouter:hover,
input.AttemptsCouter:focus {
    -moz-appearance: number-input;
    -moz-appearance: textfield;
}
input.AttemptsCouter {
    -moz-appearance: textfield;
}
@media screen and (max-width: 767px) {
    .EditPeers-btns {
        margin-bottom: 10px;
    }
}
/*  Account - Space Statistic - Overusage Report  (calendar layout) */
.OverusageReport_calendar td.Normal {
    line-height: 1.42857143 !important;
}
.OverusageReport_inputTd {
    width: 330px;
}
.OverusageReport_dateLabel {
    line-height: 34px;
    margin-right: 10px;
}
.OverusageReport_emptyTd {
    width: 69px;
}
.OverusageReport_currentMonth {
    color: transparent;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.OverusageReport_calendar .OverusageReport_monthButtons {
    vertical-align: middle;
    height: 50px;
    width: 126px;
}
.OverusageReport_monthButtons ~ td.Centered {
    width: 20px;
}
@media screen and (max-width: 375px ) {
    .OverusageReport_inputTd {
        width: 203px;
    }
    .OverusageReport_emptyTd {
        display: none;
    }
    .OverusageReport_calendar .OverusageReport_monthButtons:last-child {
        text-align: right;
    }
}

/* Azure Dashboard page */
.title-locBurnRateTitle,
.title-locCostByResourcesTitle {
    display: none;
}
.azure-buttons-box,
.azure-monthes-list,
.azure-hostedorgs-list,
.general-azure-search-box,
.azure-search-box,
.azure-search-field,
.azure-search-setbutton {
    display: inline-block;
}
.azure-search-field .chosen-container.chosen-container-multi {
        min-width: 270px;
    }
.table-chbr tr:last-child td span:first-child {
    font-size: 1.5em !important;
}
.general-chart-burnrate table {
    width: 100%;
}
.general-chart-burnrate table td:not([rowspan="2"]) {
    padding-right: 5px !important;
}
.azure-dashboard-header img,
.azure-dashboard-header h1 {
    display: inline-block;
}
.azure-dashboard-header {
    margin: 10px 0;
    white-space: nowrap;
}
    .azure-dashboard-header h1 {
        margin: 0;
        vertical-align: middle;
        text-align: center;
        line-height: 35px;
    }
    .azure-dashboard-header img {
        max-height: 3em;
        max-width: 3em;
    }

    @media screen and (min-width: 992px) {
        .general-chart-burnrate table td span:first-child {
        font-size: 0.9vw;
    }
    .general-chart-burnrate table td span:last-child,
    .general-chart-burnrate table td:not([rowspan="2"]) {
        font-size: 0.7vw;
    }
}
@media (min-width:992px) and (max-width: 1199px) {
    .general-azure-search-box {
        width: calc(99% - 260px);
    }
    .general-azure-search-field {
        width: calc(98% - 85px);
    }
}
@media screen and (max-width: 991px ) {
    .title-locBurnRateTitle,
    .title-locCostByResourcesTitle {
        display: block;
        margin-bottom: 5px;
    }
    .originTitle-locBurnRateTitle,
    .originTitle-locCostByResourcesTitle {
        display: none;
    }
    .chart-burnrate table td span:last-child {
        display: block;
    }
    .charts-parent {
        position: relative;
    }
    .chart-burnrate {
        position: absolute;
        top: 0;
    }
   .general-azure-search-box {
        width: calc(99% - 260px);
    }
    .azure-search-box {
        width: calc(100% - 130px);
    }
    .azure-search-field {
        width: calc(98% - 85px);
    }
    .azure-search-field .chosen-container.chosen-container-multi {
        min-width: 200px;
    }
    .azure-search-setbutton {
        width: 80px;
        margin-left: 5px;
    }
    .table-chbr tr:last-child td span:first-child {
        font-size: 1em !important;
    }
    .table-chbr tr:first-child td:not([rowspan="2"]) {
        font-size: 1em !important;
    }
    .general-chart-burnrate table td span:first-child {
        font-size: 2vw;
    }
    .general-chart-burnrate table td span:last-child,
    .general-chart-burnrate table td:not([rowspan="2"]) {
        font-size: 1.5vw;
    }
    .general-chart-burnrate table td:not([rowspan="2"]) {
        padding-left: 3px !important;
    }
    .general-chart-burnrate table td[rowspan="2"] {
        width: 3px !important;
    }
}
@media screen and (max-width: 575px) {
    .azure-buttons-box,
    .general-azure-search-box {
        display: block;
    }
    .general-azure-search-box {
        width: 100%;
    }
}
@media screen and (max-width:440px) {
    .azure-search-box {
        display: block;
        width: 100%;
    }
    .azure-monthes-list.pull-left,
    .azure-hostedorgs-list.pull-right {
        width: 48%;
    }
        .azure-monthes-list.pull-left div,
        .azure-hostedorgs-list.pull-right div,
        .azure-monthes-list.pull-left div button,
        .azure-hostedorgs-list.pull-right div button {
            width: 100%;
        }
            .azure-monthes-list.pull-left div button,
            .azure-hostedorgs-list.pull-right div button {
                position: relative;
            }
                .azure-monthes-list.pull-left div button span.caret,
                .azure-hostedorgs-list.pull-right div button span.caret {
                    position: absolute;
                    right: 13px;
                    top: 14px;
                }
}
@media screen and (max-width: 390px) {
    .azure-dashboard-header h1 {
        width: 250px;
        font-size: 1.5em;
    }
}

    /* summary Validation */
.summaryValidation__message {
    margin-top: 15px;
}

    .summaryValidation__message ul {
        display: none;
    }

.peersPwdInput .popover {
    top: -40px !important;
}

.peersConfirmPwdInput .popover {
    top: -1px !important;
}

.validEmailMessage,
.validEmailNotifyMessage,
.validEmailProfileMessage {
    color: green;
}

.setMarginZero {
    margin-bottom: 0;
}

td.padding-forlabel {
    padding-top: 14px;
}

    /* footer styles */
.page-footer--version {
    white-space: nowrap;
}

@media screen and (min-width:980px) {
    .mobile-detected .page-footer {
        padding: 10px 10px 10px 225px;
    }

    .desktop-detected.hidden-menu .page-footer,
    .mobile-detected.hidden-menu .page-footer {
        padding-left: 20px;
    }
}

@media screen and (max-width:979px) {
    .page-footer {
        padding: 10px;
    }
}

@media screen and (max-width:471px) {
    #main {
        padding-bottom: 70px;
    }
}

/*  VEEAM DASHOARD PAGE STYLE   */
@media screen and (max-width: 339px) {
    .fc .fc-toolbar > * > * {
        margin-left: 0.3em;
    }
}
@media screen and (max-width: 767px) {
    .float-left-xs {
        float: left;
        min-width: 254px;
    }
    .btn-margin-top-10-xs {
        margin-top: 10px;
    }
}

/* notification icon in header  */
@media only screen and (max-width: 479px) and (min-width: 320px) {
    #logo-group {
        width: 167px !important;
    }
}
/*space statistics - nested hosting space*/
.padding-left {
    padding-left: 10px;
    vertical-align: middle;
}
/*space statistics */
.padding-left-6 {
    padding-left: 6px;
}
@media only screen and (max-width: 767px) and (min-width: 0) {
    .padding-left-xs-0 {
        padding-left: 0;
    }
}
/* header styles */
@media only screen and (max-width: 679px) and (min-width: 0) {
    #header {
        background-color: #f3f3f3;
        background-image: -moz-linear-gradient(top,#f3f3f3,#e2e2e2);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#e2e2e2));
        background-image: -webkit-linear-gradient(top,#f3f3f3,#e2e2e2);
        background-image: -o-linear-gradient(top,#f3f3f3,#e2e2e2);
        background-image: linear-gradient(to bottom,#f3f3f3,#e2e2e2);
        background-repeat: repeat-x;
    }
    #ribbon {
        border-bottom: 0;
        border-top: 0;
    }
    #ribbon .breadcrumb, #ribbon .breadcrumb a {
        color: #BBB !important;
    }
}
.margin-top {
    margin-top: 6px;
}