label {
    margin: 0
}

/* BOOTSTRAP CUSTOM SETTINGS */

.container, .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
}

/*END OF BOOTSTRAP CUSTOM SETTINGS */

/* 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;
    }
    .hook_margin_left-0 {
        margin-left: 0 !important
    }
}

@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 */

/* MSP DATA TABLES SEARCHBOX POSITION FIX */

.search-box_datatables {
    display: inline-block !important
}

.dataTables_filter .filter-column {
    margin: 6px 6px 0 0 !important    
}

.dataTables_filter label {
    margin: 6px 6px 0 0 !important
}

.dataTables_length label {
    margin: 6px 0 0 0 !important
}

.smart_form-checkbox {
    width: auto;
    margin: 6px 0
}

.right_bottom_margin-10 {
    margin: 0 6px 6px 0
}

.dt-toolbar-footer>:first-child, .dt-toolbar>:first-child {
    padding: 0 !important
}

.dt-toolbar .display-flex .ActionsPanel {
    display: inline-table;
    width: auto;
    height: auto
}

.dt-toolbar .display-flex .ActionsPanel .actions button {
 margin: 6px 6px 0 0
}

.smart-form {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.smart-form .input {
    width: 100%
}

.textarea {
    width: 100%
}

.table .smart-form {
    display: inline-block !important
}

.form-horizontal .form-group .smart-form {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.old_validator {
    display: block !important
}

.ActionsPanel .actions .smart-form {
    display: inline-flex;
    margin: 6px 6px 0 0 !important;
    padding: 8px 0
}

.ActionsPanel .pull-left button {
    margin: 6px 6px 0 0
}

.ActionsPanel .actions button,
.ActionsPanel .actions .navbar-nav > li > a.dropdown-toggle {
    width: auto;
    height: 34px;
    margin: 6px 6px 0 0
}

.ActionsPanel .actions input {
    margin: 6px 6px 0 0 
}

.ActionsPanel .actions span input {
    margin: 3px 6px 0 0
}

.ActionsPanel .actions a {
    display: block;
    margin: 6px 0 0 0
}

.domains_top_right_margin-btn button {
    margin: 6px 6px 0 0 !important
}

.bandwidth_top_margin-span span {
    margin: 18px 6px 0 0 !important
}

.mailboxes_padding-checkbox {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-flex !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important
}

.mailboxes_padding-checkbox input {
    margin: 3px 6px 0 0 !important
}

.peer_role_padding-btn input {
    padding: 7px 14px !important
}

.widget-body-toolbar button {
    margin: 6px 0 0 0 !important
}

.breadcrumb>li+li:before {
    padding: 0 !important
}

.bandwidth_top_margin-span .old_validator {
    margin: 0 6px 0 0 !important
}

.show_hide-filter {
    float: right
}

.ColumnChkRecursive-schedules {
    display: block !important
}

.domains_action-hook div {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.devices_download-hook {
    display: table !important
}

.devices_downloadagent-link {
    display: inline-block;
}
/* END OF MSP DATA TABLES SEARCHBOX POSITION FIX */

/* EDIT PEER ROLE PAGE FIX */

.smart_form-block {
    display: inline !important
}

.form-horizontal .form-group .sel_all-check {
    width: 100%;
    margin-top: 10px
}

.form-horizontal .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important
}

/* END OF EDIT PEER ROLE PAGE FIX */

/* HERE */

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

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

/*END OF HERE*/

/* PAGE LOGO FONT STYLES */

.TopPageNamebarContainer {
    margin: 5px 0 20px 0 !important

}

.TopPageNameBarText img {
    height: 39px !important;
    width: 39px !important
}

.TopPageNameBarText {
    font-family: 'Segoe UI','Open Sans',Arial;
    font-size: 26px;
    line-height: 44px;
    font-weight: 300;
    vertical-align: middle;
    position: absolute;
    left: 0
}

.TopPageNameBarTextFont h2 {
    font-family: 'Segoe UI','Open Sans',Arial;
    font-size: 26px;
    font-weight: 300;
    vertical-align: middle
}

/*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: 0 !important;
    padding: 0 !important
}

.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 {
    display: block
}

div.old_validator>.input-group {
    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: 100%
}


/*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-top: 0 !important;
    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;
}

.vertical-align-top {
    vertical-align: top !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 {
    display: flow-root;
    /*line-height: 34px;*/
    min-height: 34px;
}

.FormButtonsBar {
    line-height: 48px;
}

.FormButtonsBar * {
    line-height: normal;
}

.page-header {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    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
}

.display-flex {
    display: -webkit-flex !important;
    display: -webkit-box !important;
    display: -moz-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important
}

.page-header {
    border: none
}

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

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

.float-none {
    float: none !important
}

.float-left {
    float: left !important
}

.height-auto {
    height: auto !important
}

.margin-bottom-0 {
    margin-bottom: 0
}

.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-10 {
    margin-bottom: 10px !important
}

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

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

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

.margin-left-13 {
    margin-left: 13px !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
}

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

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

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

.checkbox label,
.radio label {
    padding-left: 6px !important;
    float: left
}

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

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

.padding-0 {
    padding: 0!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 */


/* 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;
}


/* END OF 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;
}


/* END Vertical line in menu*/


/* MENU CUSTOMIZATION */

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;
}

/* END MENU CUSTOMIZATION */

/* ACCOUNT HOME > DETAILS: POSITION FIX */

.acc_details-element {
    width: 140px!important
}

.acc_details-info {
    width: 200px!important
}



/* END ACCOUNT HOME > DETAILS:: POSITION FIX */

#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) {
    /* .page-header {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column;
        flex: 1 1 auto
    } */
    .TableBandwidthReport-wrapper .ActionsPanel {
        width: 100% !important
    }
}

