/*jcxtabs-light.min*/
@import url('../../css/nc-lib.css');

.jcxtab-panel {
    padding: 0;
    margin: 0;
    background-color: #fff
}

.jcxtab-entry {
    margin: 0 5px
}

.jcxtab-entry-rtl {
    margin-top: 0;
    margin-right: 5px
}

.jcx-tabs .jcx-tabs-nav {
    margin: 0;
    /*padding: 0;*/
    padding-top: 5px;
    padding-bottom: 5px
}

.jcx-tabs .jcx-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none
}

.jcx-tabs .jcx-tabs-panel {
    display: none
}

.jcx-tabs .jcx-tabs-accordion-title {
    display: none
}

.jcx-tabs .jcx-tabs-panel.jcx-tabs-state-active {
    display: block
}

.jcx-tabs {
    position: relative
}

.jcx-tabs .jcx-tabs-nav .jcx-tabs-tab {
    position: relative
}

.jcx-tabs .jcx-tabs-nav .jcx-tabs-anchor {
    display: inline-block;
    padding: 7px 12px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    color: #5AB1D0;
}

.jcx-tabs .jcx-tabs-nav .jcx-tabs-state-disabled {
    opacity: .5
}

    .jcx-tabs .jcx-tabs-nav .jcx-tabs-state-active .jcx-tabs-anchor {
        /*color: #626271;*/
        color: #0074a2;
        text-shadow: none;
        background-color: white;
        /*border-bottom: none;
    border-top: 4px solid #5AB1D0 !important;
    border-bottom: 0 #fff solid !important*/
        border-top: none;
        border-bottom: 4px solid #5AB1D0 !important;
        border-top: 0 #fff solid !important
    }

.jcx-tabs .jcx-tabs-panel {
    background-color: white
}

.jcx-tabs .jcx-tabs-accordion-title .jcx-tabs-anchor {
    display: block;
    padding: 8px;
    margin-bottom: 2px;
    color: #5AB1D0;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
    background-color: #f3f6fb
}

    .jcx-tabs .jcx-tabs-accordion-title.jcx-tabs-state-active .jcx-tabs-anchor {
        background-color: #fff;
        color: #626271;
        text-shadow: none;
        /*border-bottom: 1px solid #5AB1D0 !important;
    border-top: 4px solid #5AB1D0 !important*/
        border-top: 1px solid #5AB1D0 !important;
        border-bottom: 4px solid #5AB1D0 !important
    }

.jcx-tabs .jcx-tabs-accordion-title.jcx-tabs-state-disabled {
    opacity: .5
}

@media only screen and (max-width:768px) {
    .jcx-tabs .jcx-tabs-nav {
        display: none
    }

    .jcx-tabs .jcx-tabs-accordion-title {
        display: block
    }
}


/*nc-list===============================================*/
.nc-list-container {
    position: relative;
    box-sizing: border-box;
    width: auto;
    /*added*/
    /*border: solid 1px #8c8e96;*/
    height: 100%;
    display: table;
    overflow: hidden;
}

    .nc-list-container * {
        box-sizing: border-box;
    }

    .nc-list-container:after {
        /*clear: both;*/
        display: block;
        content: "";
    }

.nc-list-rtl {
    direction: rtl;
}

.nc-list-hide {
    display: none;
}

.nc-list-selected {
    background-color: #eeeef3 !important;
    /*border:solid 1px #ff6a00 !important;*/
}

.nc-list-text-done {
    text-decoration: line-through;
    color: grey;
}

.nc-list-board { /*display:inline-block;*/
    position: relative;
    /*float: left;*/
    /*background: #e2e4e6;*/
    /*transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);*/
    /*added*/
    display: block;
    float: right;
    
    /*border: solid 1px #8c8e96;*/
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;*/
}

.nc-list-template-item {
    font: 14px arial, verdana;
}

    .nc-list-template-item .nc-list-template-header {
        display: inline-block;
        border-bottom: solid 2px #f68330;
        color: #f68330;
    }

    .nc-list-template-item .nc-list-template-footer {
        display: inline-block;
        border-bottom: solid 2px #f68330;
        color: #f68330;
    }

    .nc-list-template-item span {
        color: #000
    }

    .nc-list-template-item input, .nc-list-template-item textarea {
        font-size: 14px;
    }

main.nc-list-content {
    width: 100%;
    /*margin-left:4px;*/
    height: 600px;
    overflow-x: auto;
}


.nc-list-board.show-board {
    /*display:inline-block;*/
    display: block;
}

.nc-list-board.hide-board {
    display: none;
}

.nc-list-board.disabled-board {
    opacity: 0.3;
}

.nc-list-board.is-moving.gu-mirror {
    transform: rotate(3deg);
}

    .nc-list-board.is-moving.gu-mirror .nc-list-drag {
        overflow: hidden;
        /*padding-right: 50px;*/
    }

.nc-list-board header {
    /*direction: rtl;*/
    font-size: 16px;
    /*padding: 15px;*/
    /*added*/
    padding: 5px;
    /*background-color: #d9d9dc;
    color: #20a1b5;*/
    background-color: #0074a2;
    color: #f7f7f7;

    /*border-top: solid 1px #8c8e96;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .nc-list-board header i {
        color: #f7f7f7;
        /*color: #20a1b5;*/
    }


    .nc-list-board header .nc-list-title-board {
        /*font-weight: 700;*/
        margin: 0;
        padding: 0;
        display: inline;
        /*added*/
    }

    .nc-list-board header .nc-list-title-button {
        /*float: right;*/
        /*added*/
        float: left;
    }

.nc-list-title-button {
    border: none;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    /*color: #20a1b5;*/
    color: #f7f7f7;
}

.nc-list-board .nc-list-drag {
    /*min-height: 200px;*/
    /*padding: 20px;*/
    /*added*/
    padding: 2px;
}

.nc-list-board:after {
    /*clear: both;*/
    display: block;
    content: "";
}

.nc-list-item {
    /*direction: rtl;*/
    background: #fff;
    padding: 2px;
    /*padding: 15px;
  margin-bottom: 20px;*/
    /*transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);*/
    /*panel-item*/
    margin-bottom: 5px;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75); /*style the text*/
}

/*panel-item begin*/

.nc-list-item-header {
    background-color: #697580;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

    .nc-list-item-header > h3 {
        margin-right: 10px
    }

.nc-list-item-title {
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    color: #20a1b5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

/*panel-item end*/

.nc-list-item:hover {
    cursor: move;
    background-color: #eeeef3 !important;
}

.nc-list-item:last-child {
    margin: 0;
}

.nc-list-item.is-moving.gu-mirror {
    transform: rotate(3deg);
    height: auto !important;
}