div#hello_world_block_left p {
	font-weight: bold
}

div#hello_world_block_left p {
    font-weight: bold;
    color: green
}
.conf_box {
	  border: 1px solid #dfd5c3;
    padding-top: 10px;
    padding-bottom: 10px;
}
#add_new_zip div {
	padding-top: 10px;
}
#generate_awb {

}
.warning-gls {
	color: red;
	margin-bottom: 4px;
}
.form-controller span {
	vertical-align: middle;
}
.ui-menu .ui-menu-item {
	text-align: left !important;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	color: #fff;
  background: #0b7fe6 !important;
}
.d-none {
	display: none;
}
.sub-service {
	padding-left: 25px;
}
.sms-input {
	width: 364px;
	height: 60px;
}
#smsText .button {
	margin-top: 5px;
	margin-bottom: 5px;
}
.print-awb-btn {
	position: absolute;
	right: 25px;
	top: 25px;
}
.services label {
	float:none;
	font-size: 16px;
}
.services input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */

}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}


/*print awb list design*/
@media print {
	.glscarrier .filter {
		display:none !important;
	}
	table.glscarrier thead th a {
		display: none;
	}
	#form-glscarrier .pagination {
		display: none;
	}
	table.glscarrier thead th {
    text-align: center;
	}
	table.glscarrier tbody td {
    text-align: center;
	}
	table.glscarrier thead th:nth-of-type(6) {
		display: none;
	}
	table.glscarrier tbody td:nth-of-type(6) {
		display: none;
	}
}

/* ===================================================================
   AWB admin form design fixes (v3, 2026-08-06)
   Uses helper classes injected into PHP:
   .gls-awb-wrap, .gls-fields-col, .gls-field-row, .gls-empty-col
   =================================================================== */

/* 1) Full-width the AWB panel (was col-lg-7, now col-lg-12 gls-awb-wrap) */
.gls-awb-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* 2) Hide the empty right column (only #add_new_zip) */
.gls-empty-col { display: none !important; }

/* 3) Fields column layout */
.gls-fields-col {
    padding: 12px 16px;
    line-height: 1.5;
    color: #363a41;
}

/* 4) Each individual field row (label LEFT, input RIGHT, on one line) */
.gls-field-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px 0;
}
.gls-field-row > label {
    flex: 0 0 140px;
    text-align: right;
    font-weight: 600;
    color: #363a41;
    font-size: 13px;
    margin: 0;
    line-height: 1.2;
}
.gls-field-row > input[type="text"],
.gls-field-row > input[type="number"] {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    padding: 7px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}
.gls-field-row > input:focus {
    border-color: #0b7fe6;
    outline: none;
    box-shadow: 0 0 0 3px rgba(11,127,230,.18);
}

/* Also style the "Cauta alt Cod Postal" search input */
.form-controller #zip_keyword {
    display: block;
    width: 100%;
    max-width: 340px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
}
.form-controller #zip_keyword:focus {
    border-color: #0b7fe6;
    outline: none;
    box-shadow: 0 0 0 3px rgba(11,127,230,.18);
}

/* Top-level .form-controllers: label LEFT (fixed width), control RIGHT — one row.
   Use CSS Grid with !important to beat PS admin overrides.
   Excludes checkbox rows inside .services (label there wraps the input). */
.row.well > .col-lg-6 > .form-controller,
.col-lg-6.form-horizontal > .form-controller {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 340px) 1fr !important;
    grid-column-gap: 12px !important;
    align-items: center !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: left !important;
    float: none !important;
}