/*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 {
    max-width: 100%
   }

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

.mspc-datatable .actions:not(:last-child) {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

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

.mspc-datatable .smart-form .checkbox {
    display:inline-block;
    padding-left: 18px
}

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

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

.mspc-datatable div.dataTables_filter label {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: auto;
    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] {
    width: 100%;
    min-width: 85px;
    padding-right: 20px
}

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

.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: 0
}

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

.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 TBODY TR.odd {
    background-color: white !important;
}

.mspc-datatable TBODY TR.even {
    background-color: #f6f6f6 !important;
}

/* .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*/

#logo-group {
    width: 120px !important;
}

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

#Notification {
    width: 45px;
    text-align: center;
    float: right !important;
    margin-right: 6px
}

.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 5px 4px 5px;
}

.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-label {
    pointer-events: none; /* Make icons not clickable. Allow only button click */
}

.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,
.dropdown .btn {
    max-width: 100%;
    padding: 6px 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: -webkit-flex !important;
    display: -webkit-box !important;
    display: -moz-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: flex !important
}
.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}
.align-items-center {
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    -webkit-box-align: center !important;
    align-items: center !important
}
.justify-content-between{
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

/*  Settings  -> RDS Users */

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;
}

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

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

.TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child + .actions {
    display: contents;
    width: 100%;
    padding: 6px 0 !important;
    -ms-flex-preferred-size: 62%;
    -webkit-flex-basis: 62%;
    flex-basis: 62%;
    -ms-flex-order: 0;
    -webkit-order: 0;
    -webkit-box-ordinal-group: 0;
    order: 0
}

.TableBandwidthReport-wrapper .ActionsPanel > .actions:first-child + .actions + .actions {
    display: flex;
    width: 100%;
    -ms-flex-order: 2; 
    -webkit-order: 2; 
    -webkit-box-ordinal-group: 2;
    order: 2
}

.TableBandwidthReport-wrapper .ActionsPanel > .actions:last-child {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -ms-flex-order: 3;
    -webkit-order: 3;
    -webkit-box-ordinal-group: 3;
    order: 3
}

.TableBandwidthReport-wrapper .ActionsPanel > .actions:last-child a {
    margin: 6px 6px 0 0 !important
}

@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 {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 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 {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding-left: 0;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        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: 767px) {
    .RDSUsers-UpdatePanel .select-buttons-oneline {
        margin-top: 74px;
    }

    /* ACCOUNT HOME > DETAILS: POSITION FIX */

    .form-horizontal_width {
        width: 100% !important
    }

    /* END ACCOUNT HOME > DETAILS: POSITION FIX */

}

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

/*   Account - Peer Roles  - Create Peer Role   */

.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: 538px) {
    .page_filter_position-mobile {
        display: inline-block;
        height: 33px
    }

    button.ColVis_Button, ul.ColVis_collection li {
        margin: 5px 6px 0 0;
    }

    .show_hide-filter {
        float: left
    }
}

@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,
.validation-valid-msg {
    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;
    }
}

@media screen and (max-width:489px) {
    body.desktop-detected #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 Section: Header - Colliding Fix  */
@media only screen and (max-width: 479px) and (min-width: 320px) {
    #Notification {
        width: 30px;
    }
}
/*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 {
        height: 35px;
        border-bottom: 0;
        border-top: 0;
        padding: 0 14px
    }
    #ribbon .breadcrumb, #ribbon .breadcrumb a {
        color: #BBB !important;
    }
}

/* Account Databases page*/
.note.note-without-margin,
.NormalTextBox.txtUserField {
    margin: 0;
}
td.SubHead {
    vertical-align: middle !important;
    padding: 0;
}


.chosen-container-multi .chosen-choices li.search-choice {
    border-color: #383838;
    background-color: #404040;
}

/* SETTINGS - LICENCING, btn-hook */
.licenseFileName,
.uploadedFileName {
    vertical-align: middle;
    cursor: pointer;
}
.btn-upload-asp, .btn-upload-asp-prev,
.productCategories-Page #uploadImage,
.btn-hook-label #uploadImage {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.btn-hook-label {
    display: block;
}

/*Web Site Properties - Header Spacing fix */
.webSitesEdit--lnkSiteName {
    margin-top: 0;
}

/* make checkboxes, inputs color grey instead of blue according to theme colors */
.form-control:focus,
.smart-form .checkbox input:checked + i,
.smart-form .checkbox input:focus + i,
.smart-form .checkbox:hover i,
.smart-form .textarea:hover textarea,
.smart-form .textarea textarea:focus,
.smart-form .input:hover input,
.smart-form .input input:focus {
    border-color: #999;
}

