:root {
	--amber_a400: #fdc202;
	--blue_gray_900: #2e2e2e;
	--gray_100: #f4f4f4;
	--gray_700: #5f5f5f;
	--gray_800: #505050;
	--red_600: #f42929;
	--teal_700: #009045;
	--white_a700: #ffffff;
	--white_a700_e5: #ffffffe5;
	--radius-xs: 2px;
	--radius-sm: 3px;
	--radius-md: 4px;
	--radius-lg: 5px;
	--radius-xl: 18px;
	--space-xs: 2px;
	--space-sm: 4px;
	--space-md: 6px;
	--space-lg: 8px;
	--space-xl: 10px;
	--space-2xl: 14px;
}
.bg-black-new{
	background-color: var(--blue_gray_900);
}.bg-black-new .form-control {
 
	color: var(--gray_100);
	background-color: var(--gray_700);
}
.bg-black-new .box {
 
	background: var(--gray_800); 
}.bg-black-new label { 
	color: var(--amber_a400);
}.bg-black-new .box .box-header {
	 
	/* color: red; */
	color: var(--amber_a400);
}.bg-black-new label {
	color: var(--gray_100);
}.bg-black-new .box .box-footer {
	 
	background-color: var(--gray_800);
}.btn.btn-primary {
	 
	color: var(--blue_gray_900);
	background-color: var(--amber_a400);
	
	
}.log-loayout .btn.btn-default {
	background-color: var(--gray_800);
	color: var(--gray_100);
	border-color: #ddd;
	border-bottom-color: #ddd;
}.skin-blue .navbar {
	background-color: var(--gray_800);
}.skin-blue .logo {
	background-color: var(--amber_a400);
	color: var(--blue_gray_900);
}
.log-loayout .btn.btn-primary{
padding-left: 34px;
	padding-right: 34px;
	font-size: 16px;
	font-weight: 700;
	gap: var(--space-lg);

}
.alert {
	padding: 10px 15px 10px 15px;
	font-size: 13px;
    margin-bottom:5px;
    margin-left: 0px;
}
/* Target .sidebar inside .skin-blue */
.skin-blue .sidebar::-webkit-scrollbar {
	width: 8px;
	/* Vertical scrollbar width */
	height: 8px;
	/* Horizontal scrollbar height */
}

.skin-blue .sidebar::-webkit-scrollbar-thumb {
	background-color: #4873B5;
	/* Scrollbar thumb color */
	border-radius: 10px;
	/* Rounded corners for thumb */
}

.skin-blue .sidebar::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	/* Scrollbar track color */
}
.right-side>.content-header>h1 {
	 
	display: none;
}
 
.box .box-header .box-title span:after {
	content:''; 
}
html .right-side>.content-header>.breadcrumb {
	top: -3px;
}html .skin-blue .right-side>.content-header {
	background: #fbfbfb;
	box-shadow: unset;
	padding: 3px;
}.box .box-header .pull-left .box-title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	height: 100%;
	padding-left: 15px;
	padding-top: 13px;
}.box .box-header .pull-left .box-title span{
	width: 27px;
		height: 27px;
		position: relative;
}.box .box-header .pull-left .box-title span:before { 
	font-size: 13px;
	color: #0074e4;
	position: absolute;
	align-items: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
}.box .box-header   .pull-left .box-title span:after {
	content: '';
	color: #0074e4;
	background: rgba(0, 116, 228, 0.1);
	position: absolute;
	width: 27px;
	height: 27px;
	left: 0;
	right: 0;
	border-radius: 50% !important;
}
/* Firefox support */
.skin-blue .sidebar,aside.right-side {
	scrollbar-width: thin;
	/* Smaller scrollbar */
	scrollbar-color: #4873B5 #f1f1f1;
	/* Thumb color first, track color second */
}.skin-blue .sidebar {
	border-bottom: 1px solid #fff;
	max-height: calc(100vh - 50px);
	overflow-y: scroll;
}
.right-side{
		max-height: calc(100vh - 50px);
			overflow-y: scroll;
}.box .box-body ,.tab-content,.table-responsive{
  
	scrollbar-width: thin;
	scrollbar-color: #4873B5 #f1f1f1;
}
.alert ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.alert ul li:before {
	content: "\2192 \0020";
}

.alert.alert-block.alert-danger .errorSummary {
	border:0px;
}

label {
	font-weight:normal;
}

label.error {
	color: #b94a48;
	font-style: italic;
}

label span.required {
	color: #b94a48;
}
input.error, select.error, textarea.error {
	border: 1px solid #b94a48;
	background: #f2dede;
}

.errorMessage {
	font-size: 15px; 
	color: red;
	font-weight: 600;
	margin:-5px; 
	padding:0;
	font-style:italic;
}

.no-margin-left {
	margin-left:0px;
	padding-left:0px;	
}

.no-top-border {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0px;
}

.no-width {
	width:0px;
}


.popover-content {
	font-size: 13px;
}

textarea {
	resize:none;
}


/** Grid View table start **/
.grid-view-loading
{
	background:url(../img/grid-view-loading.gif) no-repeat;
}

.grid-view
{
	padding: 0;
}

table th, table td
{
	font-size: 0.9em;
}

table th a.asc
{
	background:url(../img/grid-up.gif) right center no-repeat;
	padding-right: 10px;
}