.row.well > .col-lg-6 > .form-controller > label,
.col-lg-6.form-horizontal > .form-controller > label {
    grid-column: 1 !important;
    text-align: left !important;
    font-weight: 600 !important;
    color: #363a41 !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    float: none !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* Control-side wrappers: whatever container follows the label */
.row.well > .col-lg-6 > .form-controller > input,
.row.well > .col-lg-6 > .form-controller > select,
.row.well > .col-lg-6 > .form-controller > .col-lg-12,
.row.well > .col-lg-6 > .form-controller > .fixed-width-xl,
.row.well > .col-lg-6 > .form-controller > .input-group,
.col-lg-6.form-horizontal > .form-controller > input,
.col-lg-6.form-horizontal > .form-controller > select,
.col-lg-6.form-horizontal > .form-controller > .col-lg-12,
.col-lg-6.form-horizontal > .form-controller > .fixed-width-xl,
.col-lg-6.form-horizontal > .form-controller > .input-group {
    grid-column: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    float: none !important;
}

/* Nested inputs/selects fill their container */
.col-lg-6.form-horizontal > .form-controller > .fixed-width-xl > input,
.col-lg-6.form-horizontal > .form-controller > .fixed-width-xl > select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* .input-group: input + addon flex row */
.col-lg-6.form-horizontal > .form-controller > .input-group {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
}
.col-lg-6.form-horizontal > .form-controller > .input-group > input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}
.col-lg-6.form-horizontal > .form-controller > .input-group > .input-group-addon {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* small helper text (green note "GLS Locker 1015 Spalatorie Auto") — occupies the 3rd grid column */
.col-lg-6.form-horizontal > .form-controller > small,
.col-lg-6.form-horizontal > .form-controller > .small {
    grid-column: 3 !important;
    font-size: 12px !important;
    color: #388e3c !important;
    margin: 0 !important;
    padding-left: 8px !important;
    align-self: center;
}

/* Postal-code warning banner */
.warning-gls, #stil:not(:empty) {
    display: block;
    background: #fbecec;
    color: #a94442;
    border: 1px solid #ebccd1;
    border-left: 4px solid #d9534f;
    border-radius: 4px;
    padding: 10px 14px;
    margin: 8px 0 14px 0;
    font-weight: 500;
    max-width: 720px;
}

/* 5) .row.well: two columns SIDE-BY-SIDE (Cauta alt Cod Postal | fields) */
.row.well {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 16px 0 !important;
}
.row.well > .col-lg-6 {
    flex: 1 1 320px;
    max-width: calc(50% - 10px);
    width: auto;
    padding: 14px 18px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    box-sizing: border-box;
}
/* On narrower widths, stack them */
@media (max-width: 992px) {
    .row.well > .col-lg-6 { max-width: 100%; flex: 1 1 100%; }
}

/* 6) The 2nd-screenshot fields inside .col-lg-6.form-horizontal --------------- */

.col-lg-6.form-horizontal .form-controller {
    display: block;
    margin: 0 0 12px 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}
.col-lg-6.form-horizontal .form-controller > label {
    display: block;
    font-weight: 600;
    color: #363a41;
    font-size: 13px;
    margin: 0 0 4px 0;
}

#selectcont,
#nr_colete, #data_ridicarii, #additional_info, #referinte_client,
#codamount, #parcel_locker, #codreference {
    display: inline-block;
    width: auto;
    min-width: 220px;
    max-width: 340px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
    line-height: 1.4;
}
#selectcont { min-width: 200px; }

/* .input-group (Buc., RON, calendar addon) */
.form-controller .input-group {
    display: inline-flex;
    align-items: stretch;
    vertical-align: middle;
}
.form-controller .input-group > input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin: 0 !important;
    border-right: none;
}
.form-controller .input-group > .input-group-addon {
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    border-left: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 13px;
    color: #444;
    line-height: 1;
}
.form-controller .fixed-width-xl { max-width: 340px; }

#selectcont:focus, #nr_colete:focus, #data_ridicarii:focus,
#additional_info:focus, #referinte_client:focus, #codamount:focus,
#parcel_locker:focus, #codreference:focus {
    border-color: #0b7fe6;
    outline: none;
    box-shadow: 0 0 0 3px rgba(11,127,230,.18);
}

/* Hide any remaining hidden inputs and their trailing <br>s */
input[type="text"][hidden] { display: none !important; }
br + input[type="text"][hidden],
input[type="text"][hidden] + br { display: none !important; }

/* Panel visuals */
.panel .panel-heading {
    padding: 12px 16px;
    background: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 600;
}
.panel > form { padding: 12px 16px 16px 16px; }

/* #generate_awb layout: two mid columns side-by-side */
#generate_awb.row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0;
}
#generate_awb.row > .col-lg-6.form-horizontal {
    flex: 1 1 340px;
    max-width: 100%;
    padding: 0;
}
#generate_awb.row > .col-lg-12 {
    flex: 0 0 100%;
    width: 100%;
    padding: 12px 0 0 0;
    text-align: right;
}

/* Genereaza Awb button */
button.genereaza_awb {
    background: #0b7fe6;
    color: #fff;
    border: none;
    padding: 10px 22px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 120ms ease;
}
button.genereaza_awb:hover { background: #0968bd; }
