:root{
    --FB-primary-color: #55555e;
    --FB-secondary-color: #000;
    --FB-ternary-color: #f9f8f9;
    --FB-context:#4b7d43;
    --FB-white:#FFFF;
    --FB-header:#e4f3ec;
    --FB-modal-header:#4b7d43;
    --FB-main-body:#d2d0d04d;
    --FB-button:#4b7d43;
    }
.hide, .hidden { display: none !important; }
.swal-button--cancel { background-color: #5c5c76; color: rgb(255, 255, 255); }
.swal-button--cancel:hover {background-color: var(--FB-context) !important;color: #fff !important;}
.modal-header { background-color: var(--FB-header);}
.modal-body { background-color: #ebedf1; }
.modal-lg { max-width: 900px; }
.iti{ display: block !important; }
.iti--separate-dial-code .iti__selected-flag{font-size: 12px;  height: 38px;}
.navbar-nav .dropdown-menu{position: absolute;}
#profile_right_top_img{ height: 30px; width:30px; border-radius: 50%; }
/* -------------------------------- */
.bell_animation { -webkit-animation: ring 4s .20s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 4s .20s ease-in-out infinite; -moz-transform-origin: 50% 4px; animation: ring 4s .20s ease-in-out infinite; transform-origin: 50% 4px; }
@-webkit-keyframes ring { 0% {-webkit-transform: rotateZ(0);} 1% {-webkit-transform: rotateZ(30deg);} 3% {-webkit-transform: rotateZ(-28deg);} 5% {-webkit-transform: rotateZ(34deg);} 7% {-webkit-transform: rotateZ(-32deg);} 9% {-webkit-transform: rotateZ(30deg);} 11% {-webkit-transform: rotateZ(-28deg);} 13% {-webkit-transform: rotateZ(26deg);} 15% {-webkit-transform: rotateZ(-24deg);} 17% {-webkit-transform: rotateZ(22deg);} 19% {-webkit-transform: rotateZ(-20deg);} 21% {-webkit-transform: rotateZ(18deg);} 23% {-webkit-transform: rotateZ(-16deg);} 25% {-webkit-transform: rotateZ(14deg);} 27% {-webkit-transform: rotateZ(-12deg);} 29% {-webkit-transform: rotateZ(10deg);} 31% {-webkit-transform: rotateZ(-8deg);} 33% {-webkit-transform: rotateZ(6deg);} 35% {-webkit-transform: rotateZ(-4deg);} 37% {-webkit-transform: rotateZ(2deg);} 39% {-webkit-transform: rotateZ(-1deg);} 41% {-webkit-transform: rotateZ(1deg);} 43% {-webkit-transform: rotateZ(0);} 100% {-webkit-transform: rotateZ(0);} }
.notification_select .form-select { font-size: 12px; }
.notification_sections:hover { background-color: #f6f7fc; }
.sidebar .nav .nav-item .nav-link .badge { font-size: 11px; }
.notification-ripple-bg.notification-ripple { height: 15px; width: 18px; position: absolute; right: -10px; top: -2px; line-height: inherit !important; border-radius: 8px !important; z-index: 1; font-size: 0.6em; color: white; }
.notification-ripple-bg { background-color: #2c2f41 !important; }
.company_switch .collapse,.company_switch .collapsing{ position: absolute; top: 60px; right: 5px; left: 5px; }
/* datepicker range */
.daterangepicker.ltr .ranges{ clear: both; width: 100%; text-align: right;}
.daterangepicker.ltr .ranges .cancelBtn{ background-color: #5c5c76; color: #fff; margin-right: 5px;}
/* resources\views\admin\banks\index.blade.php */
.rotate { animation: rotation 2s infinite linear;}
#loading{ width: 15px; height: 15px;}
/* resources\views\admin\banks\index.blade.php */
/* .verify{position: absolute;} */
.verify{ top: 26%; position: absolute; right: 20px;}
.userphoto .user_info_photo { position: absolute; width: 100px; height: 100px; }
.user_info_photo {width: 100px; height: 100px; line-height: 116px; cursor: pointer;}
.user_info_photo {font-size: 1.5rem; font-family: 'europaNuova_b'; color: #fff; border-radius: 4px; overflow: hidden;}
.userphotohover {font-size: .8rem; text-align: center; width: 100px !important; height: 100px !important; top: 0; color: #fff; line-height: 116px; border-radius: 4px; font-weight: bold;}
.inputfile+label { font-size: 13px; font-weight: 600; background-color: rgb(241, 241, 241); text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block;   overflow: hidden; padding: 0.225rem 0.725rem; border-radius: 8px; }
.inputfile-3+label:hover {color: #0D6EFD;}
.iti--separate-dial-code .iti__selected-flag {font-size: 12px; height: 100% !important; background-color: #ffffff !important;}
.iti{display: block !important;}
.iti--separate-dial-code .iti__selected-flag{font-size: 12px;  height: 48px;}
.iti input, .iti input[type=text], .iti input[type=tel]{z-index: 0 !important;}
.iti__country-list{z-index: 5000;}
.prefix .form-select { font-size: 0.875rem;}
ul.parsley-errors-list{margin-bottom:0}
/* resources\views\admin\products.blade.php */
div.dataTables_wrapper div.dataTables_processing{padding: 0.7em 0;border:none !important;background:transparent !important;}
div.dataTables_wrapper div.dataTables_filter input{   padding: 8px 5px;}
.btnPadding{    padding: 0.25rem 0.5rem;}
/* resources\views\admin\supplier\supplier.blade.php */
.color-gray {color: gray;}
table td {word-wrap: break-word;  max-width: 400px;}
div.dataTables_wrapper div.dataTables_filter input{ padding: 8px 5px;}
#supplierTable td {white-space:inherit;}
.progress {border-radius: 10px; background-color: #f1f1f1; height: 0.9rem; font-size: 0.6rem;}
.progress-bar {border-radius: 5px;}
/ resources\views\admin\supplier\supplierEdit.blade.php /
/* .downArrowIcon { float: right !important; / margin-top: -30px;  / margin-right: 5px !important; color: #000; pointer-events: none !important; background-color: #fff !important; padding-right: 5px !important; position: absolute !important; right: 0 !important; top: 40px !important; }
.parsley-errors-list+.downArrowIcon { top: 10px !important; } */
/* .selectBox { background-color: white !important; height: 40px !important; } */
.awesomplete { width: 100%; display: block; }
.suplier-succ { color: green; font-size: 20px; }
#supplier-steps ul { margin: 0 auto; / margin-bottom: 40px; / }
.contact_step a.nav-link { position: relative; }
.contact_step .step_img { position: absolute; top: 0; left: 0; right: 0; text-align: center; }
.contact_step .icon { height: 60px; width: 60px; background: #fff; border: 1px solid #ddd; margin: 4px auto; border-radius: 100%; padding: 2px; position: relative; z-index: 100 !important; }
#supplier-steps ul:before { display: none; }
.contact_step .icon .pen_icon { / background: url(../../front-assets/images/pen_icon.png) no-repeat center center; / border: 1px solid #dae1e5; border-radius: 100%; background-color: #dae1e5; display: inline-block; height: 54px; width: 54px; }
.contact_step .icon .pen_icon.supplier{ background-image: url(../../../front-assets/images/icons/people-carry-1_white.png); background-repeat: no-repeat; background-position: center center;}
.contact_step .icon .pen_icon.product{ background-image: url(../../../front-assets/images/icons/boxes_white.png);background-repeat: no-repeat; background-position: center center;}
.contact_step .icon .pen_icon.bank{background-image: url(../../../front-assets/images/icons/icon_bank_white.png);background-repeat: no-repeat; background-position: center center;}
.nav-link.done .pen_icon { border: 2px solid #fff; background-image:  url(../../../front-assets/images/check_icon.png) no-repeat center center; background-color: #7cc576; }
.nav-link.done .pen_icon.supplier, .nav-link.done .pen_icon.product, .nav-link.done .pen_icon.bank { border: 2px solid #fff; background-image:  url(../../../front-assets/images/check_icon.png) no-repeat center center; background-color: #7cc576; }
.nav-link.active .pen_icon { border: 2px solid #fff; background-color: #09f; }
.sw-theme-dots>.nav .nav-link::after { content: ''; height: 3px; background: #dae1e5; width: 255px; position: absolute; right: -100%; top: 55% }
.sw-theme-dots>.nav .nav-link:first-child::after { background: #dae1e5; }
.sw-theme-dots>.nav .nav-link.active:after { background: #369ede; }
.sw-theme-dots>.nav .nav-link::before { display: none; }
.sw-theme-dots>.nav li:last-child .nav-link:first-child::after { display: none; }
div.tagsinput{ width: auto; border-color: #dee2e6; padding: 5px;}
div.tagsinput span.tag{ margin-bottom: 1px; margin-top: 2px;}
div.tagsinput input{    padding: 2px 5px; margin: 0 5px 2px 0;}
.form-switch .form-check-input { margin-left: 2.5em; }
/* .table td,
th { text-align: left; } */
.table td img { width: 20px; height: 20px; border-radius: 0px; }
.form-control { padding: 0.7rem 0.375rem; }
.swal-button--confirm { color: #fff; background-color: var(--FB-button); border-color: var(--FB-button); }
.swal-button--confirm:hover { background-color: var(--FB-context) !important; color: #fff !important; }
.swal-icon--warning__body,
.swal-icon--warning__dot { background-color: #e64942 !important; }
.swal-icon--warning { border-color: #e64942 !important; }
.upload_btn{ background-color: rgb(37, 55, 139); color: white; border-radius: 0.3rem; padding: 3px 7px; cursor: pointer; }
.parsley-errors-list li { font-weight: normal;line-height: 1.8; }
.cypFirstName .parsley-errors-list li { font-weight: normal;line-height: 8; }

#parsley-id-32 { margin-left: 70px !important; }
@media (max-width: 575.98px){ .sw > .nav { flex-direction:unset !important; } }
/**/
#parsley-id-multiple-companyType { margin-top: 32px !important; margin-left: 10px !important;}
.date{position: relative;}
.date .parsley-errors-list { position: absolute; bottom: -32px;}
/* resources\views\admin\buyer\buyerEdit.blade.php */
#buyer-steps ul { margin: 0 auto;}
#buyer-steps ul:before { display: none; }
.img_section_buyer { display: grid; place-items: center;}
.image_section_user_admin { height: 80px;  width: 80px;}
.contact_step .icon .pen_icon.company { background-image: url(../../../assets/images/icon_contact_info.png); background-repeat: no-repeat; background-position: center center; }
.contact_step .icon .pen_icon.buyer { background-image: url(../../../assets/images/icon_buyer_W.png); background-repeat: no-repeat; background-position: center center; }
.logobanner_section { background: url(../../../front-assets/images/logo_background.png) center center; height: 200px; background-position: cover; }
.logobanner_section img { max-height: 120px; }
.sw-theme-dots > .nav .nav-link::after {left: 10px !important;}
/*resources\views\admin\buyer\company\companyEdit.blade.php */
.contact_step .icon .pen_icon.users { background-image: url(/front-assets/images/icons/company_users.png); background-repeat: no-repeat; background-position: center center; }
.sw-theme-dots > .nav .nav-link::after { content: ''; height: 3px; background: #dae1e5; width: 255px; position: absolute; right: -100%; top: 60% }
.sw-theme-dots > .nav .nav-link:first-child::after { background: #dae1e5; }
.sw-theme-dots > .nav .nav-link.active:after { background: #369ede; }
.sw-theme-dots > .nav .nav-link::before { display: none; }
.sw-theme-dots > .nav li:last-child .nav-link:first-child::after { display: none; }
.sw-theme-dots > .nav .nav-link::after { left: 50px !important; width: 12vw !important; }
.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; cursor: inherit; display: block; }
.swal-icon--success__ring{border: 4px solid hsla(98,55%,69%,1);}
/ resources\views\admin\disbursement\index.blade.php /
.bullet-line-list a { color: var(--FB-header);  text-decoration: none;}
.bullet-line-list li.active h6 a { color: #000;}
.bullet-line-list li.active:before { border: 4px solid #000;}
.order-disburseIds{  min-width:250px;}
/* resources\views\admin\group_transaction\index.blade.php */
.bullet-line-list a { color: var(); text-decoration: none;}
.bullet-line-list li.active h6 a { color: #000;}
.bullet-line-list li.active:before { border: 4px solid #000;}
.strikethrough{ text-decoration: line-through;}
.mr-5{margin-right: 5px !important;}
.modal.version2 .form-check .form-check-input { margin-top: 1px;}
.form-check-input:read-only{filter: brightness(100%); }
/* / resources\views\admin\groups\groupAdd.blade.php / */
.tab-content .selectBox { background-color: white !important; height: 40px !important; }
.select2-container--default .select2-selection--single { height: 40px; }
#group-steps ul { margin: 0 auto; }
#group-steps ul:before { display: none; }
.contact_step .icon .pen_icon.group { background-image: url(../../../front-assets/images/icons/icon_group_w.png); background-repeat: no-repeat; background-position: center center; }
.contact_step .icon .pen_icon.buyer { background-image: url(../../../front-assets/images/icons/icon_buyer_W.png); background-repeat: no-repeat; background-position: center center; }
.contact_step .icon .pen_icon.gallery { background-image: url(../../../front-assets/images/icons/icon_gallery_w.png); background-repeat: no-repeat; background-position: center center; }
.sw-theme-dots > .nav .nav-link:first-child::after { background: #dae1e5; }
.sw-theme-dots > .nav .nav-link.active:after { background: #369ede; }
.sw-theme-dots > .nav .nav-link::before { display: none; }
.sw-theme-dots > .nav li:last-child .nav-link:first-child::after { display: none; }
.form-switch .form-check-input { margin-left: 2.5em; }
.form-select{ padding: 0.7rem 0.375rem; }
.date .parsley-errors-list { position: absolute; bottom: -30px; }
/* .thumb { margin: 10px 5px 0 0; width: 100px; height: 100%; } */
.lightGallery .lightgallery_img { background-color: #d7d9df; border: 1px solid #ccc; max-height: 150px; max-width: 150px; line-height: 146px;overflow: hidden; }
.lightGallery .lightgallery_img img,
.lightGallery>div img { max-width: 100%; max-height: 100%; }
.lightGallery>div .image-tile { height: 100%; width: 100%; margin-bottom: 0; padding: 0; }
.lightGallery .col-6 { position: relative; }
.lightGallery .input-group-text { position: absolute; right: 0rem; top: 1px; }
.lightGallery .active { border: 1px solid #23af47; }
.lightGallery .inactive { border: 1px solid #1c2c42; }
/* / //new / */
#show-images div{ width: 150px; height: 150px; display: inline-block; background-color: #d7d9df;  border: 1px solid #ccc; position: relative;   line-height: 148px;}
#show-images .thumb{ height: auto; width: auto; max-width: 100%; max-height: 100%;}
.opacity-25{ opacity: .25;}
#groupImageEdit{background-color: #fbfbfb; border: 1px dashed #ccc;}
body{position: relative;}
body .back_to_top {display: none; position: fixed; bottom: 43px; right: 55px; padding: 10px 10px; }
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) and (orientation: portrait) {
        body .back_to_top {right: 15px; }
        .parsley-errors-list li{line-height:1.2;}}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
    and (orientation: landscape) {
        body .back_to_top {right: 15px; }
        .parsley-errors-list li{line-height:1.2;}}

/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (max-device-width: 640px) {
        body .back_to_top {right: 15px; }
        .parsley-errors-list li{line-height:1.2;}}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 2) {
        body .back_to_top {right: 15px; }
        .parsley-errors-list li{line-height:1.2;}}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px)
    and (device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 2) {
        body .back_to_top {right: 15px; }
        .parsley-errors-list li{line-height:1.2;}}

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px)
    and (min-device-width: 375px)
    and (-webkit-min-device-pixel-ratio: 3) {
        body .back_to_top {right: 15px; }
        .parsley-errors-list li{line-height:1.2;}}


/* -----------------Sales Person List Popup DesignCss------------------ */

.setPassword{
    position: relative;
}
.setPassword .input_img{
    position: absolute;
    bottom: 6px ;
    left: 10px;
}

.setPassword .input_img_2{
    position: absolute;
    bottom: 6px ;
    right: 10px;
}

.readonly-select{background-color: #eef2f5; pointer-events: none; }
.cursor-pointer {cursor: pointer !important;}
.dropdown-item {background-color: #e4f3ec; }.view-all-btn{background: white;} .view-all-btn:hover{color: #000;}
.navbar-brand { margin-left: 0px !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true]{
    background-color: #4b7d43 !important;
    color: white !important;
}