.smart-form .checkbox input + i:after {
    color: #555;
}
TEXTAREA.TextBox200 {
    border-color: #ccc;
}

TEXTAREA.TextBox200:hover,
TEXTAREA.TextBox200:focus {
    border-color: #999;
}

.td-imgUpload .margin-top-15 {
    margin-top: 0 !important;
}

/*SharePoint Collections page table styles*/
.edit-site-collection--table {
    width: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .edit-site-collection--table .col-sm-offset-4,
    .col-sm-offset-4-change-margin {
        margin-left: 25.4444% !important;
    }
}
@media (max-width: 767px) {
    .sharepoint-collection--responsive-table td.td-label-responsive,
    .sharepoint-collection--responsive-table td.td-label-responsive + td {
        width: 100%;
        float: left;
    }
    .edit-site-collection--table .col-xs-12,
    .col-xs-12-change-padding {
        padding-left: 26px;
    }
}
@media (min-width: 768px) {
    .sharepoint-collection--responsive-table td.td-label-responsive {
        width: 33.33333333%;
        text-align: right;
        padding-right: 13px;
    }
}
@media (min-width: 992px) {
    .sharepoint-collection--responsive-table td.td-label-responsive {
        width: 25%;
        text-align: right;
        padding-right: 13px;
    }
}
@media (min-width: 1200px) {
    .sharepoint-collection--responsive-table td.td-label-responsive {
        width: 33.333333%;
        padding-right: 13px;
    }
}

span[id*="Require"],
span[id*="Correct"],
span[id*="Validator"],
div[id*="ValidationSummary"]
{
    color: red !important;
}

.ExachangeMailboxRule-page td.FormLabel200 {
    vertical-align: middle;
}
.ExachangeMailboxRule-page textarea {
    height: 90px;
}
@media screen and (min-width: 767px) {
    .ExachangeMailboxRule-page textarea, .ExachangeMailboxRule-page .txtMailboxRule {
        width: 400px;
    }
}
.productCategories-Page textarea.TextBox200 {
    width: 100%;
}
.productCategories-Page label.btn-hook-label {
   margin-bottom: 0;
}

.tabs-category {
    font-size: 16px;
}

.prod-info-tabs .tabs-category li {
    padding: 0 5px;
    margin: 5px 0;
}

.prod-info-tabs .nav-tabs.tabs-category li a {
    font-weight: 400;
    color: #333333;
    font-weight: normal;
}

.prod-info-tabs .nav-tabs.tabs-category li.active a {
    color: #26a5c3;
    font-weight: 700;
}

    .prod-info-tabs .nav-tabs {
        border: none;
        font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    }

.prod-info-tabs .nav-tabs > li.active > a {
    color: #26a5c3;
    box-shadow: none;
}

.prod-info-tabs .nav-tabs {
        padding: 10px 5px 15px;
}

.prod-info-tabs .nav-tabs li > a {
        padding: 0 10px;
        border: none;
        font-weight: 700;
}

.prod-info-tabs .nav-tabs li,
.prod-info-tabs .nav-tabs li.active > a:focus,
.prod-info-tabs .nav-tabs li.active > a:hover {
            border: none;
}

.prod-info-tabs .nav-tabs li + li {
    border-left: 1px solid #666;
}

prod-info-tabs .tab-content .tab-pane {
    padding: 15px 5px 5px;
}
.flex-class {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}
.card-column {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-unisize-height {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -ms-flex: 1 1;
	-webkit-flex: 1 1;
	-webkit-box-flex: 1;
    position: relative;
    flex: 1 1;
}

.flex-col {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0 15px;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -webkit-box-flex: 1;
    flex: 1 1 100%
}

.flex-row {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-column + .card-column {
    margin-left: 5px;
}

.card-unisize-height .ribbon {
    right: -5px;
}

.card-unisize-height .panel-footer {
    margin-top: auto;
}

.the-price {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    justify-content: space-around
}

.subscript {
    line-height: 1em;
}

.btn-search {
    height: 38px;
    padding: 4px 15px;
}

.search-box,.search-wrapper {
    position: relative;
    padding: 5px 10px;
}
.search-wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 450px
}
.search-box {
    width: 100%;
    border: 1px solid #ccc;
    outline: 0;
    font-size: 14px;
    height: 38px;
}

.close-icon {
    border:1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    position: absolute;
    height: 40px;
    line-height: 40px;
    padding: 3px;
    right: 85px;
    top: 50%;
    margin-top: -22px;
}

.close-icon:after {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 1;
    margin: auto;
    padding: 2px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
    color: #828A99;
    }
.search-box:not(:valid) ~ .close-icon {
    display: none;
}

.checkbox-payment-selected {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center
}
.table-responsive tr td:first-child {
    vertical-align: middle;
}

.search-wrapper input::-ms-clear {
    display: none;
}

.overlaySpinner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 1;
    left: 0;
    top: 0;
    padding-top: 45vh;
    text-align: center;
}

