.required label:after {
    content: " *";
    color: red;
}

.authError {
    color: red;
}

span.authError {
    color: red;
}

input.authError,
select.authError,
file.authError {
    border: 1px dotted red;
}

select.authError {
    border: 1px dotted red !important;
}

.centercheckbox {
    margin-left: 25px;
}

.whitecolor {
    color: #fff !important;
}

.pinkcolor {
    color: #ED0080 !important;
}

.greencolor {
    color: #8DC63F !important;
}

.bgpink {
    background-color: #ED0080 !important;
}

.bggreen {
    background-color: #8DC63F !important;
}

.borderradius10 {
    border-radius: 10px;
}

.borderradius5 {
    border-radius: 5px;
}

.border-pink {
    border: 1px solid #ED0080 !important;
}

.text-right {
    text-align: right !important;
}



/** CLIQBUX CUSTOMM CSS **/

/* 
dashboard
table color : rgb(99, 115, 129)

table tr ted background color  rgb(99, 115, 129)

background color : rgb(247, 173, 58);
#f7ad3a

#ffa60180
>> #f7ad39
>> #fff9f0
Color Code
Primary #F39200
Secondary #FFF6E5

Secondary #FEC04F
Logo Third #FEC04D
Forth #FEA400 

icon : #fce0b8 #F7AD39

*/



:root {
    --cbbackgroun10: rgb(255, 192, 79, 10%);
    --cbbackgroun20: rgb(255, 192, 79, 20%);
    --cbbackgroun30: rgb(255, 192, 79, 30%);
    --cbbackgroun40: rgb(255, 192, 79, 40%);
    --cbbackgroun50: rgb(255, 192, 79, 50%);
    --cbbackgroun60: rgb(255, 192, 79, 60%);
    --cbbackgroun70: rgb(255, 192, 79, 70%);
    --cbbackgroun80: rgb(255, 192, 79, 80%);
    --cbbackgroun90: rgba(255, 192, 79, 90%);
    --cbbackgroun10: rgb(255, 192, 79);

    /* --cbcolor: #ffa601e6; */
    --cbcolor: rgb(254, 192, 79) !important;

}

.cbbox {
    background-color: #fff !important;
    /* border: 0.1px solid #FEC04F; */
    border: 0.1px solid var(--cbbackgroun80);
    box-shadow: 7px 9px 14px #E7E9EB;
}

.cbboxicon {
    /* background-color: #F39200 !important; */
    background-color: var(--cbcolor);
}

.dullcolor {
    /* color: rgba(255, 166, 1, 0.502) !important */
    color: var(--cbcolor) !important;
}

.storeselection {
    background-color: #fff9f0;
}

.cb-primary {
    /* background-color: #f392008d !important; */
    /* background-color: #FEC04F !important; */

    background-color: var(--cbcolor) !important;

}

.dropdown-menu.dropdown-menu-end.show {
    border: 0.5px solid var(--cbbackgroun20);
}

.activestore {
    /* background-color: #FEC04F !important; */
    /* background-color: var(--cbcolor) !important; */
    background-color: var(--cbbackgroun20) !important;

    /* #fcf0db */
}

.avatar-title {
    /* background-color: #FFD395 !important; */
    /* background-color: #f1b44c !important; */

    /* background-color: #f7ad39 !important; */
    /* background-color: #FEC04F !important; */

    background-color: var(--cbcolor) !important;
}

.table-warning {
    /* background-color: #FFF9F0 !important; */

    background-color: var(--cbcolor) !important;
}

a,
a:hover {
    color: #000;
    cursor: pointer;
}

a:hover {
    color: #74788d;
    cursor: pointer;
}

.clickbtn {
    cursor: pointer;
}

.modal-header {
    background-color: papayawhip;
    /* whitesmoke; */
}

.page-item.active .page-link {
    color: #74788d !important;
    background-color: var(--cbbackgroun60);
    border-color: var(--cbbackgroun60);
}

