/* Status message */
.msimportexport-status-msg {
    /*
     background-color: #69636c;
     background-color: #739a95;
     background-color: #82a881;
     */
    background-color: #636976;
    color: #fff;
    opacity: .9;
}

.msimportexport-status-msg.warning {
    background-color: #e0763f;
}

.msimportexport-status-msg.error {
    background-color: #d35363;
}

.msimportexport-status-msg h3 {
    color: #fff;
}

/* Btn */
.x-btn.x-btn-small button.x-btn-small {
    font-size: 12px;
    padding: 0px !important;
}

/* combo */

.msimportexport-combo,
.msimportexport-field {
    overflow: hidden;
}

.x-field-combo-btns {
    width: 66px;
}

.x-field-combo-btns,
.x-trigger-noedit .x-field-combo-btns {
    display: inline-block !important;
    border-bottom: none !important;
}

.x-field-combo-btns .x-form-trigger {
    border-left: 1px solid #e4e4e4 !important;
}

.x-field-combo-btns .x-form-trigger:hover {
    border-left-color: transparent !important;
}

.x-field-combo-btns .x-form-trigger:hover.trigger-disable {
    cursor: default !important;
    box-shadow: none !important;
    border-left: 1px solid #e4e4e4 !important;
    background-color: transparent !important;
    color: #555555;
}

.x-field-combo-btns .x-form-trigger.trigger-disable:before,
.x-field-combo-btns .x-form-trigger:hover.trigger-disable:before {
    opacity: 0.3 !important;
}

.x-field-combo-btns .x-form-trigger:nth-child(1) {
    right: 31px !important;
    border-radius: 0 !important;
}

.x-field-combo-btns.one .x-form-trigger:nth-child(1) {
    right: 0 !important;
    border-radius: 0 3px 3px 0 !important;
}

.x-field-combo-btns.three {
    width: 95px;
}

.x-field-combo-btns.three .x-form-trigger:nth-child(1) {
    right: 62px !important;
}

.x-field-combo-btns.three .x-form-trigger:nth-child(2) {
    right: 31px !important;
}

.x-field-combo-btns.four {
    width: 126px;
}

.x-field-combo-btns.four .x-form-trigger:nth-child(1) {
    right: 93px !important;
}

.x-field-combo-btns.four .x-form-trigger:nth-child(2) {
    right: 62px !important;
}

.x-field-combo-btns.four .x-form-trigger:nth-child(3) {
    right: 31px !important;
}


.x-field-combo-btn-search:before {
    content: '\f002' !important;
}

.x-field-combo-btn-clear:before {
    content: '\f00d' !important;
}

.x-field-combo-btn-settings:before {
    content: '\f013' !important;
}

.x-field-combo-btn-list:before {
    content: '\f03a' !important;
}

.x-field-combo-btn-plus:before {
    content: '\f067' !important;
}

.x-field-combo-btn-upload:before {
    content: '\f093' !important;
}

.x-field-combo-btn-view:before {
    content: '\f06e' !important;
}

.x-field-combo-btn-home:before {
    content: '\f015' !important;
}

.x-field-combo-btn-info:before {
    content: '\f129' !important;
}

.x-field-combo-btn-book:before {
    content: '\f02d' !important;
}

.x-field-combo-btn-refresh:before {
    content: '\f021' !important;
}

.x-field-combo-btn-clock:before {
    content: '\f017' !important;
}

.x-field-combo-btn-copy:before {
    content: '\f0ea' !important;
}

.x-field-combo-btn-remove:before {
    content: '\f1f8' !important;
}