.lds-facebook {
    display: inline-block;
    position: fixed;
    width: 64px;
    height: 64px;
    margin-left: -32px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #303030;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%, 100% {
        top: 19px;
        height: 26px;
    }
}

.upd-categories-names {
    display: flex;
    flex-wrap: wrap;
}

.card-unisize-height .panel-heading {
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
}

.ddlSpaces {
    margin-left: 23px;
    font-size: 16px;
}

.UserCreateSpaceControl__fieldset input.form-control {
    max-width: 400px;
}

/*  New hosting plan page */
.product-page {
    width: 100%;
    table-layout: fixed;
}
.product-page .table > tbody > tr > td,
.product-page .table > thead > tr > th {
    border: none;
}

.product-page tr td {
    padding-top: 7.5px;
    padding-bottom: 7.5px
}
.product-page table select {
    padding: 5.5px;
    border-color: #ccc;
}

@media (max-width: 767px) {
    .product-page tbody > tr td:first-child,
    .product-page tbody > tr td:last-child,
    .table--grid-hook tr td:first-child,
    .table--grid-hook tr td:last-child {
        width: 100%;
        float: left;
        text-align: left;
        padding-top: 0;
        padding-bottom: 0;
    }

    .product-page tbody > tr td:first-child {
        padding-top: 15px;
    }
    .product-page tbody > tr td:first-child > div {
        width: 75%;
    }
    .table--grid-hook tr td:first-child {
        text-align: left !important;
        padding-bottom: 3px;
    }

    .upd-categories-names {
        width: 100%;
    }
    
}

@media (min-width: 744px) {
    .flex-col {
        -ms-flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        -webkit-box-flex: 1;
        flex: 1 1 50%;
        max-width: 50%
    }
}

@media screen and (min-width: 992px) {
    .product-page tr td:last-child > div,
    .table--grid-hook tr td:last-child > div {
        width: 77%;
    }
}

@media screen and (min-width: 1200px) {
    .product-page tr td:last-child > div,
    .table--grid-hook tr td:last-child > div {
        width: 54.5%;
    }
    .flex-col {
        -ms-flex: 1 1 33.33333%;
        -webkit-flex: 1 1 33.33333%;
        -webkit-box-flex: 1;
        flex: 1 1 33.33333%;
        max-width: 33%
    }  
}

@media screen and (min-width: 1600px) {
    .flex-col {
        -ms-flex: 1 1 25%;
        -webkit-flex: 1 1 25%;
        -webkit-box-flex: 1;
        flex: 1 1 25%;
        max-width: 25%
    }
}

.product-page tr td:last-child > div.table-responsive {
    width: 100%;
}

.product-page tr td:last-child > div.table-responsive .table {
    width: auto;
}

.table-mailboxPlans.table > tbody > tr > td {
    vertical-align: middle;
}

.smart_form-checkbox .checkbox label {
    margin-left: 5px;
}

.table--grid-hook tr td:first-child {
    text-align: right;
    padding-left: 13px;
    padding-right: 13px;
}

.zIndex5 {
    position: relative;
    z-index: 5;
}

.zIndex4 {
    position: relative;
    z-index: 4;
}

.zIndex3 {
    position: relative;
    z-index: 3;
}

.zIndex2 {
    position: relative;
    z-index: 3;
}

.zIndex5 .dropdown-toggle,
.zIndex4 .dropdown-toggle,
.zIndex3 .dropdown-toggle,
.zIndex2 .dropdown-toggle {
    min-width: 85px;
 }

.serverEdit-form-dec .PasswordTextboxesSelector {
    margin-right: 0;
    margin-left: 0;
}

.serverEdit-form-dec .form-control {
    height: 32px;
    padding: 6px 12px;
    box-sizing: border-box;
}

.service_dropdown .dropdown-toggle{
    height: 32px;
}

.mailEditAddress-wrapper .note {
    margin-top: 0;
}


/* DEFAULT THEME UI FIX PACK #1 */

.ip_address-pool {
    position: relative;
    top: 5px;
    padding: 8px;
    margin-top: 6px
}

.old_validator_email-el {
    margin-top: 15px;
}

.fix-searchbox {
    height: 32px;
    position: relative;
    top: 2px;
    margin: 0 0 8px 0 !important
}

.font_style-header {
    font-family: 'Segoe UI','Open Sans',Arial;
    font-size: 26px;
    font-weight: 300;
    line-height: 44px;
    margin: 10px 0
}
/* END OF DEFAULT THEME UI FIX PACK #1 */

/* DEFAULT THEME UI FIX PACK #4 */

.organizations-checkbox input {
    position: relative;
    top: 2px;
    margin: 0 6px 0 0 !important
}

.page-header {
    position: relative;
    margin: 36px 0 !important;
    padding: 0
}

.retentionpolicytag_btn_group-hook button {
    margin: 6px 3px 0 0
}

.updatedashboard_email_textdield-hook {
    margin: 0 0 6px 0
}

.float_right-hook {
    float: right
}

.add_server_btn_group-box {
    display: table;
    width: 100%;
    margin-bottom: 8px
}

