a,
a:hover,
a:active {
    text-decoration: none!important
}

.jb-parent div,
.jb-parent span,
.jb-parent p,
.jb-parent td,
.jb-parent th,
.jb-parent input,
.jb-parent select,
.jb-parent textarea {
    color: #4d4d4d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 12px
}

.jb-parent iframe,
.jb-parent svg {
    max-width: none
}

.jb-parent textarea:hover,
.jb-parent textarea:active,
.jb-parent textarea:focus,
.jb-parent input:hover,
.jb-parent input:active,
.jb-parent input:focus,
.jb-parent button:hover,
.jb-parent button:active,
.jb-parent button:focus,
.jb-parent select:hover,
.jb-parent select:active,
.jb-parent select:focus{
    outline: none !important;
}

.jb-parent textarea:hover,
.jb-parent textarea:active,
.jb-parent textarea:focus{
    -webkit-appearance:none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.jb-parent .jb-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.jb-parent .fa {
    font-family: FontAwesome!important;
    vertical-align: middle;
}

.jb-rtl .jb-right,
.jb-ltr .jb-left,
html[dir="rtl"] .jb-right,
html[dir="ltr"] .jb-left {
    float: right
}

.jb-rtl .jb-left,
.jb-ltr .jb-right,
html[dir="rtl"] .jb-left,
html[dir="ltr"] .jb-right {
    float: left
}

.jb-clear {
    display: block;
    clear: both;
    float: none
}

.jb-table {
    margin: 25px 0;
    width: 100%
}

.jb-table tr:nth-child(odd) td{
    background: #f7f7f7;
}

.jb-table tr th,
.jb-table tr td {
    padding: 5px 0;
    text-align: center
}

.jb-table tr th {
    padding: 0 5px;
    white-space: nowrap;
}

.jb-table tr th,
.jb-table tr:last-child td {
    border-bottom: 1px solid #aaa
}

.jb-table tr:hover td {
    background: #e7ffeb
}

.jb-table tr th,
.jb-table tr td {
    color: #666
}

.jb-table tr.od {
    background: #f9f9f9
}

.jb-table tr.ev {
    background: #fff
}

.jb-table tr td {
    border-bottom: 1px solid #ddd;
    font-size: 12px
}

.jb-table tr th {
    font-size: 12px;
    font-weight: 700;
    color: #666;
    padding: 10px 5px
}

.jb-table tr th.sort-both {
    background-image: url(../images/sort_both.png)
}

.jb-table tr th.sort-asc {
    background-image: url(../images/sort_asc.png)
}

.jb-table tr th.sort-desc {
    background-image: url(../images/sort_desc.png)
}

.jb-table tr th.sort-both,
.jb-table tr th.sort-asc,
.jb-table tr th.sort-desc {
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 10px 15px;
}

.jb-rtl .jb-table tr th.sort-both,
.jb-rtl .jb-table tr th.sort-asc,
.jb-rtl .jb-table tr th.sort-desc {
    background-position: left -2px center;
}

.jb-ltr .jb-table tr th.sort-both,
.jb-ltr .jb-table tr th.sort-asc,
.jb-ltr .jb-table tr th.sort-desc {
    background-position: right -2px center;
}

.jb-font-en {
    direction: ltr
}

.jb-dir-ltr{
    direction: ltr;
}

.jb-input {
    width: 230px!important;
    height: 30px!important;
    padding: 5px 10px!important;
    border: 1px solid #ccc!important;
    margin: 0!important;
    border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    box-shadow: unset !important;
}

.jb-input:hover,
.jb-input:active,
.jb-input:focus {
    box-shadow: none!important
}

.jb-label {
    font-size: 12px;
    display: inline-block!important;
    color: #666;
    margin: 0;    box-shadow: unset !important;
}

.jb-select {
    width: 180px;
    height: 30px;
    padding: 0 8px;
    border: 1px solid #ccc;
    margin: 0;
    line-height: 33px;

    border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

.jb-select-multiple {
    border: 1px solid #ccc;
    border-radius: 0!important;
    font-size: 12px;
    color: #666;
    margin: 0;
    height: 84px!important;
    width: 150px
}

button.jb-ni-button{
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    background: #10a4c5;
    color: #fff;
    border: 0 !important;
    cursor: pointer;
    min-width: 95px;

    border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

button.jb-ni-button:hover{
    background: #1a9fbd;
}

.jb-rtl button.jb-ni-button{
    margin-right: 5px;
}

.jb-ltr button.jb-ni-button{
    margin-left: 5px;
}

button.jb-ni-button[is-mini="1"]{
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
}

button.jb-ni-button[type="2"]{
    background: #ee2525;
}

.jb-textarea {
    width: 380px;
    height: 80px;
    padding: 5px;
    border: 1px solid #ccc;
    max-width: 100%;
    border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: unset;
    -o-box-shadow: unset;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset
}

.jb-msg {
    display: inline-block;
    color: #666;
    font-size: 12px
}

.jb-ac-button {
    cursor: pointer;
    border: 1px solid rgba(227, 227, 227, 1);
    height: 30px;
    padding: 0 7px;
    font-size: 12px;
    color: #666;
    background: -moz-linear-gradient(270deg, rgba(237, 237, 237, 1) 50%, rgba(227, 227, 227, 1) 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(237, 237, 237, 1)), color-stop(50%, rgba(227, 227, 227, 1)));
    background: -webkit-linear-gradient(270deg, rgba(237, 237, 237, 1) 50%, rgba(227, 227, 227, 1) 50%);
    background: -o-linear-gradient(270deg, rgba(237, 237, 237, 1) 50%, rgba(227, 227, 227, 1) 50%);
    background: -ms-linear-gradient(270deg, rgba(237, 237, 237, 1) 50%, rgba(227, 227, 227, 1) 50%);
    background: linear-gradient(180deg, rgba(237, 237, 237, 1) 50%, rgba(227, 227, 227, 1) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#e3e3e3', GradientType=0)
}

.jb-calendar {
    display: inline-block;
    position: relative;
    width: 180px!important
}

.jb-calendar button {
    border: 1px solid #ccc;
    background: #F5F5F5;
    margin: 0;
    height: 33px;
    border-radius: 0;
    color: #666;
    padding: 0;
    width: 40px;
    position: absolute;
    top: 0
}

.jb-rtl .jb-calendar button {
    left: 0;
    right: auto
}

.jb-ltr .jb-calendar button {
    right: 0;
    left: auto
}

.jb-calendar button:hover,
.jb-calendar button:active,
.jb-calendar button:focus {
    background: #eee!important;
    color: #666!important;
    border: 1px solid #ccc!important;
    box-shadow: none!important
}

.jb-rtl .jb-calendar button {
    margin-right: -3px
}

.jb-calendar input {
    text-align: center;
    width: 100%!important
}

.jb-rtl .jb-calendar input {
    padding-left: 40px!important
}

.jb-ltr .jb-calendar input {
    padding-right: 40px!important
}

.jb-hide {
    display: none
}

.jb-status{
    color: #fff!important;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    border: 0;
    min-width: 90px;
    padding: 0 5px;
    white-space: nowrap
}

.jb-2d-button {
    border: none;
    cursor: pointer;
    position: relative;
    background: #08a4d6;
    border-radius: 3px;
    padding: 0 6px;
    display: inline-block;
    border: 1px solid #08a4d6;
    overflow: hidden
}

.jb-rtl .jb-2d-button {
    padding-right: 28px;
    padding-left: 0;
}
.jb-ltr .jb-2d-button {
    padding-right: 0px;
    padding-left: 28px;
}
.jb-2d-button .jb-2d-button-img,
.jb-2d-button .jb-2d-button-txt {
    height: 24px;
    color: #fff;
    white-space: nowrap;
}

.jb-2d-button .jb-2d-button-txt {
    padding: 0 6px;
    line-height: 24px;
}

.jb-2d-button .jb-2d-button-img {
    width: 28px;
    height: 31px;
    background: #fff;
    padding: 0 2px;
    position: absolute;
    top: 0;
    margin: 0!important;
    text-align: center
}

.jb-rtl .jb-2d-button .jb-2d-button-img {
    right: 0
}

.jb-ltr .jb-2d-button .jb-2d-button-img {
    left: 0
}

.jb-2d-button .jb-2d-button-img img {
    width: 18px;
    height: auto
}

.jb-2d-button .jb-2d-button-img i {
    font-size: 13px;
    width: 15px;
    padding: 0 4px;
    color: #08a4d6;
    line-height: 24px
}

.jb-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 38px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 0 1px 1px #888;
    cursor: pointer;
}

.jb-btn span.jb-btn-icon,
.jb-btn span.jb-btn-title {
    display: block;
    position: relative;
    line-height: 35px;
    padding: 0 30px;
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.jb-btn span.jb-btn-left {
    float: left;
    border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px
}

.jb-btn span.jb-btn-right {
    float: right;
    border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    color: #fff;
    padding: 0 30px
}

.jb-btn span.jb-btn-icon {
    font-size: 23px;
    background-color: #00967f;
    -webkit-box-shadow: 0 3px 0 0 #007261;
    box-shadow: 0 3px 0 0 #007261;
    text-shadow: 0 1px 1px #888;
    height: 35px;
    margin: 0;
    width: 55px
}

.jb-btn span.jb-btn-title {
    -webkit-box-shadow: 0 3px 0 0 #00ae94;
    box-shadow: 0 3px 0 0 #00ae94;
    background-color: #00cdae
}

.jb-btn span.jb-btn-arrow-left,
.jb-btn span.jb-btn-arrow-right {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 35px solid transparent;
    -webkit-transition: all .15s;
    -transition: all .15s;
    -webkit-transition-property: left, right;
    transition-property: left, right
}

.jb-btn.jb-btn-left span.jb-btn-arrow-left {
    right: 0;
    -webkit-box-shadow: 10px 0 0 0 #00cdae, 10px 3px 0 0 #00ae94;
    box-shadow: 10px 0 0 0 #00cdae, 10px 3px 0 0 #00ae94;
    border-right: 10px solid #00cdae
}

.jb-btn.jb-btn-right span.jb-btn-arrow-left {
    right: 0;
    -webkit-box-shadow: 10px 0 0 0 #00967f, 10px 3px 0 0 #007261;
    box-shadow: 10px 0 0 0 #00967f, 10px 3px 0 0 #007261;
    border-right: 10px solid #00967f
}

.jb-btn.jb-btn-left span.jb-btn-arrow-right {
    left: 0;
    -webkit-box-shadow: -10px 0 0 0 #00967f, -10px 3px 0 0 #007261;
    box-shadow: -10px 0 0 0 #00967f, -10px 3px 0 0 #007261;
    border-left: 10px solid #00967f
}

.jb-btn.jb-btn-right span.jb-btn-arrow-right {
    left: 0;
    -webkit-box-shadow: -10px 0 0 0 #00cdae, -10px 3px 0 0 #00ae94;
    box-shadow: -10px 0 0 0 #00cdae, -10px 3px 0 0 #00ae94;
    border-left: 10px solid #00cdae
}

.jb-btn:active,
.jb-btn.jb-btn-active {
    height: 36px;
    margin-bottom: 2px !important;
}

.jb-btn:hover span.jb-btn-arrow-left {
    right: 10px
}

.jb-btn:hover span.jb-btn-arrow-right {
    left: 10px
}

.jb-btn .jb-btn-icon i {
    line-height: 22px;
    color: #fff;
    padding: 0;
    margin-top: 8px;
    font-size: 20px
}

.jb-btn span.jb-btn-icon {
    padding: 0 15px
}

.jb-empty-text {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap
}

.jb-empty-text i {
    color: #ccc;
    font-size: 7px;
    line-height: 22px
}

.jb-pre {
    direction: ltr;
    font-family: tahoma;
    font-size: 13px;
    color: #555
}

.jb-2d-ba-button {
    display: inline-block;
    overflow: hidden;
    height: 33px;
    line-height: 33px;
    position: relative;
    border: 1px solid #ccc;
    cursor: pointer
}

.jb-2d-ba-button .jb-2d-button-img {
    position: absolute;
    top: 0;
    height: 31px;
    background: #fff
}

.jb-rtl .jb-2d-ba-button .jb-2d-button-img {
    right: 0;
    border-left: 1px solid #ccc
}

.jb-ltr .jb-2d-ba-button .jb-2d-button-img {
    left: 0;
    border-right: 1px solid #ccc
}

.jb-2d-ba-button .jb-2d-button-img i {
    height: 31px;
    line-height: 31px;
    font-size: 16px;
    width: 25px;
    text-align: center;
    color: #b7b7b7;
    margin-top: 0;
    padding-top: 1px
}

.jb-2d-ba-button .jb-2d-button-txt {
    height: 31px;
    line-height: 31px;
    font-size: 12px;
    padding: 0 9px;
    background: #eee;
    color: #666
}

.jb-rtl .jb-2d-ba-button .jb-2d-button-txt {
    padding-right: 36px
}

.jb-ltr .jb-2d-ba-button .jb-2d-button-txt {
    padding-left: 36px
}

.jb-2d-ba-button .jb-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1010
}

.jb-select-mp {
    width: 180px;
    height: 82px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 0;
    display: inline-block
}

.jb-select-mp .jb-select-mp-child {
    width: 100%;
    cursor: pointer;
    height: 27px;
    line-height: 27px;
    border-bottom: 1px solid #f5f5f5
}

.jb-select-mp .jb-select-mp-child input[type="checkbox"] {
    width: auto!important;
    margin: 0 5px
}

.jb-select-mp .jb-select-mp-child label {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 27px;
    line-height: 27px;
    width: 100%;
    cursor: pointer;
    font-size: 12px
}

.jb-select-mp .jb-select-mp-child {
    background: #fff
}

.jb-select-mp .jb-select-mp-child:hover {
    background: #F5F5F5
}

.jb-select-mp .jb-select-mp-child.is-active {
    /*background: #e8e8e8;*/
    /*border-bottom: 1px solid #d4d4d4*/
}

.jb-tooltip-h {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s
}

.jb-tooltip-h .jb-tooltip-msg-h {
    border-radius: 5px;
    line-height: 22px;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 4px 5px;
    background: #333
}

.jb-tooltip-h .jb-tooltip-arrow-h {
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
    z-index: 9992;
    position: absolute;
    top: auto;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom-width: 0 !important;
}

.jb-tooltip-h .jb-tooltip-arrow-border-h {
    border-color: #ccc transparent transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
    z-index: 9991;
    position: absolute;
    top: 27px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none
}

.jb-tooltip-h .jb-tooltip-h-child {
    position: relative
}

.jb-pagination-info .jb-page-start,
.jb-pagination-info .jb-page-prev,
.jb-pagination-info .jb-page-child,
.jb-pagination-info .jb-page-next,
.jb-pagination-info .jb-page-end {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #666;
    background: #FAFAFA;
    margin: 0 1px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.jb-pagination-info .jb-page-child {
    font-size: 12px!important
}

.jb-pagination-info .jb-page-start i,
.jb-pagination-info .jb-page-prev i,
.jb-pagination-info .jb-page-next i,
.jb-pagination-info .jb-page-end i {
    line-height: 28px;
    vertical-align: middle;
    display: block;
}

.jb-pagination-info .jb-active-page {
    background: #10a4c5;
    color: #fff!important;
    border: 1px solid #389dc1
}

.jb-pagination-info {
    position: relative;
    margin: 5px 0 17px
}

.jb-pagination-info .jb-limit-field {
    width: 100px;
    font-size: 12px;
    color: #666
}

.jb-pagination-info .is-deactive {
    cursor: not-allowed
}

@media only screen and (max-width: 520px) {
    .jb-pagination-info .jb-pagination-pages {
        width: 100%
    }
    .jb-pagination-info .jb-pagination-pages .jb-page-child {
        display: none
    }
    .jb-pagination-info .jb-pagination-pages .jb-page-child.jb-active-page {
        display: block
    }
    .jb-pagination-info .jb-page-start,
    .jb-pagination-info .jb-page-prev,
    .jb-pagination-info .jb-page-next,
    .jb-pagination-info .jb-page-end,
    .jb-pagination-info .jb-page-child.jb-active-page {
        width: 20%;
        border: 1px solid #ccc;
        border-right: 0
    }
    .jb-pagination-info .jb-page-start {
        border-right: 1px solid #ccc
    }
    .jb-pagination-info .jb-page-child.jb-active-page {
        border: 1px solid #389dc1
    }
    .jb-pagination-info .jb-pagination-limit {
        width: 100%;
        margin: 5px 0
    }
    .jb-pagination-info .jb-pagination-limit .jb-limit > select {
        width: 100%
    }
}

.jb-bt-msg .jb-log-row.jb-log-error,
.jb-changelog-content .jb-log-row.jb-log-error {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1
}

.jb-bt-msg .jb-log-row.jb-log-error div,
.jb-bt-msg .jb-log-row.jb-log-error i,
.jb-bt-msg .jb-log-row.jb-log-error span,
.jb-changelog-content .jb-log-row.jb-log-error div,
.jb-changelog-content .jb-log-row.jb-log-error i,
.jb-changelog-content .jb-log-row.jb-log-error span {
    color: #a94442
}

.jb-bt-msg .jb-log-row.jb-log-loading,
.jb-changelog-content .jb-log-row.jb-log-loading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #f5deae;
}

.jb-bt-msg .jb-log-row.jb-log-loading div,
.jb-bt-msg .jb-log-row.jb-log-loading i,
.jb-bt-msg .jb-log-row.jb-log-loading span,
.jb-changelog-content .jb-log-row.jb-log-loading div,
.jb-changelog-content .jb-log-row.jb-log-loading i,
.jb-changelog-content .jb-log-row.jb-log-loading span {
    color: #8a6d3b;
}

.jb-bt-msg .jb-log-row.jb-log-success,
.jb-changelog-content .jb-log-row.jb-log-success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #c8deb6
}

.jb-bt-msg .jb-log-row.jb-log-success div,
.jb-bt-msg .jb-log-row.jb-log-success i,
.jb-bt-msg .jb-log-row.jb-log-success span .jb-changelog-content .jb-log-row.jb-log-success div,
.jb-changelog-content .jb-log-row.jb-log-success i,
.jb-changelog-content .jb-log-row.jb-log-success span {
    color: #3c763d
}

.jb-bt-msg .jb-log-row .jb-log-msg i {
    line-height: 30px;
    margin: 0 5px;
    padding: 0;
    display: inline-block
}

.jb-rtl .jb-bt-msg .jb-log-row .jb-log-msg i {
    margin-right: 0
}

.jb-ltr .jb-bt-msg .jb-log-row .jb-log-msg i {
    margin-left: 0
}

.jb-bt-msg {
    display: none;
    cursor: pointer
}

.jb-bt-msg .jb-log-row {
    position: relative;
    background: #eee;
    padding: 0;
    margin: 2px 0;
    line-height: 30px;
    overflow-x: hidden;
    border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.jb-bt-msg .jb-log-row .jb-log-msg {
    padding: 0 10px;
    line-height: 30px
}

.jb-bt-msg .jb-log-row .jb-log-icon i {
    line-height: 30px;
    margin: 0 10px 0 -5px;
    font-size: 14px
}

.jb-ltr .jb-bt-msg .jb-log-row .jb-log-icon i {
    margin: 0 -5px 0 10px
}

.jb-queries{
    width: 98%;
    padding: 10px 1%;
    background: #20aab1;
    margin: 15px 0 !important;
}

.jb-dot-loader{
    min-width: 30px;
    display: inline-block;
}
.jb-rtl .jb-dot-loader{
    text-align: right;
}
.jb-ltr .jb-dot-loader{
    text-align: left;
}

.jb-empty-result {
    background: #F5F5F5;
    padding: 7px 10px;
    margin: 20px 0;
    border: 1px solid #eee;
    font-size: 12px;
    text-align: center;
}

.jb-empty-result i {
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin: 2px 2px 0!important;
    color: #abb340
}

.jb-popup-modal-overly{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9900;
    background: rgba(0,0,0,.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}
.jb-popup-modal-box{
    position: fixed !important;
    min-height: 200px !important;
    width: 800px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 9901;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    max-height: 80%;
    display: none;
}
.jb-popup-modal-title{
    font-family: inherit;
    font-size: 100%;
    font-weight: 600;
    background-color: #155fa1;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: #fff !important;
    padding: 0 20px;
}
.jb-popup-modal-content{
    padding: 10px 16px;
    overflow-y: auto;
    height: calc(100% - 50px);
    position: absolute;
    width: 100%;
    top: 50px;
}
.jb-popup-modal-close{
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0;
    cursor: pointer;
    left: 0;
}
.jb-ltr .jb-popup-modal-close{
    right: 0;
}
.jb-popup-modal-close i{
    vertical-align: middle;
    line-height: 46px;
    color: #fff;
    font-size: 13px;
}
.jb-popup-modal-box .jb-popup-modal-content .jb-invoice{
    margin: 0 !important;
}
.jb-invoice-popup-content{
    display: none;
}
@keyframes click-outside-popup-modal{
    0% { transform: rotate(0deg) scale(0);}
    100% {transform: rotate(360deg) scale(1.2);}
}
/* loading animation */
@-webkit-keyframes jb-spin {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}
@keyframes jb-spin {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}
/*
    use this :
    .class i{
        -webkit-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
    }
*/

.jb-transaction-list-responsive,
.jb-table-responsive-box{
    margin: 15px 0
}

.jb-table-responsive-box .tr-responsive-parent {
    width: 100%;
    margin: 0;
    padding: 5px 0;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.jb-rtl div[has-responsive-checkbox="1"] .jb-table-responsive-box .tr-responsive-parent{
    padding-right: 30px;
}
.jb-ltr div[has-responsive-checkbox="1"] .jb-table-responsive-box .tr-responsive-parent{
    padding-left: 30px;
}

.jb-table-responsive-box .tr-responsive-parent .jb-responsive-checkbox{
    position: absolute;
    height: 100%;
    width: 30px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: #d0e3e8;
    display: block;
}

.jb-rtl .jb-table-responsive-box .tr-responsive-parent .jb-responsive-checkbox{
    right: 0;
}
.jb-ltr .jb-table-responsive-box .tr-responsive-parent .jb-responsive-checkbox{
    left: 0;
}

.jb-table-responsive-box .jb-responsive-checkbox input[type="checkbox"]{
    width: 16px;
    height: 16px;
    line-height: 100%;
    vertical-align: middle;
    margin: auto 7px;
    position: absolute;
    top: 0;
    bottom: 0;
}

.jb-table-responsive-box .tr-responsive-parent.od {
    background: #FFF
}

.jb-table-responsive-box .tr-responsive-parent.ev {
    background: #F0F0F0
}

.jb-table-responsive-box .tr-responsive-parent .tr-responsive-child{
    margin: 0;
    border-left: 1px solid #ddd;
    height: 32px;
    padding: 0 2%;
    font-size: 12px;
    line-height: 31px;
    overflow: hidden;
}

@media only screen and (min-width: 1171px) {
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child {
        width: 25%;
        padding : 0 1.3%;
    }
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(4),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(8),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(12),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(16),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(20),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(24),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(28) {
        border-left: 0
    }
}

@media only screen and (max-width: 1170px) {
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child {
        width: 33.33%
    }
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(3),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(6),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(9),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(12),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(15),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(18),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(21) {
        border-left: 0
    }
}

@media only screen and (max-width: 900px) {
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child {
        width: 50%
    }
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child,
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(3),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(9),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(15),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(21) {
        border-left: 1px solid #ddd
    }
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(2),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(4),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(6),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(8),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(10),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(12),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(14),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(16),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(18),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(20),
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child:nth-child(22) {
        border-left: 0
    }
}

@media only screen and (max-width: 650px) {
    .jb-table-responsive-box .tr-responsive-parent .tr-responsive-child {
        width: 100%;
        border: 0!important
    }
}

i.fa.fa-cus-loading::after {
    content: "";
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    width: 4px;
    height: 3px;
    background: #155fa1;
    margin: 0 auto;
}

i.fa.fa-cus-loading {
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    -webkit-animation: jb-n-spin 1.35s infinite linear;
    animation: jb-n-spin 1.35s infinite linear;
}

@-webkit-keyframes jb-n-spin {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}
@keyframes jb-n-spin {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}

.jb-search-form-lo{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.35);
}