/* Grid actions and menu */
ul.msimportexport-row-actions {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.msimportexport-row-actions li {
    float: left;
}

ul.msimportexport-row-actions .btn {
    padding: 2px;
    margin-right: 2px;
    min-width: 26px;
}

ul.msimportexport-row-actions .btn.actions-menu {
    width: 40px;
}

ul.msimportexport-row-actions .btn.actions-menu:after {
    content: " \f107";
}

a.x-menu-item .x-menu-item-text * {
    cursor: pointer;
}

a.x-menu-item .x-menu-item-text .icon {
    line-height: 16px;
    top: auto;
}

.x-menu-list .icon {
    min-width: 1em;
    text-align: center;
}

.ext-strict .x-menu-item-icon {
    top: 5px;
}

.x-menu-list-item:hover .icon {
    color: inherit !important;
}

.x-menu-list .icon {
    min-width: 1em;
    text-align: center;
}

.x-tab-strip li {
    list-style: none;
}

.x-grid3-col-actions {
    padding: 5px 0 0 5px !important;
}

.red,
.x-grid3 .red,
.x-grid3-col-actions .action-red, .x-menu .action-red {
    color: darkred !important;
}

.green,
.x-grid3 .green,
.x-grid3-col-actions .action-green, .x-menu .action-green {
    color: #587246 !important;
}

.blue,
.x-grid3 .blue,
.x-grid3-col-actions .action-blue, .x-menu .action-blue {
    color: #649A9E !important;
}

.yellow,
.x-grid3 .yellow
.x-grid3-col-actions .action-yellow, .x-menu .action-yellow {
    color: goldenrod !important;
}

.light-blue,
.x-grid3 .light-blue,
.x-grid3-col-actions .action-light-blue, .x-menu .action-light-blue {
    color: #6C92AF !important;
}

.violet,
.x-grid3 .violet,
.x-grid3-col-actions .action-violet, .x-menu .action-violet {
    color: #837DA2 !important;
}

.x-grid3-col-actions .action-orange, .x-menu .action-orange {
    color: #fa6c2c !important;
}

.gray,
.x-grid3 .gray,
.x-grid3-col-actions .action-gray, .x-menu .action-gray {
    color: dimgray !important;
}


.msimportexport-cogs img {
    _display: none;
}

.msimportexport-cogs {
    padding: 3px 20px 3px 6px !important;
}

.msimportexport-cogs i.icon {
    padding-right: 3px;
    width: 15px;
}


.msimportexport-link {
    color: #00ABE7;
    text-decoration: underline;
    cursor: pointer;
}


/*Settings tabs*/

.msimportexport-settings-tabs .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip > .x-tab-strip-active {
    /* box-shadow: 0 -3px 0 #aaa, -1px 0 0 transparent;*/
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.msimportexport-window-preset-settings .x-tab-panel-bwrap {
    box-shadow: none;
    border: 1px solid #f0f0f0;
}

.msimportexport-window-preset-settings .x-tab-strip li.x-tab-strip-active:after {
    box-shadow: none;
}

.msimportexport-settings-tabs .x-tab-panel-bwrap {
    border: 1px solid #f0f0f0;
    margin-top: -1px;
}

.msimportexport-settings-tab-options {
    margin-top: 0;
    padding: 5px 2px;
    overflow: hidden;
}

.msimportexport-settings-tab-options .x-tab-panel {
    padding-top: 0;
    margin-bottom: 0;
}

.msimportexport-settings-tab-options .x-tab-panel-header {
    padding: 0 10px;
}

.msimportexport-settings-tab-options .x-tab-panel .x-tab-strip-wrap .x-tab-strip {
    background-color: transparent !important;
}

.msimportexport-settings-tab-options .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip > .x-tab-strip-active {
    box-shadow: 0 -3px 0 #aaa, -1px 0 0 transparent;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.msimportexport-settings-tab-options .x-tab-strip li.x-tab-strip-active:before {
    top: 100%;
}

.msimportexport-settings-tab-options .x-tab-strip li {
    color: #111;
}

.msimportexport-settings-tab-options .x-tab-strip .x-tab-strip-text {
    line-height: 2;
    font-size: 90%;
}

.msimportexport-settings-tab-options .x-tab-panel-bwrap {
    border: 1px solid #f0f0f0;
    margin-top: -1px;
}

.msimportexport-settings-tab-options .x-tab-panel-footer {
    padding: 15px 15px 10px 15px;
}


.msimportexport-settings-tab-options .x-tab-panel-bwrap {
    box-shadow: none;
    border: 1px solid #f0f0f0;
}


.msimportexport-settings-tab-options .x-tab-panel .x-tab-strip-wrap .x-tab-strip {
    background-color: transparent !important;
}

.msimportexport-settings-tab-options .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip > .x-tab-strip-active {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.msimportexport-settings-tab-options .x-tab-strip li.x-tab-strip-active:before {
    top: 100%;
}

.msimportexport-settings-tab-options .x-tab-strip li.x-tab-strip-active:after {
    box-shadow: none;
}

.msimportexport-settings-tab-options .x-tab-panel-bwrap {
    border: 1px solid #f0f0f0;
    margin-top: -1px;
}

.msimportexport-panel-field:hover {
    cursor: move;
}

.msimportexport-panel-field .x-form-check-wrap {
    margin-top: 20px;
}

.msimportexport-panel-field .btn-remove {
    margin-top: 36px;
    padding: 6px 15px 7px 15px;
}

/*Cron*/

#msimportexport-grid-cron {
    padding-top: 0;
}

#msimportexport-panel-cron-filter {
    padding-bottom: 0;
}


/*System requirement */

.msimportexport-system-requirement-dashboard {

}

.msimportexport-system-requirement-dashboard-item {
    padding: 5px 10px;
}

.msimportexport-system-requirement-dashboard-item:nth-child(2n) {
    background-color: #f8f8f8;
}


.msimportexport-system-requirement-dashboard-item label {
    display: inline-block;
    min-width: 350px;
    margin-right: 10px;
}

.msimportexport-system-requirement-dashboard-item.status-ok span {
    color: #8AC926;
}

.msimportexport-system-requirement-dashboard-item.status-error span {
    color: #FF595E;
}

.msimportexport-system-requirement-dashboard-item.status-error.level-2 span {
    color: #FFCA3A;
}

/*Task pid*/

.msimportexport-task-pid-dashboard {

}

.msimportexport-task-pid-dashboard-item,
.msimportexport-watcher-pid-dashboard-item {
    padding: 5px 10px;
    word-spacing: 6px;
}

.msimportexport-task-pid-dashboard-item:nth-child(2n),
.msimportexport-watcher-pid-dashboard-item:nth-child(2n) {
    background-color: #f8f8f8;
}

/*Task dashboard*/
.msimportexport-task-report-dashboard {
    margin-left: 0;
    margin-right: 0;
}

.msimportexport-task-report-dashboard label {
    position: relative;
    display: inline-block;
    font-weight: 600;
    min-width: 150px;
    padding-left: 10px;
    margin-right: 10px;
}

.msimportexport-task-report-dashboard label:after {
    display: inline-block;
    content: ':';
}

.msimportexport-task-report-dashboard-item {
    padding: 4px 0;
}

.msimportexport-task-report-dashboard-item:nth-child(2n) {
    background-color: #f8f8f8;
}

/* Tbar */

.msimportexport-tbar-fixed .container {
    margin-top: 45px;
}

.msimportexport-tbar-fixed .tbar-tbar,
.msimportexport-tbar-fixed .modx-formpanel-tbar {
    position: fixed;
    top: 55px;
    width: auto !important;
    z-index: 11;
}

.msimportexport-tbar-fixed .tbar-tbar .x-toolbar,
.msimportexport-tbar-fixed .modx-formpanel-tbar .x-toolbar {
    background: transparent;
    border: 0;
    padding-right: 15px;
}


.msimportexport-tbar-fixed .tbar-tbar .x-toolbar .x-toolbar-right,
.msimportexport-tbar-fixed .modx-formpanel-tbar .x-toolbar-right {
    background: rgba(230, 230, 230, 0.7);
    padding: 10px 5px 7px 0;
}

/* Task */
.msimportexport-grid-task {
    padding-top: 0;
}


/*Timer*/

.msimportexport-timer {
    position: relative;
    height: 6px;
    /*overflow: hidden;*/
    background-color: #F7F7F7;
    background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    cursor: pointer;
    z-index: 1;
}

.timer-disable .msimportexport-timer {
    cursor: default;
    opacity: .5;
}

.msimportexport-timer-progress {
    width: 0px;
    height: 6px;
    opacity: 0;
    text-align: center;
    color: rgba(255, 255, 255, 100);
    background-image: linear-gradient(135deg, #FF595E, #FFCA3A, #8AC926);
    border-radius: 4px 4px 4px 4px;
    transition: opacity 1.8s ease-in-out;
}

.msimportexport-timer-progress.smooth {
    transition: width 1s linear, opacity 1.8s ease-in-out;
}

.msimportexport-timer-progress.blue {
    background-image: linear-gradient(135deg, #56D2FF, #00ABE7, #0081AF);
}

.msimportexport-timer-progress.purple {
    background-image: linear-gradient(135deg, #EDA2A7, #C07BA7, #a4608b);
}

.msimportexport-timer-progress.orange {
    background-image: linear-gradient(135deg, #FF902C, #FF862A, #FF3B00);
}


.msimportexport-timer-progress.active {
    opacity: 1;
}

.msimportexport-timer-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    opacity: 0;
    transform: scale(0, 0);
}

.msimportexport-timer-btn:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: '\f04c';
    color: rgba(42, 51, 56, 0.7);
    font-size: 18px;
    line-height: 40px;
}

.timer-play .msimportexport-timer-btn:before {
    content: '\f04b';
}

.timer-play .msimportexport-timer-btn,
.timer-pause .msimportexport-timer-btn {
    animation-name: timer-btn-effect;
    animation-duration: .6s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}


.msimportexport-widget .x-panel-bbar,
.msimportexport-widget .x-panel-tbar.x-panel-tbar-noheader,
.msimportexport-widget .x-toolbar.x-small-editor.x-toolbar-layout-ct {
    width: auto !important;
}

.msimportexport-widget--md .body {
    max-height: 40vh;
}

.msimportexport-widget--lg .body {
    max-height: 60vh;
}

.msimportexport-widget--xl .body {
    max-height: 80vh;
}

.msimportexport-widget--full .body {
    max-height: 100vh;
}

@keyframes timer-btn-effect {
    0% {
        opacity: 0;
        transform: scale(1, 1);
    }
    20% {
        opacity: .3;
        transform: scale(1.1, 1.1);
    }
    40% {
        opacity: .5;
        transform: scale(1.2, 1.2);
    }
    60% {
        opacity: .3;
        transform: scale(1.3, 1.3);
    }
    80% {
        opacity: .1;
        transform: scale(1.4, 1.4);
    }
    100% {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }
}