/* Shard wash  */



/* .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}
.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:32px;user-select:none;-webkit-user-select:none}
.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select2-container .select2-selection--single .select2-selection__clear{position:relative}
.select2-container[dir="rtl"] 
.select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}
.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}
.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}
.select2-container .select2-search--inline{float:left}
.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}
.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}
.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}
.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}
.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}
.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}
.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}
.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:32px;font-size: .7rem}
.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:33px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:35px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}


.select2-a-container--default .select2-selection--single .select2-selection__rendered{line-height:32px;color: #495057;}
.select2-a-container .select2-selection--single{height: auto;padding: .4375rem .75rem;}
.select2-a-container--default .select2-selection--single{border: 1px solid #e1e5eb;}
.select2-a-container--default .select2-selection--single .select2-selection__arrow{height: 100%;} */


.import .form-select{width: auto;padding: 0.5rem 2.2rem 0.5rem 1rem;}



th{font-weight: 500;}
table{font-size:  0.9rem;}
.form-group{position: relative;}
.form-group p { padding-left: 12px;}
.error+.message{font-size: 10px;position: absolute;right: 5px;bottom: 5px;}
.error{color: darkred !important;}
label.title{margin-bottom:0;font-size:12px;color:#000000;cursor: default;text-transform: uppercase;}
.form-group .select2-container{width: 100%;display: block;border-color: #b3bdcc}



.header{width: 100%;display: flex;align-items: center;padding: 0px 1.56rem 0px 1.56rem;height: 4rem;background-color: #21263c;color: #fff;}

.flex{display: flex;}
.justify-center{justify-content: center;}
.justify-spacebetween{justify-content: space-between;}
.flex-wrap{flex-wrap: wrap;}
.item-center{align-items: center;}
.tile{width:150px;display: flex;flex-wrap: wrap;justify-content: center;margin:15px;text-decoration: none !important;}
.tile .img{width:100%;min-height: 150px;display: flex;justify-content: center;align-items: center;background:#ffffff;border-radius: 15px;transition: 0.2s ease all;}
.tile:hover .img{box-shadow: 0px 0px 15px #a9a9a9}
.tile .img img{width:auto;display: block;}
.tile i{font-size: 70px;color: #555555;}
.tile .title{width:100%;text-align: center;margin-top:10px;color:#5a636a;font-size:14px;}
.tile-text-only{width:275px;display: flex;justify-content: center;align-items: center;margin:15px;padding:20px 0;background:#ffffff;border-radius: 15px;transition: 0.2s ease all;}
.tile-text-only:hover{box-shadow: 0px 0px 15px #a9a9a9}
.btn-blue{padding:10px 30px;color:#ffffff;background:#017afc;border-radius: 3px;border:none;}
.semibold{font-weight: 600;}
.b-1-1{width:100%;}
.b-1-2{width:49%;}
.b-1-3{width:33%;}
.b-1-4{width:24%;}
.b-3-1{width:66%;}
.flex{display: flex;}
.flex-end{justify-content: flex-end;}
.text-dark-blue{color:#3d5170;}
.form-control, .form-select,.select2-container--default .select2-selection--single{color:#000000;font-weight: 600;}
.bg-light-gray{background: #f4f5f7}

.form-title{color:#3d5170;font-size:16px;margin-bottom:1rem;}

.dropdown-toggle::after{border-top:0;}


.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6{text-align: center;width:100%;font-size:18px;}
.sidebar .nav li{display: block;width: 100%;}
.sidebar .nav li a{color:#3d5170; transition: 0.2s ease all}
.sidebar .nav .dropdown .fa{color:#d6d8de;transition: 0.2s ease all}
.sidebar .nav li a:hover{color:#007bff;box-shadow: inset .1875rem 0 0 #007bff;}
.sidebar .nav li a:hover i{color:#007bff !important;}
.sidebar .nav li::after{content: '';border: solid #e6e6e6;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;position: absolute;top: 0;bottom: 0;right: 15px;margin: auto 0;width: 5px;height: 5px;transform: rotate(-45deg);}
.sidebar .nav li.active{background:#fbfbfb;}
.sidebar .nav li.active a{color:#007bff;box-shadow: inset .1875rem 0 0 #007bff;}
.sidebar .nav li.active i{color:#007bff !important}
.container-title{font-size:1rem;line-height: 1.5rem;color:#3d5170;font-weight: 500;}

/*input[type=text],input[type=search],input[type=password]{font-size:12px;min-height: 35px;padding:0 15px;width:100%;border-radius: 3px;border:1px solid #e1e5eb;}*/

.card-header .title{font-size: 1rem;font-weight: 600;line-height: 1.5rem;margin-bottom: 0;}

.items-auto-search{position: fixed;bottom: 0;left: 0;background: #ffffff;z-index: 200;width: 100%;box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,.1), 0 0.9375rem 1.40625rem rgba(90,97,105,.1), 0 0.25rem 0.53125rem rgba(90,97,105,.12), 0 0.125rem 0.1875rem rgba(90,97,105,.1);overflow-y: scroll;transform: translateY(100%);height: 0;visibility: hidden;}
.items-auto-search.active{height: 30vh;visibility: visible;transform: translateY(0%);transition: 0.3s ease all;}
.payment-view-page{position: fixed;bottom: 0;left: 0;background: #ffffff;z-index: 200;width: 100%;box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,.1), 0 0.9375rem 1.40625rem rgba(90,97,105,.1), 0 0.25rem 0.53125rem rgba(90,97,105,.12), 0 0.125rem 0.1875rem rgba(90,97,105,.1);overflow-y: scroll;transform: translateY(100%);height: 0;visibility: hidden;}
.payment-view-page.active{height: 30vh;visibility: visible;transform: translateY(0%);transition: 0.3s ease all;}
.unpaidpayment-view-page{position: fixed;bottom: 0;left: 0;background: #ffffff;z-index: 200;width: 100%;box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,.1), 0 0.9375rem 1.40625rem rgba(90,97,105,.1), 0 0.25rem 0.53125rem rgba(90,97,105,.12), 0 0.125rem 0.1875rem rgba(90,97,105,.1);overflow-y: scroll;transform: translateY(100%);height: 0;visibility: hidden;}
.unpaidpayment-view-page.active{height: 30vh;visibility: visible;transform: translateY(0%);transition: 0.3s ease all;}
.a-container{padding:0 25px;width:100%;display: flex;}
header{width:100%;background:#ffffff;display: block;position: fixed;top:0;left:0;z-index: 100;}
header .humburger{display: block;width: 35px;height: 35px;outline: none;padding:5px;position: relative;z-index: 100;}
header .humburger div{display: block;position: relative;width:100%}
header .humburger div img{width:100%;outline: none;display: block;cursor: pointer;}
header .humburger img {position: absolute;top: 0;left: 0;cursor: pointer}
header .humburger img+img {opacity: 0;}
header .humburger.open img{opacity: 0}
header .humburger.open img+img {opacity: 1}
header .h-title{width:270px;display: block;padding:.675rem 0rem;}
header .h-title h1{font-size:16px;color:#ffffff;font-weight: 400}
header .search{width:auto;flex-grow: 1;padding: 1rem 44rem 1rem 1.5rem;}
header .search input{width:100%;height: 100%;background:#f4f5f7;padding:10px 0px 10px 15px;border: none;outline: none;color:#3d5170;font-size:14px;min-height: inherit;border-radius: 0.25rem;}
header .other{width:240px;display: flex;padding-left:15px;height: 100%;align-items: center;}
header .other div:nth-child(1){padding:0 15px;position: relative;}
header .other div i{color:#c3c7cc;cursor: pointer;}
header .other>div:nth-child(1) span{position: absolute;bottom: -5px;right: 8px;background: red;padding: 2px 5px;border-radius: 10px;font-size: 7px;color: #fff;}
header .h-notification{width:400px;background:#ffffff;position: absolute;display: none;top:100%;right:0px;border-radius: 10px;box-shadow: 0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)}
header .h-notification .each{border-bottom:1px solid #e1e5eb;display: inline-block;width:100%;font-size:10px;padding:15px 20px;transition: 0.2s ease all;text-decoration: none;}
header .h-notification .each:hover, header .h-notification .n-show-more:hover {background:#f5f5f5;}
header .h-notification p{font-size:12px;color:#3d5170;}
header .h-notification .n-show-more{width:100%;display: inline-block;text-align: center;font-size:11px;padding:10px 0;text-decoration: none;}
header .other .user-info{display: flex;width: 100%;justify-content: flex-end;align-items: center;position: relative;}
header .other .user-info img{max-width:40px;border-radius: 50%;margin-right:5px;}
header .other .user-info>a{display: flex;align-items: center;position: relative;text-decoration: none;}
header .other .user-info>a:after{display: inline-block;width: 0;height: 0;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;}
header .other .user-info span{font-size:12px;font-weight: 400;}
header .other .user-info .list{width:150px;background: #ffffff;position: absolute;top:100%;right:0;padding-top:15px;opacity: 0;transition: 0.2s ease all;visibility: hidden;box-shadow: 0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1)}
header .other .user-info .list a{width:100%;font-size:12px;color:#3d5170;padding:10px 15px;display: inline-block;margin-top:5px;transition: 0.2s ease all;text-decoration: none;}
header .other .user-info .list a:hover {background:#f5f5f5;}
header .other .user-info .list a.logout,.user-info .list a.logout i{color:#c4183c;}
header .other .user-info.active .list{opacity: 1;visibility: visible;}


footer{min-height: 30px;width:100%;background:#ffffff;position: fixed;bottom:0;left:0;font-size:12px;display: flex;justify-content: center;align-items: center;z-index: 100}
footer .a-container{align-items: center;}
footer .last-login{width:300px;}
footer .session{flex-grow: 1;}

/* table thead tr th { text-transform: uppercase !important;font-size:0.7rem;color:#757383 !important;font-weight: 500 !important;} */
.theme-gray{background:#f4f5f7;}


.row-options{display: flex;align-items: center;visibility: hidden;height: 0;}
.row-options.active{height: auto;visibility: visible;}
.add-serials{display: none}
.unlock-item{display: none}


/*.table .form-control{border-radius:0rem;background: none;border: none;}*/
/*.
.data-table tr.isoptions{}
*/
.range-serial{height: 0;visibility: hidden;} 
.range-serial.active{height: auto;visibility: visible;transition:0.3s ease all;}
.serialnum-comma{height: 0;visibility: hidden;}
.serialnum-comma.active{height: auto;visibility: visible;}


.dropdown-toggle::after{border-top:.3em solid}

/*.data-table {width:100%;}
.data-table thead th{background:#fbfbfb;font-weight: bold;padding:5px 10px;}
.data-table thead th{border:1px solid #e1e5eb}
.data-table tbody tr td{display: table-cell;border:1px solid #e1e5eb;padding: 5px 10px;}
.data-table .rows{width:100%;display: table-row-group}
.data-table .heading>div, .quotation-table .rows>div{display: table-cell;padding:15px 10px;border:1px solid #e1e5eb}
.data-table .rows .ignore{border:none;}
.data-table .result{font-weight: bold;}*/

/*.card-body .title{text-transform: uppercase;display: block;color: gray}*/
.card-body .value{font-size: 15px;}
.error-div{border-color: #b3383f;}
.clickable{cursor: pointer;}s
.select-level-0 {background-color:#428bca !important;color:#fff !important;padding-left: .75rem !important;}

.main-sidebar .submenu { display: none !important;}
.main-sidebar .nav-item:hover .submenu { display: block !important;}

.trlink{cursor: pointer;}
.trlink:hover{background: #f8f8f8;color: #333}

.notify{position: fixed;bottom: 4rem;right: 2rem;background: rgba(0,123,255, 7.0);color: #fff;max-width: 200px;padding: 1rem 2rem;z-index: 99999;transition: all 0.2s linear;display: none;}


.content{padding-right:16rem;}
.data-table{width:100%;height: auto;}
.data-table>div{display: flex;width:100%;}
.data-table .eheading{text-transform: uppercase;color:#757383;font-size:0.6rem;padding:0.3rem;align-items: flex-start;}
.data-table .eheading>div{padding:0.6rem;border:1px solid #e1e5eb}
.data-table tr>div{border-bottom:1px #e1e5eb solid;padding:0.6rem;display: flex;align-items: flex-start;flex-wrap: wrap;}
.data-table tr>div input{border:none !important}
.data-table tr>div select{border:none !important}
.data-table tr>div p{width:100%;}
.data-table tr>div h5{width:100%;}
.data-table tr{color:#000;font-weight: 600;}
.data-table tr h5{font-size:0.7rem;font-weight: 600;}
.data-table tr .t-price{text-align: right;}
.data-table .t-xml{width:3%;padding:0.6rem;}
.data-table .t-bg{width:15.5rem;width: 22rem;}
.data-table tr .t-bg{padding:1rem 0.6rem 1rem 0.6rem !important}
.data-table tr .t-sm{padding:1rem 0.6rem 1rem 0.6rem !important}
.data-table td{padding:1rem 0.6rem 1rem 0.6rem !important}

.data-table tbody tr{vertical-align: top;}
.data-table td{display: table-cell;}
.data-table th{padding:1rem 0.6rem 1rem 0.6rem !important;background-color: var(--theme-primary--) !important;color: #000 !important;}
.data-table tr textarea{resize:none}
.data-table thead tr{vertical-align: middle;}

.erp_table_disc{width: 10rem;}
.t-row.sub_item .t-bg{padding:0.2rem 0 0.2rem 0.5rem !important;}
.t-row.sub_item .t-sm{padding:0.2rem 0 0.2rem 2rem !important}
.erp-group-input{display: flex;align-items: flex-start !important;flex-wrap: nowrap !important;}
textarea.resizenone{resize: none;}
.summary .border-bottom{border-bottom:1px solid var(--input-bg--) !important}




/* right panel */

.right-pane .set-timeline {
	line-height: 1.5;
	min-height: 100vh;
	font-family: "Outfit", sans-serif;
	padding-top: 20vh;
	padding-bottom: 20vh;
	overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 3.75rem - 1px);
    padding-top: 1rem;
}
.right-pane .set-timeline img {
    display: block;
	max-width: 100%;
}
.timeline {
	width: 85%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	padding: 32px 0 32px 32px;
	border-left: 2px solid var(--c-grey-200);
	font-size: smaller;
}

.timeline-item {
	display: flex;
	gap: 5px;
	& + * {
		margin-top: 24px;
	}
	& + .extra-space {
		margin-top: 48px;
	}
}

.new-comment {
	width: 100%;
	input {
		border: 1px solid var(--c-grey-200);
		border-radius: 6px;
		height: 48px;
		padding: 0 16px;
		width: 100%;
		&::placeholder {
			color: var(--c-grey-300);
		}

		&:focus {
			border-color: var(--c-grey-300);
			outline: 0; 
			box-shadow: 0 0 0 4px var(--c-grey-100);
		}
	}
}

.timeline-item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: -52px;
	flex-shrink: 0;
	overflow: hidden;
	box-shadow: 0 0 0 6px #fff;
	svg {
		width: 20px;
		height: 20px;
	}

	&.faded-icon {
		background-color: var(--c-grey-100);
		color: var(--c-grey-400);
	}

	&.filled-icon {
		background-color: var(--c-blue-500);
		color: #fff;
	}
}

.timeline-item-description {
	display: flex;
	padding-top: 6px;
	gap: 8px;
	color: var(--c-grey-400);

	img {
		flex-shrink: 0;
	}
	a {
		color: var(--c-grey-500);
		font-weight: 500;
		text-decoration: none;
		&:hover,
		&:focus {
			outline: 0; 
			color: var(--c-blue-500);
		}
	}
}

.avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	&.small {
		width: 28px;
		height: 28px;
	}

	img {
		object-fit: cover;
	}
}

.comment {
	margin-top: 12px;
	color: var(--c-grey-500);
	border: 1px solid var(--c-grey-200);
	box-shadow: 0 4px 4px 0 var(--c-grey-100);
	border-radius: 6px;
	padding: 16px;
	font-size: small;
}

.button {
	border: 0;
	padding: 0;
	display: inline-flex;
	vertical-align: middle;
	margin-right: 4px;
	margin-top: 12px;
	align-items: center;
	justify-content: center;
	font-size: smaller;
	height: 32px;
	padding: 0 8px;
	background-color: var(--c-grey-100);
	flex-shrink: 0;
	cursor: pointer;
	border-radius: 99em;

	&:hover {
		background-color: var(--c-grey-200);
	}

	&.square {
		border-radius: 50%;
		color: var(--c-grey-400);
		width: 32px;
		height: 32px;
		padding: 0;
		svg {
			width: 24px;
			height: 24px;
		}

		&:hover {
			background-color: var(--c-grey-200);
			color: var(--c-grey-500);
		}
	}
}

.show-replies {
	color: var(--c-grey-300);
	background-color: transparent;
	border: 0;
	padding: 0;
	margin-top: 16px;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: smaller;
	cursor: pointer;
	svg {
		flex-shrink: 0;
		width: 24px;
		height: 24px;
	}

	&:hover,
	&:focus {
		color: var(--c-grey-500);
	}
}

.avatar-list {
	display: flex;
	align-items: center;
	& > * {
		position: relative;
		box-shadow: 0 0 0 2px #fff;
		margin-right: -8px;
	}
}

/* context menu styles */
.contextMenu {
	position: absolute;
	transform-origin: top left;
	transform: scale(0);
	width: 220px;
	border: 1px solid rgba(100, 100, 100, 0.55);
	padding: 5px;
	background: rgba(250, 250, 250, 0.98);
	box-shadow: 2px 2px 12px 4px rgba(100, 100, 100, 0.4);
	transition: transform 400ms ease-in-out 50ms;
	z-index: 99;
  }
  .contextMenu.visible {
	transform: scale(1);
  }
  .contextMenu ul li {
	padding: 5px 3px;
	display: flex;
	align-items: center;
	cursor: pointer;
	color: rgba(50, 50, 50, 0.9);
	font-size: 15px;
  }
  .contextMenu ul li:hover {
	background: rgba(100, 100, 100, 0.12);
  }
  .contextMenu ul li.disabled {
	color: rgba(100, 100, 100, 0.5);
	cursor: not-allowed;
  }
  .contextMenu ul li.share {
	width: 100%;
	flex-direction: column;
	align-items: left;
	flex-wrap: wrap;
  }
  .contextMenu ul li.share > .name {
	margin-top: -2px;
	margin-bottom: 10px;
	display: block;
  }
  .contextMenu ul li.share .icons {
	width: 100%;
	display: flex;
	justify-content: space-around;
  }
  .contextMenu ul li.share .icons > i:hover {
	background: #e7e7e7;
  }
  .contextMenu ul li i {
	width: 20px;
  }
  .contextMenu ul li a {
	width: 200px;
  }
  .contextMenu ul li div.name {
	padding-left: 8px;
  }
  .contextMenu div.break {
	margin: 4px 0px;
	border-top: 1px solid rgba(100, 100, 100, 0.5);
  }
  
  /* pulse animation styles */
  #pulse {
	position: fixed;
	width: 35px;
	height: 35px;
	background: rgba(0, 0, 0, 1);
	opacity: 0;
	border-radius: 50%;
	z-index: 100;
  }
  #pulse.active {
	animation: pulse 400ms ease;
  }
  
  @keyframes pulse {
	0% {
	  opacity: 1;
	  transform: scale(0);
	}
	100% {
	  opacity: 0;
	  transform: scale(1.1);
	}
  }
  
/* contextMenu  end */

table tbody tr:hover {
	background-color: #f4f5f7; 
}


/* Dashboard Tiles */
.dashboard-tiles {
    position: relative;
    padding-bottom: 0px;
    margin: 0 !important;
}

.dashboard-tiles .tile {
    background: #ffffff;
    display: inline-block;
    -webkit-perspective: 1000;
            perspective: 1000;
    z-index: 20;
    padding: 0 !important;
    margin: 5px 5px 10px 5px;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.3s 0s ease-in;
    transition: all 0.3s 0s ease-in;
    z-index: 1;
    width: calc(33.33333333% - 10px);
    cursor: pointer;
    transition: all 0.3s ease;
}

.dashboard-tiles .tile:hover {
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
    transition: all 0.3s ease;
}

.dashboard-tiles .tile .tile-title {
    background: #ffffff;
    padding: 20px 15px;
    position: relative;
    z-index: 0;
}

.dashboard-tiles .tile .tile-title h2 {
    font-size: 24px;
    letter-spacing: -0.05em;
    margin: 0;
    padding: 0;
}

.dashboard-tiles .tile .tile-title h2 small {
    display: block;
    font-size: 14px;
    margin-top: 8px;
    letter-spacing: -0.025em;
}

.dashboard-tiles .tile .tile-description {
    position: relative;
    font-size: 14px;
    border-top: 1px solid #ddd;
    padding: 10px 15px 0 15px;
}

.dashboard-tiles .tile .tile-actions {
    box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.075);
    padding: 10px;
    text-align: center;
}

.dashboard-tiles .tile .tile-flap {
    background: #d9d9d9;
    position: absolute;
    width: 100%;
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
}

.dashboard-tiles .tile .flap1 {
    -webkit-transition: all 0.3s 0.3s ease-out;
    transition: all 0.3s 0.3s ease-out;
    z-index: -1;
}

.dashboard-tiles .tile .flap2 {
    -webkit-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
    z-index: -2;
}

.dashboard-tiles.showing .tile {
    cursor: pointer;
    opacity: 0.6;
    -webkit-transform: scale(0.88);
            transform: scale(0.88);
}

.dashboard-tiles .no-touch .dashboard-tiles.showing .tile:hover {
    opacity: 0.94;
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
}

.dashboard-tiles .tile.d-tile-show {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
}

.dashboard-tiles .tile.d-tile-show .tile-flap {
    background: #ffffff;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
}

.dashboard-tiles .tile.d-tile-show .flap1 {
    -webkit-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
}

.dashboard-tiles .tile.d-tile-show .flap2 {
    -webkit-transition: all 0.3s 0.2s ease-out;
    transition: all 0.3s 0.2s ease-out;
}

.dashboard-tiles .tile .task-count {
	width: 150px;
    height: 40px;
    position: absolute;
    background: var(--theme-light--);
    text-align: center;
    line-height: 40px;
    color: #333333;
    font-weight: 600;
    transition: all .2s ease;
	border-radius: 1.8rem;
}

/* Task List */
.dashboard-tiles .task-list {
    padding: 0 !important;
}

.dashboard-tiles .task-list li {
    padding: 10px 0;
    padding-left: 10px;
    margin: 3px 0;
    list-style-type: none;
    border-bottom: 1px solid #e9ebed;
    border-left: 3px solid #f36525;
    transition: all .2s ease;
}

.dashboard-tiles .task-list li:hover {
    background: #ecf0f1;
    transition: all .2s ease;
}

.dashboard-tiles .task-list li span {
    float: right;
    color: #f36525;
    margin-right: 5px;
}

.dashboard-tiles.showing .tile.d-tile-show .task-count {
    color: #ffffff;
    background: #f36525;
    transition: all .2s ease;
}

.dashboard-tiles .tile-actions .btn {
    color: #333;
}

.dashboard-tiles .tile-actions .btn:hover {
    color: #f36525;
}


.sidemenu_has_plus{display:block;position: relative;}
.sidemenu_has_plus .sidemenu_plus_btn{position: absolute;right:0.5rem;top:0.45rem;background:#007bff;color:#fff !important;padding:0.45rem 0.5rem;display: flex;align-items: center;border-radius: 50%;height: 0;opacity: 0;visibility: hidden;}
.sidemenu_has_plus:hover .sidemenu_plus_btn svg{width: 1rem;height: 1rem;}
.sidemenu_has_plus:hover .sidemenu_plus_btn{opacity: 1;height: auto;visibility: visible;}
.sidemenu_has_plus .sidemenu_plus_btn i{font-size:0.5rem;color:#fff !important}
.easy_access{position: relative;}
.easy_access_options{background:#fff;top:2rem;position: absolute;right:-5rem;padding:1rem;border-radius: 1rem;min-width: 45rem;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 1rem;opacity: 0;visibility: hidden;height: 0;transition: 0.2s ease all;}
.easy_access_options.active{opacity: 1;height: auto;visibility: visible;}
.easy_access_options ul{padding:0;list-style: none;font-size:0.8rem;}
.easy_access_options h2{font-weight: bold;font-size:0.8rem;margin-bottom:1rem;}
.easy_access_options h2 i{margin-right:0.5rem;}
.easy_access_options li{margin:0.3rem 0}
.easy_access_options li a{color:#757383}

.easy_setting{position: relative;}
.easy_setting_options{background:#fff;top:2rem;position: absolute;right:-5rem;padding:1rem;border-radius: 1rem;min-width: 45rem;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 1rem;opacity: 0;visibility: hidden;height: 0;transition: 0.2s ease all;}
.easy_setting_options.active{opacity: 1;height: auto;visibility: visible;}
.easy_setting_options ul{padding:0;list-style: none;font-size:0.8rem;}
.easy_setting_options h2{font-weight: bold;font-size:0.8rem;margin-bottom:1rem;}
.easy_setting_options h2 i{margin-right:0.5rem;}
.easy_setting_options li{margin:0.3rem 0}
.easy_setting_options li a{color:#757383}


.show_page_style input[type="text"],
.show_page_style input[type="date"],
.show_page_style input[type="datetime-local"],
.show_page_style select,
.show_page_style textarea,
.show_page_style select option,
.show_page_style input[type="checkbox"] { border: none;background-color: transparent;pointer-events: none;padding: 8px !important;font-weight: 700 !important;font-size: small !important;}
.show_page_style .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 800;padding: 0px;}
.show_page_style .select2-container--default .select2-selection--single {
    border: none !important;
    pointer-events: none !important;
    background-color: transparent !important;
}

.show_page_style .select2-container--default .select2-selection__arrow {
    display: none !important;
}

/* styles.css */
#content {
    width: 100%;
    min-height: 100px; /* Minimum height for initial view */
    border: 1px solid #ccc; /* Optional: border for visibility */
    overflow: hidden; /* Ensure content doesn't overflow */
	padding: 2rem;
	box-sizing: border-box;
}


.page {
    width: 21cm; /* A4 width in cm */
    height: 29.7cm; /* A4 height in cm */
    page-break-after: always;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 1cm;
    box-sizing: border-box;
    overflow: hidden;
	background: #fff;
	transform-origin: top left;
	transform:scale(1);
}

/* Optional: Print styles */
@media print {
    #content {
        width: 21cm;
        height: 29.7cm;
        overflow: hidden;
    }
    .page {
        margin-bottom: 0;
    }
}

.nobottomborder td{border-bottom:none !important;}

/* History item styling */
.history-list {overflow-y: auto;padding-right: 5px;}
.history-list::-webkit-scrollbar {width: 6px;}
.history-list::-webkit-scrollbar-thumb {background: #ccc;border-radius: 5px;}
.history-list::-webkit-scrollbar-track {background: var(--pink--);}
.history-item {padding: 8px 0;border-bottom: 1px solid #ddd;transition: all 0.2s ease-in-out;}
.history-item:last-child {border-bottom: none;}
.history-item a {color: black;text-decoration: none;display: flex;align-items: center;gap: 8px;padding: 6px 10px;border-radius: 6px;transition: background 0.2s, color 0.2s;}
.history-item a:hover {background:var(--pink--);color: #007bff;}
.history-text {flex-grow: 1;}
.history-title {font-weight: 500;color: black;font-size: 12px;}
.text-muted {font-size: 10px;}
/* History item styling end */


/* Right Pane Styling (Initially Visible) */
#right-sidebar-pane {position: fixed;transition: right 0.3s ease-in-out;padding: 15px;}
#right-sidebar-pane.hidden {right: -320px;}
#toggle-right-sidebar {position: fixed;top: 25%;right: 0%;padding: 10px 15px;background: var(--theme-info--);color: white;border: none;
    cursor: pointer;border-radius: 5px;z-index: 1100;transition: background 0.2s;display: none;}
#toggle-right-sidebar:hover {background: var(--pink--);}

.list-view {flex: 1;padding: 20px 0;transition: width 0.3s ease-in-out;}
.expanded {width: calc(100% + 18%) !important;}
.collapsed {width: calc(100% - 0%) !important;}
.data-table {width: 100% !important;table-layout: auto !important;max-width: 100%;}
.dataTables_wrapper {width: 100%;}
.right-sidebar-header {display: flex;justify-content: space-between;align-items: center;}
.right-close-btn { font-size: 20px; cursor: pointer; background: none; border: none; }


/* Apply blue border when an element is focused */
 input:focus, select:focus, textarea:focus,[contenteditable="true"]:focus, .select2-container--default .select2-selection--single:focus {background-color: #fff !important;}
/*.select2-container--default .select2-selection--single {border: 1px solid #ccc;transition: border-color 0.3s ease-in-out;}
.select2-container--default .select2-selection--single.select2-selection-focus {border: 2px solid #84b1f1e8 !important;} */



  /* Make each table cell (td) closely wrap its content */
  .item-table td {
    white-space: nowrap;
  }

  .item-table th {
    white-space: nowrap;
  }

  /* Make inputs/selects/textarea fill full width of the cell */
  .item-table td .form-control,
  .item-table td .form-select,
  .item-table td textarea {
    width: 100% !important;
	padding-left:0.8rem !important;
	padding-right:0.8rem !important;
    font-size: 0.85rem;
    line-height: 1.2;
    height: 26px;
    box-sizing: border-box;
  }

  /* Remove gap between grouped input fields */
  .item-table .input-group {
    flex-wrap: nowrap;
    gap: 0 !important;
  }

  /* Special case: input groups inside table cells */
  .item-table .input-group > .form-control {
    width: auto;
    flex: 1 1 auto;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* Avoid spacing issues inside dropdowns */
  .item-table select.form-select {
    padding-right: 1.5rem !important;
  }

   /* For disabled currency input fields like 'AED' */
  .item-table input.currency-display {
    width: 5ch !important; /* enough space for 3-4 letters */
    min-width: 5ch !important;
    max-width: 6ch;
    padding: 0 2px !important;
    text-align: center;
    background-color: #f8f9fa; /* light gray bg if needed */
    border: none; /* optional: no border if it's just a display field */
  }


  .item-table .t-ml {
    min-width: 15ch !important;
  }