.err-toast-text{
    font-size:1.25rem;
    color:white;
}
.err-text{
    font-size:0.90rem;
    color:rgb(239, 54, 54);
}
.success-text{
    font-size:0.90rem;
    color:var(--first-color);
}
/* tags */
.a { color:var(--first-color)!important; text-decoration: none!important;}
/* end tags */
/* UTILITY */
::-webkit-scrollbar {height: 10px;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: hsl(0, 0%, 80%);}
::-webkit-scrollbar-thumb {background:var(--menu-panel);}
::-webkit-scrollbar-thumb:hover {background: var(--menu-ftpanel);}

.nav::-webkit-scrollbar {width: 0px;}
.nav::-webkit-scrollbar-track {background: #534758}
.nav::-webkit-scrollbar-thumb {background: #3c353e;}
.nav::-webkit-scrollbar-thumb:hover {background: #544c57;}
.ns{
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
.mouse-pointer{ cursor: pointer;}  
.mouse-normal{ cursor: default;}
.opc-0{opacity: 0.0;}
.xhide{visibility:hidden;opacity:0.0;}
.xshow{visibility:visible;}

/* END UTILTY */
/*Color, Size*/
.xbg-white{background-color: #ffffff;}
.xbg-primary { background-color:var(--first-color);}
.xbg-primary-dark{background-color:var(--fisrt-color-dark);}
.xbg-danger{background-color:#f71e3b;}
.xbg-col-light-blue{background-color:#c3b6e0!important;}
.xbg-col-light-gray{background-color:#dedede!important;}
.xbg-col-light-green{background-color:#e0f7e7!important;}
.xbg-col-light-red{background-color:#f9d2e2!important;}
.xbg-control {background-color:#f1f3f4;}
.xbg-glass-image{opacity: 0.15;filter: blur(16px);
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRfLzHUXCiTPu3poyQdYVTS_lJDsFy1zVO-ZA&s');
}
.xbg-glass-image-8{opacity: 0.15;filter: blur(8px);
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRfLzHUXCiTPu3poyQdYVTS_lJDsFy1zVO-ZA&s');
}
.xtext-primary { color:var(--first-ftcolor);}
.xwhite { color:#ffffff;}
.xblack { color:#000000;}
.xgray { color:#818485b1;}
.xbg-header-color{background-color:var(--white-color);}
.note-text-gray {color:#797a82;font-size:0.88rem;}
.note-text-gray-dark {color:#56575a;font-size:0.88rem;}
.xfs-80{font-size:0.80rem!important;}
.xfs-85{font-size:0.85rem!important;}
.xfs-88{font-size:0.88rem!important;}
.xfs-90{font-size:0.90rem!important;}
.xfs-92{font-size:0.92rem!important;}
.xfs-94{font-size:0.94rem!important;}
.xfs-96{font-size:0.96rem!important;}
.xfs-98{font-size:0.98rem!important;}
.xfs-1{font-size:1rem!important;}
.xfs-1-25{font-size:1.25rem!important;}
.xfs-1-50{font-size:1.50rem!important;}
/* End Color */

.base-title{ font-size:0.88rem;font-weight: 600;}
.page-title{ font-size:1.25rem;}
.page-title i:before{content:'\2609';font-style: normal;padding-right:8px;}
.page-container{padding:1.5rem 0.25rem;}
.page-border{border:0px solid #dedede; box-shadow: 0 1px 2px 0 rgba(80, 80, 80, 0.1), 0 0px 1px 0 rgba(80, 80, 80, 0.1);}
.bottom-border-list {
    border-radius: 4px;
    border-bottom: 1px dotted #aaa;
    padding: 4px 0px;
}

/*  Table , Data table */
.tr-removed-style{background-color: #da4545!important; ;color:#ffffff!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button {
   padding: 0.25em 0.5em!important;
   font-size:0.88rem;
}
.dataTables_wrapper {font-size:0.88rem!important;}
table.dataTable.no-footer {border-bottom: 1px solid #d3c9d7!important;}
.dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom: 1px solid #d3c9d7!important;}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px!important;
    border-bottom: 1px solid #d3c9d7!important;
}
.dataTables_wrapper .dataTables_length {padding-left: 16px;}
.dataTables_wrapper .dataTables_filter {padding-right: 16px;}
.dataTables_wrapper .dataTables_info {padding-left: 16px;}
.dataTables_wrapper .dataTables_paginate {padding-right: 16px;}
/* data table */
/* CARD */
.d-flex-mw25{ min-width:25%;}
.d-flex-mh250px{min-height:250px!important;}
.d-flex-mh200px{min-height:200px!important;}
.d-flex-mh160px{min-height:160px!important;}
.d-flex-mh120px{min-height:120px!important;}
.xcard{ 
    border:0px solid var(--first-color-light);
    box-shadow: 0 1px 2px 0 rgba(80, 80, 80, 0.1), 0 0px 1px 0 rgba(80, 80, 80, 0.1);
}
.grd{
    /*background: linear-gradient(90deg, rgb(134 51 168) 0%, rgb(157 43 204) 35%, rgb(173 0 243) 100%);*/
    background:linear-gradient(220deg, rgb(247 246 251) 0%, rgb(248 250 251) 35%, rgb(248 248 248) 100%);
}
.grd-bottom{
    background:  linear-gradient(183deg, rgb(250 249 255) 0%, rgb(255 255 255) 35%, rgb(231 231 225) 200%);
}

.tool-icon-black{ color:var(--tool-icon-black); cursor: pointer;}
.tool-icon-white{ color:var(--tool-icon-white); cursor: pointer;}
/* END CARD */
/* form contoll */

.xdisabled{color:#aaa;}
.xform .xform-row{margin-bottom:1.75rem;}
.btn-primary { background-color: var(--first-color)!important;border: 1px solid var(--first-color)!important;color:var(--first-ftcolor);}
.btn-primary:hover { background-color: var(--menu-panel)!important;color:var(--menu-ftpanel);}
.btn-primary:active, .btn-primary:link, .btn-primary:visited,.btn-primary:focus,.btn-primary:focus-visible  { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px rgba(255, 255, 255, 0.6);background-color: var(--first-color-click)!important;}
.btn:active, .btn:link, .btn:visited,.btn:focus,.btn:focus-visible  { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px rgba(255, 255, 255, 0.6);background-color: var(--first-color-click)!important;}
.form-control {
    display: block;
    border: 1px solid #ced4da;
    border-radius: .175rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control-auto{
    border: 1px solid #ced4da;
    border-radius: .175rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-left: 6px;
}
.form-control:focus, .form-control:focus-visible, .form-control-auto:focus, .form-control-auto:focus-visible {
border-color: #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px rgba(255, 255, 255, 0.6);
}
.input-group-text{ border-radius: 0px;background-color: #ffffff;}
.btn {border: 0px solid #ced4da;border-radius: .175rem;}
.form-check-input:checked{
    background-color: var(--first-color);
    border-color: var(--first-color-light);
}
.form-normal .form-label { font-size:0.92rem!important; color:#2a2175;}

/* end form */

/* icons */
.unseen-icon{color:#797a82; cursor: pointer;}
.unseen-icon:hover{color:#aaa;}
.seen-icon{color:#1c891e; cursor: pointer;}
.seen-icon:hover{color:#17e21a;} 

.toolbar-icons{color:#797a82;font-size:1rem;}
.toolbar-icons .icon{cursor:pointer;}
.toolbar-icons .icon:hover{color:#aaa;}
.wall-ui-toolbar .icon{color:#797a82; cursor: pointer;}
.wall-ui-toolbar .icon:hover{color:#aaa;}
.ximg-icon-ofc {height:96px;max-width:120px;cursor: pointer;transition: transform .2s;}
.ximg-icon-ofc:hover{transform: scale(1.15);}
/*----------------shaddo-----------------------*/
.page-panel-shadow{ box-shadow: 0px 0px 200px #f2f2f4;}
/* end icons  */
@media screen and (max-width: 992px) {
    .err-toast-text{
        font-size:0.86rem!important;
    }
}
@media screen and (max-width: 768px) {
    .d-flex-mw25{min-width:99.5%!important;}
}