/*
 * 
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SA styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SA.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */



 /*nagma*/

#logo img {
    height: 40px;
}
#logo {
    margin-top: 3px;
}
.smart-form-section-add-new-btn {
    height: 31px;
    margin: 10px 0 0 5px;
    padding: 0 22px;
}

.smart-form .select2-container-multi .select2-choices .select2-search-choice,
.smart-form .select2-selection__choice{
    padding: 1px 28px 1px 8px;
    margin: 4px 0 3px 5px;
}
.smart-form .select2-container-multi .select2-search-choice-close,
.smart-form .select2-selection__choice__remove{
    top: 0;
    right: 0;
    padding: 3px 4px 3px 6px;
    box-sizing: inherit;
}
.smart-form .bootstrap-tagsinput .tag.label{
    color: #FFF;     display: inline-block;     margin: 3px 0 3px 2px;
}

#main .product-add-actions{position:fixed;top:100px;right:0;width:160px;z-index:902;background:#F1DA91}
#main .product-add-actions.activate{right:0!important;box-shadow:-11px 12px 23px rgba(0,0,0,.2);padding:5px 10px 10px}
#main .product-add-actions #action-setting+div{display:none}
#main .product-add-actions.activate #action-setting+div{display:block}
#main .product-add-actions>span{position:absolute;right:0;top:0;display:block;height:34px;width:34px;border-radius:5px 0 0 5px;background:#F1DA91;padding:2px;text-align:center;line-height:33px;cursor:pointer}
#main .product-add-actions>span i{font-size:22px}
/* #main .product-add-actions.activate>span i:before{content:"\f00d"} */
#main .product-add-actions.activate>span i:before{content:"\f054"}
#main .product-add-actions.activate>span{left:-30px}.demo>span:hover i{color:#333!important}
#main .product-add-actions.activate #smart-styles .btn{margin: 5px 0; width:90%;}

.smart-accordion-default.panel-group accordion-group.productOptn .panel-title a {
    display: inline-block;
}
.paddingTop10 { padding-top: 10px; }

.smart-form .note-error {
    color: #A90329;
}

/* ngx-datatable */
.ngx-datatable.server-scrolling-demo .datatable-body .datatable-row-detail {
    background: #f9f9f9;
    padding: 10px;
}

.grid_expand_view {
    display: table;
    padding-left: 35px;
}

.grid_expand_view div {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px;
}

.ngx-datatable.bootstrap {
    height: calc(100vh - 110px);
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li a {
    color: #000;
    background-color: #fff;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
    color: #ededed;
    background-color: #545454;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li.active a {
    color: #ededed;
    background-color: #545454;
}

.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
    font-weight: 600;
}

.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
    white-space: normal !important;
}

.ngx-datatable .datatable-header-cell-label {
    white-space: normal !important;
}

.ngx-datatable.bootstrap.ngx-center .datatable-body .datatable-body-row .datatable-body-cell{
    text-align: center;
}

.ngx-datatable.bootstrap.ngx-center .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
    text-align: center;
}
/* End ngx-datdatable */

.button-append{
    padding: 6px;
    box-sizing: border-box;
}
.toggle-checkbox{
    left: 0;
}
   
.ng-star-inserted.active{
background: #3276b1;
color: white;
}

.ng-star-inserted .fa{
font-size: 16px;
}
/* nagma */
/* .datatable-body-cell-label{
    text-align: center;
}

.datatable-body-cell{
    text-align: center;
}

.ng-star-inserted{
    text-align: center;

} */

/* nagma */
.page-footer{
    position: fixed;
}
 /*nagma*/
 #activity b.badge {
    position: relative;
    min-width: 18px!important;
    top: -19px!important;
    right: -17px!important;
}