table th a.desc
{
	background:url(../img/grid-down.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view .link-column img
{
	border: 0;
}

.grid-view .button-column img
{
	border: 0;
}

.grid-view .checkbox-column
{
	width: 15px;
}

.grid-view .summary
{
	margin: 0 0 5px 0;
	text-align: right;
}

.grid-view .pager
{
	margin: 5px 0 0 0;
	text-align: right;
}

.grid-view .empty
{
	font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
	width: 100%;
}

.grid-view .summary {font-size: 12px;}

/** Grid View table end **/

.box .col-lg-1,
.box .col-lg-2,
.box .col-lg-3,
.box .col-lg-4,
.box .col-lg-5,
.box .col-lg-6,
.box .col-lg-7,
.box .col-lg-8,
.box .col-lg-9,
.box .col-lg-10,
.box .col-lg-11,
.box .col-lg-12 {
	margin-left:0px!important;
	padding-left: 0px!important;
}

button.navbar-toggle span.icon-bar {color:#333333; background:#333333}

.grid-filter-cell input, .grid-filter-cell select {
	font-size: 10px;
	outline:none;
    font-size: 10px;
    outline: none;
    border: 1px solid #c2c2c2;
    margin: 0;
    padding: 0;
}

.pagination,
ul.pagination {
	margin:0;
	padding:0;	
}

ul.pagination li.selected, ul.pagination li.selected a {
	background: #eeeeee;
}

.empty-options-header.loading {
	background: url(../img/grid-view-loading.gif) no-repeat;
	height:16px;
	margin-top:-16px;
}

.errorSummary {
	font-size: 13px; 
	color: #b94a48;
	margin:0; 
	padding:0;
	font-style:italic;
	border: 1px solid #b94a48;
	background: #f2dede;
}

.right-side > .content-header {
    padding: 9px 15px 10px 20px;
}

.right-side > .content-header > .breadcrumb {
    top: 10px;
}

.box .box-header > .box-tools {
    padding: 15px 10px 5px 5px;
}

.box .box-header > .pull-right {
    padding: 15px 10px 5px 5px;
}

.box .box-header .btn.btn-primary,
.box .box-header .btn.btn-danger {
    color:#ffffff;
}

.box .box-header > .fa, 
.box .box-header > .glyphicon, 
.box .box-header > .ion, 
.box .box-header .box-title {
    padding: 15px 0px 5px 10px;
}

.callout {
    font-size:12px;
    padding: 5px 30px 5px 15px;
}

.user-panel {
    padding: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.user-panel > .image > img {
    width: 35px;
    height: 35px;
}

.user-panel > .info {
    padding: 12px 5px 0px 5px;
}

.user-panel > .info > p {
    margin-bottom: 0px;
}
  

.inputosaurus-container .inputosaurus-input input {
    border: medium none;
    box-shadow: none;
    color: #32568d !important;
    font-size: 14px;
    height: 23px;
    line-height: 20px;
    margin: 0;
    outline: medium none;
    padding: 0 0 1px 1px;
    width: 25px;
}
.inputosaurus-input input {
    color: #3f6095 !important;
    font-size: 18px !important;
    font-weight: 100 !important;
    height: 25px !important;
    width: 120px !important;
     background: #fff ;
    display:block !important;
}
.ui-autocomplete{
	 z-index:2000000003!important;
 }

a[title="Goole Translate Polish"] {
    display: none;
}
.btn-package {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 20px;
	background: linear-gradient(90deg, #4caf50, #8bc34a);
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	/* Removes underline */
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-package .icon {
	display: inline-block;
	font-size: 20px;
	transition: transform 0.3s ease;
}
.tab-content>.active { 
	opacity: 1;
}
.btn-package:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
 
.btn-package:hover .icon {
	transform: rotate(360deg);
}   [data-status="U"] {
  	background-color: orangered !important;
  }
 .modal.show#myModal .modal-dialog {
 	-webkit-transform: translate(0, 0);
 	transform: translate(0, 0);
 }.modal.show#myModal .modal-dialog {

	min-width: 636px !important;
}.skin-blue .sidebar,
aside.right-side {
	scrollbar-width: thin;
	scrollbar-color: var(--amber_a400) #f1f2f3;
}.skin-blue .sidebar>.sidebar-menu>li>a:hover,
.skin-blue .sidebar>.sidebar-menu>li>a:hover,
.skin-blue .sidebar>.sidebar-menu>li.active>a {
	color: var(--gray_800);
	background: rgba(253, 194, 2, 0.1);
}.btn.btn-primary { 
	border-color: var(--amber_a400);
	color: var(--gray_800) !important;
}.box .box-header>.fa,
.box .box-header>.glyphicon,
.box .box-header>.ion,
.box .box-header .box-title { 
	color: var(--gray_800) !important; 
}.card-title h2,
.card-title h1,
.card-title h3 {
	color: var(--gray_800) !important;
	 
}.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: #fff !important; 
}.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--gray_800) !important;
	color: var(--amber_a400) !important;
}html .d-flex-items .bts.btn-sv {
	background-color: var(--amber_a400);
	color: var(--gray_800) !important;
}

.publish-toggle-container {
	display: flex;
	align-items: center;
	font-family: sans-serif;
	gap: 10px;
}

.publish-switch {
	position: relative;
	width: 50px;
	height: 24px;
}

.publish-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.publish-slider {
	position: absolute;
	cursor: pointer;
	background-color: #ccc;
	border-radius: 24px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: background-color 0.3s;
}

.publish-slider::before {
	content: "";
	position: absolute;
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.3s;
}

.publish-switch input:checked+.publish-slider {
	background-color: #28a745;
}

.publish-switch input:checked+.publish-slider::before {
	transform: translateX(26px);
}

.publish-label {
	font-size: 14px;
}

.publish-switch {
	max-width: 50px;
}