.MessageBox {
    display: inline-block;
    width: 100%;
    word-wrap: break-word;
    margin: 10px 0    
}

/* END OF DEFAULT THEME UI FIX PACK #4 */

/* DEFAULT THEME UI FIX PACK #5, #6, #7 */

input[type=checkbox], input[type=radio] {
    margin: 4px 6px 0 0 !important;
}

.hosting_plan_group-hook {
    margin: 0
}

.hosting_plan_group-hook label i {
    margin-top: 6px
}

.resource_group-hook button, .resource_group-hook a {
    margin: 6px 3px 0 0
}

.FormButtonsBarCleanLeft input {
    padding: 7px 12px !important
}

/* END OF DEFAULT THEME UI FIX PACK #5, #6, #7 */

/* DEFAULT THEME UI FIX PACK #9 */

.filter_hook {
    margin-right: 6px
}

.chosen-container-single .chosen-single span {
    top: -8px !important
}

.chosen-select-customer {
    width: 100% !important
}

.divecegrid_action-hook .pull-left a {
    padding: 8px 0;
    margin: 6px 6px 0 0 !important;
}

.devices_downloadagent-link a {
    padding: 8px 0;
    margin: 6px 6px 0 0 !important;
}

.row-seperator-header {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.row-seperator-header button {
    margin: 0 6px 18px 0
}

/* END OF DEFAULT THEME UI FIX PACK #9 */


.UserCreateSpaceControl__fieldset input.form-control {
    max-width: 400px;
}
nav ul span.menu-item-parent {
    margin-left: 10px;
}
nav ul  li  ul span.menu-item-parent {
    margin-left: 0px;
}
.minified nav > ul > li > a > .menu-item-parent {
    left: 45px;
    margin-left: 0px;
}
.minified nav > ul > li > ul {
    left: 45px;
}
.well .col-6-custom label {
    min-width: 127px;
}
.well .col-6-custom label ~ .col-xs-9 {
     width: auto;
     max-width: calc(100% - 127px);
}
.well .col-6-custom {
    width: 100%;
}
.well .col-5-custom {
    width: 100%;
}

.well .col-offset-1-custom {
    margin-left: 20px;
}
@media (min-width: 537px) {
    .well .col-6-custom {
        width: 65%;
    }
    .well .col-5-custom {
        width: 35%;
    }
    .well .col-offset-1-custom {
        margin-left: 0;
    }
    .well .col-6-custom label{
        min-width: 150px;
    }
    .well .col-6-custom label ~ .col-xs-9 {
        width: auto;
        max-width: calc(100% - 150px);
    }
}
@media (min-width: 768px) {
   .well .col-6-custom {
        width: 60%;
        float: left;
    }

    .well .col-5-custom {
        width: 35%;
        float: left;
    }
    .well .col-offset-1-custom {
        margin-left: 5%;
    }
}
@media (min-width: 1024px) {
    .well .col-6-custom {
        width: 50%;
        float: left;
    }
    .well .col-5-custom {
        width: 41.66666667%;
        float: left;
    }
    .well .col-offset-1-custom {
        margin-left: 8.33333333%;
    }
}
.manage-album-panel-custom{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: center;
    flex-direction: row-reverse;
    position: relative;
    flex-wrap: wrap;
}
.manage-image-custom-block {
    max-width: 410px;
    width: 100%;
    min-width: 300px;
}
.manage-album-panel-custom .manage-album-cancel{
    float: none !important;
    margin-left: auto;
    margin-top: 2px;
}
.manage-album-panel-custom .btn-group>.btn:first-child{
    margin-top: 2px;
}
.btn-toolbar-custom .pull-left{
    float: none !important;
}
.btn-toolbar-custom .album-back-button{
    margin-right: 15px;
}
.btn-toolbar-custom{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    position: relative;
}
.btn-toolbar-custom .btn, .btn-toolbar-custom .btn-group, .btn-toolbar-custom .input-group{
    float: none;
}
.btn-toolbar-custom .album-back-button{
    margin-right: 15px !important;
}
.btn-toolbar-custom button{
   margin-left: 5px !important;
   margin-top: 0 !important;
}
.manage-album-panel-custom button{
   margin-left: 5px !important;
   margin-top: 0 !important;
}
.btn-toolbar-custom .chosen-select-user, .btn-toolbar-custom .chosen-container.chosen-container-single, .btn-toolbar-custom .chosen-container.chosen-container-multi, .btn-toolbar-custom .chosen-select-account{
    min-width: 220px;
}
.btn-toolbar-custom .form-control-inline{
    width: 100%;
    max-width: 280px;
}
.manage-album-panel-custom .form-control-inline{
    width: 23%;
    max-width: 240px;
    min-width: 150px;
}
.manage-album-panel-custom > .manage-album-left{
  width: calc(100% - 85px);
}
.btn-toolbar-custom .form-control-inline > div{
    width: 100% !important;
    padding: 0;
}
.manage-album-panel-custom .form-control-inline > div{
    width: 100% !important;
    padding: 0;
}
.manage-album-panel-custom .chosen-select-user, .manage-album-panel-custom .chosen-container.chosen-container-single, .manage-album-panel-custom .chosen-container.chosen-container-multi, .manage-album-panel-custom .chosen-select-account{
    min-width: 175px;
}
.manage-album-panel-custom .manage-album-panel-left-group{
   margin-right: 5px;
}
.custom-drop-text{
    width: 100%;
   top: 35% !important;
   left: 50%;
   transform: translateX(-50%);
   position: absolute;
   display: block;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *{
    margin-top: 0 !important;
}
.custom-drop-text > *{
    margin-top: 0 !important;
}
.custom-drop-text > .font-lg{
    width: 100%;
    display: block;
    text-align: center;
}
.custom-drop-text h4{
    font-weight: 800;
}
.dropzone.dz-clickable{
    position: relative;
}
.dropzone .dz-preview .dz-image{
    width: 170px !important;
    height: 170px !important;
}
.dropzone .dz-preview .dz-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.btn.btn-primary.pull-right.dropzone-done-button ~ br{
    display: none;
}
.btn-toolbar-custom-left-control{
    display: flex;
    align-items: center;
}

.notes-page .custom-filter-column .notes-custom-rows .ActionsPanel{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.notes-page .custom-filter-column .notes-custom-rows .ActionsPanel > * {
    max-width: 280px;
    width: 100%;
}
.notes-page .custom-filter-column .notes-custom-rows .ActionsPanel > *:first-child {
    width: auto;
}
.custom-filter-column .notes-custom-rows .ActionsPanel .chosen-container.chosen-container-multi{
    max-width: 280px;
    width: 100%;
    min-width: 150px;
}
.custom-curtain-wrapper .tags-min-width{
    width: auto !important;
    min-width: auto !important;
}
.control-album-buttons{
    display: flex;
    align-items: center;
    align-content: center;
    width: auto;
    margin-left: auto;
    max-width: 148px;
}
.control-album-buttons .add-album-ok{
   float: none;
   margin-right: 5px;
}
.control-album-buttons .add-album-cancel{
   float: none;
}
.images-albums-update-custom{
    margin-top: 1px !important;
}
h1{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}





@media (max-width: 1296px) {
    .btn-toolbar-custom{
        flex-wrap: wrap;
    }
    .btn-toolbar-custom .form-control-inline{
        width: 20vw;
        max-width: 280px;
    display: none;
    }
    .btn-toolbar-custom .chosen-select-user, .btn-toolbar-custom .chosen-container.chosen-container-single, .btn-toolbar-custom .chosen-container.chosen-container-multi, .btn-toolbar-custom .chosen-select-account{
        min-width: 150px;
    }
    .manage-album-panel-custom .manage-album-panel-left-group > *{
    float: none !important;
}
.manage-album-panel-custom .manage-album-panel-left-group{
    width: 100%;
}
.manage-album-panel-custom .form-control-inline {
    width: calc(33.33% - 10px);
    max-width: 100%;
    /* margin-top: 10px; */
    /*display: none;*/
}
.manage-album-panel-custom .manage-album-available-peers{
    margin-top: 0;
}
.manage-album-panel-custom .manage-album-cancel{
    position: absolute;
    top: 2px;
    right: 0;
    margin-top: 0;
    z-index: 1;
}
.manage-album-panel-custom .manage-album-cancel:active{
  left: inherit;
}
.manage-album-panel-custom > .manage-album-left {
    width: 100%;
}
}
@media (max-width: 1006px) {
    .btn-toolbar-custom .form-control-inline {
        width: 17vw;
    }
    .btn-toolbar.add-album-panel .btn-group.add-album-available-peers.form-control-inline{
        display: none;
    }
}
@media (max-width: 979px) {
    .btn-toolbar-custom .add-image-button{
        margin-top: 0;
    }
    .btn-toolbar-custom .manage-album-button{
        margin-top: 0;
    }
}
@media (max-width: 846px) {
    .btn-toolbar-custom .add-image-button{
        margin-top: 10px;
        margin-top: 0;

    }
    .btn-toolbar-custom .manage-album-button{
        margin-top: 10px;
        margin-top: 0;
    }
    .btn-toolbar-custom .form-control-inline {
        width: 24vw;
    }
    .btn-toolbar-custom{
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .photos-quantity {
        font-size: 10px;
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }
    .notes-page .custom-filter-column .filter-column-clearfix-custom{
        display: none !important;
    }
}
@media (max-width: 662px) {
    .btn-toolbar-custom .form-control-inline {
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }
    .btn-toolbar-custom .form-control-inline > div {
        max-width: 280px;
        margin: auto;
    }
    .photos-count-custom, .albums-count-custom{
        float: none !important;
        text-align: center;
        margin-left: 0 !important;
    }
    .gallery-pagination-container-custom{
        float: none !important;
        margin: auto;
        display: block;
        text-align: center;
    }
    .manage-album-panel-custom .form-control-inline {
        width: 100%;
    }
    .manage-album-panel-custom .manage-album-title{
        width: 100%;
        max-width: 100px;
    }
    .btn-toolbar-custom .btn-toolbar-custom-left-control > * {
        float: none;
    }
    .btn-toolbar-custom .btn-toolbar-custom-left-control{
        width: 100%;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    .btn.btn-primary.pull-right.dropzone-done-button ~ br{
        display: block;
    }
    .btn-toolbar-custom .manage-album-button{
        margin-right: auto;
    }





    .dropzone .dz-preview .dz-remove {
        font-size: 18px;
    }
    .manage-album-panel-custom button {
        margin-bottom: 5px !important;
    }
    .manage-album-panel-custom .manage-album-save button,  .manage-album-panel-custom .manage-album-delete button{
        margin-bottom: 0 !important;
    }
    #blueimp-gallery .description {
        bottom: 175px;
        font-size: 16px;
        line-height: 22px;
    }
    .blueimp-gallery>.title {
        top: unset;
        bottom: 145px;
        font-size: 16px;
        line-height: 22px;
    }
    #blueimp-gallery .imagetitle {
        top: unset;
        bottom: 115px;
        font-size: 16px;
        line-height: 22px;
    }
    #blueimp-gallery .users-tags {
        top: unset;
        bottom: 85px;
        font-size: 16px;
        line-height: 22px;
    }
    #blueimp-gallery .devices-tags {
        top: unset;
        bottom: 55px;
        font-size: 16px;
        line-height: 22px;
    }
    #blueimp-gallery .locations-tags {
        top: unset;
        bottom: 25px;
        font-size: 16px;
        line-height: 22px;
    }
    #blueimp-gallery .download-link {
        right: 50%;
        transform: translateX(50%);
        margin: 20px 0;
    }
    .manage-album-left .images-select-all, .manage-album-left .images-select-none,
    .manage-album-left .images-set-tags, .manage-album-left .images-delete,
    .manage-album-left .images-filtering{
        min-width: calc(50% - 5px);
        padding: 10px 0;
        font-size: 14px;
    }
    .manage-album-left .images-delete, .manage-album-left .images-select-none{
        float: right;
    }
    .images-untagged input[type=checkbox]{
        zoom: 2;
    }
    .images-untagged label{
        display: flex;
        padding-top: 10px;
        padding-left: 15px;
        font-size: 14px;
        align-items: center;
    }
    .manage-album-is-private input[type=checkbox]{
        zoom: 2;
    }
    .images-untagged label{
        display: flex;
        padding-top: 10px;
        font-size: 14px;
        align-items: center;
    }
    .manage-album-save .btn, .manage-album-delete .btn{
        font-size: 14px;
    }
    .manage-album-panel-custom .manage-album-cancel{
        top:0;
        font-size: 14px;
    }
    .album-image-wrapper-block .album-image-wrapper .checkbox-wrapper input{
        top: 50%;
        transform: translateY(-50%);
        left: -25px;
        margin: 0;
        zoom: 2;
    }
    .images-select-main{
        /*position: absolute;
        top: 175px;
        right: 0px;*/
    }
    .images-albums-update-custom{
        font-size: 14px;
    }
    .manage-image-custom-block{
        min-width: unset;
        max-width: unset;
        margin-right: 5px;
    }
    .manage-image-description{
        float: none;
        margin-right: -5px;
    }
    .manage-image-title{
        width: 100%;
    }
    .manage-image-save .btn{
        margin-top: 5px !important;
        margin-left: 0 !important;
    }
}
@media (max-width: 455px) {
    .btn-toolbar.add-album-panel{
        display: flex;
        flex-wrap: wrap;
    }
    .control-album-buttons {
        margin-right: auto;
        margin-top: 5px;
    }
    .notes-page .table.table-striped.table-bordered.table-hover.dataTable tr th:nth-child(3){
        display: none;
    }
    .notes-page .table.table-striped.table-bordered.table-hover.dataTable tr th:nth-child(4){
        display: none;
    }
    .notes-page .table.table-striped.table-bordered.table-hover.dataTable tr th:nth-child(5){
        display: none;
    }
    .notes-page .table.table-striped.table-bordered.table-hover.dataTable tr td:nth-child(3){
        display: none;
    }
    .notes-page .table.table-striped.table-bordered.table-hover.dataTable tr td:nth-child(4){
        display: none;
    }
    .notes-page .table.table-striped.table-bordered.table-hover.dataTable tr td:nth-child(5){
        display: none;
    }
}
@media (max-width: 369px) {
    .notes-page .custom-filter-column .filter-column.pull-left{
        margin-bottom: 5px;
    }
}




