.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th, .input-group.date .input-group-addon,
.datetimepicker .datetimepicker-switch, .datetimepicker .next, .datetimepicker .prev, .datetimepicker tfoot tr th, .input-group.date .input-group-addon {
    cursor: pointer;
}

.datepicker table tr td, .datepicker table tr th,
.datetimepicker table tr td, .datetimepicker table tr th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 0px !important;
    border: none;
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
}
.datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span:hover {
    border: none;
    border-radius: 0;
}
.datetimepicker thead th.next, .datetimepicker thead th.prev {
    font-size: 13px!important;
}
.table-condensed .next, .table-condensed .prev{
    height: 30px;
    width: 30px;
}
/*.datepicker td, .datepicker th {
    min-width: 32px;
}
.datepicker td, .datepicker th, .daterangepicker td, .daterangepicker th {
    border-radius: 0 !important;
    font-size: 13px;
}
.datepicker td, .datepicker th, .daterangepicker td, .daterangepicker th {
    border-radius: 0 !important;
    font-size: 13px;
}*/
/*table.table-condensed th.next {
    right: 0!important;
    cursor: pointer;
    position: absolute;
    top: 0!important;
    width: auto;
    margin-top: 0px!important;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}*/
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover {
    background-color: #0f8807;
}
    .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover,
    .datetimepicker table tr td.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active:hover,
    .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(to bottom,#098850,#098850);
        background-image: -ms-linear-gradient(to bottom,#098850,#098850);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#098850),to(#098850));
        background-image: -webkit-linear-gradient(to bottom,#098850,#098850);
        background-image: -o-linear-gradient(to bottom,#098850,#098850);
        background-image: linear-gradient(to bottom,#29cc00,#153a03);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#098850', endColorstr='#098850', GradientType=0);
        border-color: #098850 #098850 #098850;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    }

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active.disabled:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], 
.datetimepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover.active, 
.datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active:hover:hover, 
.datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active[disabled] {
    background-color: #098850 !important;
}

    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover,
    .datetimepicker table tr td span.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(to bottom,#098850,#098850);
        background-image: -ms-linear-gradient(to bottom,#098850,#098850);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#098850),to(#098850));
        background-image: -webkit-linear-gradient(to bottom,#098850,#098850);
        background-image: -o-linear-gradient(to bottom,#098850,#098850);
        background-image: linear-gradient(to bottom,#098850,#098850);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#098850', endColorstr='#098850', GradientType=0);
        border-color: #098850 #098850 #098850;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    }

#skycicdms_generalinfo, #skycicdms_formofpromotion, #skycicdms_promotiondetails {
    padding: 16px 0 0;
}

input.currencytypeabsolute[type="radio"]::before {
    position: relative;
    display: block;
    width: 40px;
    height: 25px;
    border: 1px solid #ddd;
    content: "";
    background: #ddd;
    border-radius: 4px;
}

input.currencytypeabsolute[type="radio"]::after {
    position: relative;
    left: 9px;
    top: -22px;
    /*width: 20px;*/
    height: 11px;
    content: "VNĐ";
    color: #fff;
    font-weight: 900;
    font-size: 13px;
    border-radius: 1px;
    font-family: SourceSansPro-Light;
}

/*input.currencytypeabsolute[type="radio"]:checked:before {
    background: #098850;
}

input.currencytypeabsolute[type="radio"]:checked:after {
    color: #fff;
    font-family: SourceSansPro-Light;
}*/

input.currencytypeabsolute.green[type="radio"]:before {
    background: #098850;
}

input.currencytypeabsolute.green[type="radio"]:after {
    color: #fff;
    font-family: SourceSansPro-Light;
}


input.currencytypepercent[type="radio"]::before {
    position: relative;
    display: block;
    width: 40px;
    height: 25px;
    border: 1px solid #ddd;
    content: "";
    background: #ddd;
    border-radius: 4px;
}

input.currencytypepercent[type="radio"]::after {
    position: relative;
    left: 16px;
    top: -22px;
    /*width: 20px;*/
    height: 11px;
    content: "%";
    color: #fff;
    font-weight: 900;
    font-size: 13px;
    border-radius: 1px;
    font-family: SourceSansPro-Light;
}

/*input.currencytypepercent[type="radio"]:checked:before {
    background: #098850;
}

input.currencytypepercent[type="radio"]:checked:after {
    color: #fff;
    font-family: SourceSansPro-Light;
}*/

input.currencytypepercent.green[type="radio"]:before {
    background: #098850;
}

input.currencytypepercent.green[type="radio"]:after {
    color: #fff;
    font-family: SourceSansPro-Light;
}

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


.table > tbody#tbody-products-decreaseprice > tr > td, .table > tbody#tbody-products-decreaseprice-detail > tr > td {
    border: none !important;
}

.table > tbody#tbody-products-decreaseprice > tr {
    border-bottom: 2px solid #ddd;
}

.status {
    color: #fff;
    border-radius: 3px;
}

.pendding {
    background: #DB650E;
}

.approve {
    background: #01A250;
}

.delivery {
    background: #AFAFAF;
}

.finish {
    background: #0061AD;
}

.cancel {
    background: #B70000;
}

.infobox .fontbold {
    font-family: SourceSansPro-Semibold;
}

.ui-menu {
    background: #fff;
}

.tab-panel-ul-listproductgroup li {
    float: left;
    list-style-type: none;
    padding: 5px;
    position: relative;
}

.tab-panel-ul-listproductgroup li a {
    padding: 2px 25px 2px 2px;
    background: #CBEFDF;
}
.img-gift {
    width: 27px;
}
.avatar-wrapper-order{
    width: 150px!important;
    height:150px!important;
}
.btn-home {
    float: right;
    font-size: 14px;
    margin-top: 20px;
    height: 30px;
}
h1.title-welcome {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 27pt;
    font-family: SourceSansPro-Semibold;
}
.title-welcome-1 {
    font-size: 17pt;
    font-family: SourceSansPro-Regular;
}
.title-org a {
    color: #098850;
    font-size: 17pt;
    font-family: SourceSansPro-Semibold;
}
.title-org{
    margin-bottom: 10px;
}
.img-welcome{
    position: fixed;
    height: 680px;
}
.padding-right-0 {
    padding-right: 0 !important;
}
.root-a {
    font-family: SourceSansPro-Semibold;
}
ul.dropdown-action li{
    padding: 10px 15px!important;
}
.btn-nc-button i{
    padding-right: 5px;
}
.col-fix-date {
    flex: 43%;
    max-width: 50%;
    max-height: 25px;
}
.td-event-delete a {
    color: #098850!important;
}
.div-date {
    padding-right: 0;
}
.has-error-fix, .has-error-fix input, .has-error-fix select, .has-error-fix textarea {
    border-color: red !important;
    color: #D68273;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*#region user */

.avatar-user {
    /*padding: 20px;*/
    position: relative;
}

.avatar-user-img {
    border-radius: 5px;
    border: 1px solid #ccc;
    width: calc(100% - 100px);
    display: block;
    float: right;
}

.img-avatar {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.img-avatar-popup {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.overlay-avatar, .popup-overlay-avatar {
    position: absolute;
    width: 150px;
    bottom: 20px;
    height: 40px;
    background: #89918E;
    opacity: 0;
    transition: visibility 0s, opacity 0.1s linear;
    text-align: center;
}

.change-img-avatar i {
    font-size: 16px;
    color: rgba(255,255,255,1) !important;
    cursor: pointer;
    margin: 10px;
    transition: transform 0.1s;
}

.avatar-user:hover .overlay-avatar, .avatar-user:hover .popup-overlay-avatar {
    cursor: pointer;
    visibility: visible;
    opacity: 0.7;
}
/*#endregion */
.ctr-delete {
    float: right;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 13px;
    color: #098850 !important;
}

.popup-avatar-user-img {
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 150px;
    height: 150px;
    display: block;
    margin: auto;
}

.popup-overlay-avatar {
    bottom: 1px !important;
    left: 19px;
    width: 149px;
}

#inosCtn, .inos-chat-mainctn {
    z-index: 9999;
}

#inosCtn {
    background: #fff !important;
    top: 53px !important;
}
.icon-group .lbl-flag{
    padding-top: 0!important;
}
#inosCtn{
    z-index: 10;
}
.ulshowdata li {
    margin-bottom: 0 !important;
    padding: 3px 0;
    font-family: Microsoft-Sans-Serif;
}
.ulshowdata {
    height: auto !important;
}
input[type=text] {
    border: 1px solid #d9d4d4;
    border-radius: 4px;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold;
}
.dropdown-menu a i{
    padding-right: 5px;
}
.bootstrap-tagsinput input[type=text] {
    border: none!important;
}

/*Radio - Checkbox*/
.idn-radio {
    display: none;
}

    .idn-radio + label span {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: -2px 10px 0 0;
        vertical-align: middle;
        background: url('/Content/images/unradio_30x30.svg') left top no-repeat;
        cursor: pointer;
    }

    .idn-radio:checked + label span {
        background: url('/Content/images/radio_30x30.svg') top no-repeat;
    }

.idn-checkbox {
    display: none;
}

    .idn-checkbox + label span {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: -2px 10px 0 0;
        vertical-align: middle;
        background: url('/Content/images/unchk_30x30.svg') left top no-repeat;
        cursor: pointer;
    }

.idn-uncheckbox-background {
    background: url('/Content/images/unchk_30x30.svg') left top no-repeat;
}

.idn-checkbox:checked + label span {
    background: url('/Content/images/chk_30x30.svg') top no-repeat;
}
.idn-checkbox-background {
    background: url('/Content/images/chk_30x30.svg') left top no-repeat;
}

.idn-checkbox-cell {
    display: none;
}

    .idn-checkbox-cell + label span {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 5px -4px 0 0;
        vertical-align: middle;
        background: url('/Content/images/unchk_30x30.svg') left top no-repeat;
        cursor: pointer;
    }

    .idn-checkbox-cell:checked + label span {
        background: url('/Content/images/chk_30x30.svg') top no-repeat;
    }

/*End Radio - Checkbox*/
.btn-ok {
    font-size: 13px;
    background-image: url('/Content/images/ic_tick.svg');
    background-size: 13px 28px;
    background-repeat: no-repeat;
    background-position: 5px 0px;
    background-color: #098850 !important;
    color: #fff !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 1px solid #098850 !important;
    padding: 4px 10px 4px 20px !important;
    border-radius: 3px !important;
}
.btn-cancel {
    font-size: 13px;
    /*background-image: url('/Content/images/ic_ban.svg');*/
    background-size: 13px 28px;
    /*background-repeat: no-repeat;*/
    background-position: 5px 0px;
    background-image: linear-gradient(to bottom, #aed3f0, #c8dcf5, #dfe7f8, #f1f2fb, #ffffff);
    color: #000 !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: 1px solid #848C89 !important;    
    border-radius: 3px !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    white-space: break-spaces!important;
}
.text-overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.datepicker{
    z-index: 1111!important;
}
.tab-panel-product img {
    height: 118px;
    width: auto;
    margin: auto;
}

.text-decoration-red {
    color: red;
    text-decoration: line-through;
}
[fieldactive="0"] {
    display: table-cell;
}

[fieldactive="1"] {
    display: none;
}

.ui-menu {
    height: 200px;
    max-height: 200px;
    overflow: auto;
    z-index: 999;
}

li.ui-menu-item {
    padding: 3px 0 !important;
}

.ui-state-active {
    padding: 0 !important;
    background: #CBEFDF !important;
}
.mes-error {
    color: red !important;
    text-decoration: line-through !important;
}

.idn-hidden {
    display: none;
}
.login-box-msg{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    position: relative;
}
.highligth {
    background-color: #f3b1b175!important;
}
.img-full-body {
    position: fixed;
    top: 0;
    left: 0;
    /* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
    opacity: 0.8;
}