.page-item a:hover {
    color: #74788d !important;
    background-color: var(--cbbackgroun60);
    border-color: var(--cbbackgroun60);
}


.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #3f3f3f !important;
    background-color: #fbcf7e;
    /* background-color: var(--cbbackgroun10) !important; */
}

.nav-pills:hover .nav-link:hover {
    color: #3f3f3f !important;
    background-color: #f1f1f1;
    /* background-color: #fbcf7e; */
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: var(--cbbackgroun10);
}

.nav-tabs-custom .nav-item .nav-link:after {
    background: var(--cbbackgroun10);
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--cbbackgroun30);
    color: #5A5A5A !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: wheat !important;
    border: 1px solid wheat !important;
    border-radius: 1px;
    padding: 0 7px;
    color: #000 !important;
    border-radius: 10px;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: wheat !important;
}

.dataTables_filter {
    float: left !important;
}

.dataTables_length {
    float: right !important;
}



.permissions-box {
    background-color: #fff
}

.permissions-box .permissions-table-box {
    /*width:84.2%; margin-left: 20px;*/
    overflow: hidden;
    position: relative;
}

/*.permissions-box .permissions-table-box .w-20{ width: 20px; }*/

.permissions-box .expand-btn-box .left-box-expand {
    width: auto;
}

.permissions-table-box .rotated-container {
    float: left;
}

.permissions-table-box .rotated-text {
    display: inline-block;
    width: 24px;
}

.permissions-table-box .rotated-text .rotated-text__inner {
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translate(.0em, 1000%) rotate(-90deg);
    -moz-transform: translate(.0em, 1000%) rotate(-90deg);
    -o-transform: translate(.0em, 1000%) rotate(-90deg);
    transform: translate(.0em, 1000%) rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: none;
    -ms-transform-origin: none;
    -ms-writing-mode: tb-rl;
    margin-left: .0em;
}

.permissions-table-box .permission-name-col {
    font-weight: 500;
    font-size: 13px
}

.permissions-table-box .permission-name-col a {
    position: relative;
    font-weight: 100;
}

.permissions-table-box .permission-name-col a .tooltip-box {
    display: none;
}

.permissions-table-box .permission-name-col a:hover .tooltip-box {
    display: block;
    position: absolute;
    left: 25px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 5px;
    text-transform: initial;
    box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1);
    color: #333;
    bottom: 0;
    width: 300px
}

.fixed-header .visible-title {
    position: fixed;
    width: auto;
    top: 0;
    z-index: 10
}

.table-fixed {
    width: 100%;
    background-color: #f3f3f3;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

.table-fixed tbody {
    float: left;
}

.table-fixed td {
    float: left;
}

.table-fixed thead {
    float: left;
    width: 100%;
    background-color: #fff
}

.table-fixed tr {
    width: 100%
}

.table-fixed th {
    float: left;
    background-color: #3c8dbc;
    border-color: #e67e22;
}

.table-area {
    float: left;
    width: 100%;
}


/* Rotated header */
.rotated-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    font-weight: 500;
}

.permission-name-col {
    font-weight: 500;
    font-size: 14px;
}

.permission-name-col a {
    color: #6c757d;
    text-decoration: none;
}

.permission-name-col a:hover {
    color: #0d6efd;
}


.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    background-color: var(--cbbackgroun10) !important;
}

.card-body {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/*** permission css end ****/

/* .tab-content{
    padding: 20px;
    border: 0.5px solid #fbcf7e;
    border-radius: 5px;
} */

/* .page-item.active .page-link {
    color: #fff;
    background-color: rgba(238, 104, 37, 70%) !important;
    border-color: rgb(238, 104, 37, 70%) !important;
} */

/* .table>:not(caption)>*>* {
    background-color: #FFF9F0;
}
1125979283958273 
*/

/** CLIQBUX CUSTOMM CSS **/



.bg-gray { background-color: #f5f4ff !important; }