.album-title-block span.label{
    font-size: 14px;
}
.album-name, .folder-name, .photos-quantity{
    color: #686868b5;
}
.ui-chosen-selectAllBtnContainer , .ui-chosen-selectNoneBtnContainer{
    max-width: 50px !important;
}
.chosen-container .search-field{
    width: 100% !important;
}
#ExchangeContainer .smart-form .row{
    margin: 0;
}
.chosen-container .search-field{
    width: 100% !important;
}
.chosen-container .search-field input{
    width: 100% !important;
}
.chosen-container-multi .chosen-choices{
    min-height: 34px !important;
}
#album-images, #all-images, #folder-images {
    overflow-y: auto !important;
}
.chosen-select-user, .chosen-container.chosen-container-single, 
.chosen-container.chosen-container-multi, .chosen-select-account{
    min-height: 40px !important;
    height: auto !important;
}
#ctl19_ctl02_ctl00_peerWithAccess_tagSelectorUpdatePanel{
    width: 100% !important;
}
#ctl19_ctl02_ctl00_peerAccessMainBlock .smart-form .row{
    margin: 0;
}
.form-horizontal .form-group .smart-form #ctl19_ctl02_ctl00_ctl02_authorizerPeer_tagSelectorUpdatePanel{
    width: 100% !important;
}
#ctl19_ctl02_ctl00_peerAccessMain_tagSelectorUpdatePanel{
    width: 100% !important;
}
.chosen-drop .ui-chosen-spcialbuttons-foot{
    padding-top: 10px;
}

