@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");

:root {
  --transition: .5s;
}

.icon-alert {
    width: 8px;
    height: 8px;
    border-radius: 6px;
    background: #d92550;
    position: absolute;
    top: 0px;
}

.divInline label{
  vertical-align: middle !important;
  text-align: center !important;
  cursor: pointer !important;
  background-color: #fff ;
  color: black !important;
  padding: 5px 10px !important;
  border-radius: 10px !important;
  border: 1px solid #ccc!important;
  .transition !important;
  height: 100%;
  width: 100%;
}

.divInlineDisabled label{
  vertical-align: middle !important;
  text-align: center !important;
  cursor: pointer !important;
  background-color: #808080 ;
  color: black !important;
  padding: 5px 10px !important;
  border-radius: 10px !important;
  border: 1px solid #ccc!important;
  .transition !important;
  height: 100%;
  width: 100%;
  opacity: 0.3;
}


.divInline input[type='radio']:checked + label{
	background-color: #0ABAB5 !important;
	color: white !important;
	height: 100% !important;
  	width: 100%;
}

.divInlineDisabled input[type='radio']:checked + label{
	background-color: #0ABAB5 !important;
	color: white !important;
	height: 100% !important;
  	width: 100%;
}

.divInline input[type='checkbox']:checked + label{
	background-color: #0ABAB5 !important;
	color: white !important;
	height: 100% !important;
  	width: 100%;
}

.divInlineDisabled input[type='checkbox']:checked + label{
	background-color: #0ABAB5 !important;
	color: white !important;
	height: 100% !important;
  	width: 100%;
}

.divInline{
	display: inline-block;
	margin: 10px 10px;
	padding:10px;
}

.divInlineDisabled{
	display: inline-block;
	margin: 10px 10px;
	padding:10px;
}

.divInlineDDL{
	display: inline-block;
	margin: 10px 20px;
	padding:15px;
	min-width:20%;
}

.addonServiceBox {
  border-radius: 10px !important;
  border: 1px solid #ccc!important;
  min-height:150px;
  padding:20px;
  /* .transition !important; */
}

.addonServiceSelectionBox {
  border-radius: 10px !important;
  border: 1px solid #ccc!important;
  padding:20px;
  /* .transition !important; */
}

.bg-main-primary{
  /* background-image: url(/webroot/custom/assets/images/login-banner.png)!important; */
  background-image: url(/webroot/custom/assets/images/login-side-dark.png)!important;
  background-size: cover;
  background-position: center center;
}

.slick-slider .slider-content h3{
  text-shadow: 3px 1px 2px black;
}

.btn-upload-square{
  border: 1px solid black;
  width: fit-content;
  padding: 30px;
  margin: auto;
}

.btn-upload-square .fa-image{
  font-size: 3rem;
}

.item-list .btn:not(.collapsed) .showicon {display:none}
.item-list .btn.collapsed .hideicon {display:none}

.item-list .btn-2:not(.collapsed) .showicon {display:none}
.item-list .btn-2.collapsed .hideicon {display:none}

.border-right{
  border-top-right-radius: 50px!important;
  border-bottom-right-radius: 50px!important;
}

.border-left{
  border-top-left-radius: 50px!important;
  border-bottom-left-radius: 50px!important;
}

/* PDF-specific styles */
@media print {
    .modal-content {
        background: white !important;
        color: black !important;
        border: 2px solid #333 !important;
        padding: 20px !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }
    
    .btn, .submitbtn {
        display: none !important;
    }
    
    #qrcodecanvas {
        display: block !important;
        text-align: center;
        margin: 20px auto;
    }
}

.pdf-only {
    display: none;
}

@media print {
    .pdf-only {
        display: block;
    }
    
    .no-print {
        display: none;
    }
}

/* PDF optimization styles */
@media print {
    .modal-content {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 15px !important;
        background: white !important;
    }
    
    .app-container, .app-login-box, .modal-dialog {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .form-row {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .position-relative.form-group {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}

/* Ensure proper width for PDF generation */
.pdf-optimize {
    width: 100% !important;
    max-width: none !important;
}

.logo-src,
.app-logo{
    background: url(../images/cssLogo.png) 50% 50% no-repeat !important;
    background-size: 100% !important;
    height: 50px !important;
    width: 150px !important;
}

.alert-css{
  color: #ffff;
  background-color: #008083;
  border-color: #2897af;
}

.select2-search__field{ /*select2 empty option*/
  /* width: auto !important; */
  min-width: 1em !important; /* optional to ensure visibility */
}

/* Ultra-aggressive CSS that should work */
input[disabled][data-toggle="toggle"] + div,
input[disabled][data-toggle="toggle"] + .toggle,
div[data-toggle="toggle"].disabled,
.toggle.disabled,
.toggle[disabled] {
    opacity: 0.6 !important;
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

/* Target everything inside */
input[disabled][data-toggle="toggle"] + div *,
input[disabled][data-toggle="toggle"] + .toggle *,
.toggle.disabled * {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    border-color: #dee2e6 !important;
}

#a4-wrapper {
    position: relative;
}
.pdf-content {
    transform-origin: top left;
}

.pdf-content * {
    box-shadow: none !important;
    overflow: hidden !important;
}

/* At PDF time, enforce exact clipping */
#a4-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}