@media (max-width: 662px) {

    .dropzone .dz-preview .dz-remove {
        font-size: 18px;
    }
    .manage-album-panel-custom button {
        margin-bottom: 5px !important;
    }
    .manage-album-panel-custom .manage-album-save button,  .manage-album-panel-custom .manage-album-delete button{
        margin-bottom: 0 !important;
    }
    #blueimp-gallery .description {
        bottom: 175px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .blueimp-gallery>.title {
        top: unset !important;
        bottom: 145px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    #blueimp-gallery .imagetitle {
        top: unset !important;
        bottom: 115px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    #blueimp-gallery .users-tags {
        top: unset !important;
        bottom: 85px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    #blueimp-gallery .devices-tags {
        top: unset !important;
        bottom: 55px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    #blueimp-gallery .locations-tags {
        top: unset !important;
        bottom: 25px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    #blueimp-gallery .download-link {
        right: 50% !important;
        transform: translateX(50%) !important;
        margin: 20px 0 !important;
    }
    .manage-album-left .images-select-all, .manage-album-left .images-select-none,
    .manage-album-left .images-set-tags, .manage-album-left .images-delete,
    .manage-album-left .images-filtering{
        min-width: calc(50% - 5px) !important;
        padding: 10px 0 !important;
        font-size: 14px !important;
    }
    .manage-album-left .images-delete, .manage-album-left .images-select-none{
        float: right !important;
    }
    .images-untagged input[type=checkbox]{
        zoom: 2;
    }
    .manage-album-is-private input[type=checkbox]{
        zoom: 2;
    }
    .images-untagged label, .manage-album-is-private label{
        display: flex;
        padding-left: 15px;
        padding-top: 10px;
        font-size: 14px;
        line-height: 15px;
        align-items: center;
    }
    .manage-album-save .btn, .manage-album-delete .btn{
        font-size: 14px !important;
    }
    .manage-album-panel-custom .manage-album-cancel{
        top:0 !important;
        font-size: 14px !important;
    }
    .album-image-wrapper-block .album-image-wrapper .checkbox-wrapper input{
        top: 50% !important;
        transform: translateY(-50%)!important;
        left: -25px!important;
        margin: 0!important;
        zoom: 2!important;
    }
    .images-select-main{
        /*position: absolute;
        top: 175px;
        right: 0px;*/
    }
    .images-albums-update-custom{
        font-size: 14px;
    }
    .manage-image-custom-block{
        min-width: unset;
        max-width: unset;
        margin-right: 5px;
    }
    .manage-image-description{
        float: none !important;
        margin-right: -5px;
    }
    .manage-image-title{
        width: 100%;
    }
    .manage-image-save .btn{
        margin-top: 5px !important;
        margin-left: 0 !important;
    }
}
.fixed-header #main{
    min-height: calc(100vh - 49px) !important;
}
 .mspc-data-table-modal-box{
    margin-top:40px !important;
 }
 .modal{
     margin-top:40px !important;
 }
.AsyncImageIcon{
    left:  unset !important;
    top: 15px !important;
    right: calc(50% - 40px) !important;
}
.dropdown button>span:first-child{
    padding-bottom: 1px !important;
}
#ctl19_ctl02_ctl00_ctl02_authorizerPeer_tagSelectorUpdatePanel{
    width: 100%;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
    .search-mobile .header-search {
        left: -10px;
    }
    .manage-album-save, .manage-album-delete{
        margin-left: -3px !important;
    }
  
    #Notification {
        width: 30px !important;
        margin-right: 0px !important;
    }
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
.notes-page .custom-filter-column .notes-custom-rows .ActionsPanel > *{
    max-width: 192px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button, .select2-container--default .select2-search--dropdown .select2-search__field::-webkit-search-decoration{
    -webkit-appearance: searchfield-cancel-button !important;
    position: relative;
    right: 25px;
}


@media only screen and (max-width: 690px) and (min-width: 0){
    #ribbon {
        height: auto;
    }
}

@media (max-width: 662px){
    .album-image-wrapper-block .album-image-wrapper .checkbox-wrapper input {
        left: -15px!important;
    }
}
.btn-upload-mspc{
    display:block;
    margin-top:5px;
}

.error-message-red {
    color: red !important
}

.div-small-info-message {
    color: #888;
    font-size: 12px;
}