body{background-color:#f1f1f1!important}
html.share_vetform:not(.tool_electronic_prescription):not(.tool_emergency_script) input,
/* html.share_vetform:not(.tool_electronic_prescription):not(.tool_emergency_script) textarea, */
html.share_vetform:not(.tool_electronic_prescription):not(.tool_emergency_script) select,
html.share_vetform:not(.tool_electronic_prescription):not(.tool_emergency_script) .accordionButton,
html.share_vetform:not(.tool_electronic_prescription):not(.tool_emergency_script) .addMessageButton
{pointer-events:none}
html.share_vetform #photobox_petImage{display: none}
.sharelink-header{background-color:#4823a1;top:0;left:0;position:fixed;z-index:105;height:76px;font-size:14px;font-weight:400;color:#fff;width:100%;text-align:center;line-height:76px;}
.page-header .row{position:relative;height:4.75rem}
.page-header h2,.page-header h3{font-size:1rem;line-height:1.1875rem;margin:0;padding:0;font-weight:normal;color:#ffffff;text-align:center;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-weight:400}
.overview-h2{padding:12px 10px 6px 18px;width:100%;height:40px;font-size:12px;background-color:#e0e0e0;text-transform:uppercase;margin-bottom:12px;border-radius:8px}
.overview-content{margin-top:60px;margin-bottom:100px}
.container-vet-logo{margin-top:-20px;max-width:120px}
.vet-logo{max-width:120px}
.page-content img{margin: 0px !important}
.page-content h1{background-color:#4823a1;color:#ffffff;font-weight:200!important;font-size:20px;line-height:1.4rem;border-radius:6px;padding:1.4rem!important}

/* 260213 - overrides to be consistent with plugin > forms */
.page-content h2{
  background-color:#e0e0e0;
  color:#333333;
  font-weight:300;
  margin-bottom:.5rem;
  font-size:14px;
  line-height:1.4rem;
  border-radius:6px;
  padding:.85rem 1rem!important;
  text-transform:uppercase;
}

.page-content h3{font-size:14px;font-weight:600;padding:2.4rem 0 .8rem!important;margin-bottom:.5rem}
.page-content p{font-size:15px;line-height:20px;padding-bottom:10px}
.page-content ul{font-size:15px;line-height:20px}
.page-content table{font-size:15px;line-height:20px;padding:0!important}
.page-content blockquote{width:100%;background-color:#401e8f;color:#fff;padding:.4rem;text-align:center;border-radius:6px;margin-bottom:.5rem}
label{width:100%;font-size:12px}
.page-content ol,.page-content ul{padding-left:1.2rem}

/* ----- 260213 - overrides to be consistent with plugin > forms ---- */
.form-control {
  font-weight: 600;
  border-radius: .4rem;
  height: 34px;
}
.form-control[readonly] { background-color: #e9ecef }
.form-control:disabled { color: #222 }

.checkbox-option-item input[type="checkbox"],
.radio-option-item input[type="radio"] {
  width: 18px;
  height: 18px;
  margin-top: 0;
  flex-shrink: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #ced4da;
  background-color: #fff;
}

.checkbox-option-item input[type="checkbox"] {
  border-radius: 0.25rem;
}

.radio-option-item input[type="radio"] {
  border-radius: 50%;
}

.checkbox-option-item input[type="checkbox"]:checked,
.radio-option-item input[type="radio"]:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.checkbox-option-item input[type="checkbox"]:checked::after {
  content: '✓';
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.radio-option-item input[type="radio"]:checked::after {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  display: block;
  margin: auto;
  margin-top: 4px;
}

.checkbox-option-item label,
.radio-option-item label {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 0;
  cursor: pointer;
}

.checkbox-option-item span,
.radio-option-item span {
  line-height: 1.4;
}

/* ---- 260213 ---- */














table img{max-width:360px;max-height:360px}
.page-content .table-wrap{width:100%;max-width:100%;overflow-x:scroll;padding:0;margin:0 0 1.25rem;-webkit-overflow-scrolling:touch}
.page-content table{border:0;width:100%;margin:24px 0}
.page-content table th{border:0;padding:1rem 1.625rem;text-align:left}
.page-content table td{background-color:#fafafa;border:0}
.page-content table tr:nth-child(odd) td{background-color:#f2f2f2}
.page-footer{margin-top:150px;margin-bottom:150px;text-align:center}
.page-footer p{font-size:12px!important;color:#a1a1a1!important;font-weight:400}
.inprogress-container{background-color:#4100a3;top:76px;left:0;position:fixed;z-index:105;width:100%;padding:12px}
.dispensed-container{background-color:green;top:76px;left:0;position:fixed;z-index:105;width:100%;padding:12px}
.inprogress-text{color:#fff;margin-right:20px}
.cancelled-text{color:#fff;margin-right:20px}
.content-container{margin-top:140px}
.active-container{background-color:#28a745;top:76px;left:0;position:fixed;z-index:105;width:100%;padding:12px}
.dispensed-container{background-color:#1f82de;top:76px;left:0;position:fixed;z-index:105;width:100%;padding:12px}
.dispensed-text{color:#fff;margin-right:20px}
.btn-outline-primary{font-size:14px;padding:10px 20px;margin-right:10px;margin-bottom:20px}
.container-vet-buttons{margin-top:24px}
.vet-details-header{font-size:18px;font-weight:600}
.vet-details-content{font-size:16px}
@media only screen and (max-width: 600px) {
.vet-logo{width:80px;margin:0}
.vet-details-header{font-size:14px;font-weight:600}
.vet-details-content{font-size:14px}
.overview-content{margin-top:0;margin-bottom:0}
.container-vet-details{font-size:12px;width:130px}
.container-vet-qr{width:80px!important}
.page-content h1{font-size:1.4rem;line-height:1.4rem;padding:1.4rem 1.6rem!important}
.btn-outline-primary{font-size:12px;padding:10px}
.container-vet-buttons{margin-top:8px}
#qr{width:80px;height:80px}
}
.chart-table .table{margin:0!important;padding:0!important;width:100%!important;min-width:0!important}
.chart-table .table td{padding:.5rem!important;min-width:0!important}
.chart-table .table th{padding:10px 10px 0 0;min-width:20px!important}
sup{color:#f00;font-weight:600;font-size:14px}
.fadeMeShare{opacity:.7;filter:alpha(opacity=20);background-color:#dee2e6;width:100%;height:100%;z-index:10;top:0;left:0;position:absolute}
.fadeMe{opacity:.7;filter:alpha(opacity=20);width:100%;height:100%;z-index:10;top:0;left:0;position:absolute}
.hideDiv{visibility:hidden}
.modal-content-padding{padding:24px}
.modal-heading{font-weight:800;font-size:24px!important;text-align:center}
.modal-text{text-align:center}
.modal-btn-primary-blue,.modal-btn-primary-red,.modal-btn-secondary,.action-btn-edit,.action-btn-close,.action-btn-multishare,.action-btn-amend{position:relative;padding:12px 24px;font-size:12px;text-transform:uppercase;border-radius:4px;color:#fff;border:1px solid;cursor:default}
.modal-btn-primary-blue{color:#fff;background-color:#007bff;border-color:#007bff}
#loading{width:100%;height:100%;background-color:#00000085;position:fixed;top:0;z-index:9999}
.doggy{width:180px;margin:200px auto 0}
.ql-align-center{text-align:center}
.ql-align-right{text-align:right}
body{background-color:#f1f1f1!important}
.global-header-container{top:0;left:0;position:fixed;z-index:105;width:100%;display:flex;flex-direction:column}
.header-container{position:relative;background-color:#1b0042;font-size:14px;font-weight:400;color:#fff;width:100%;display:flex;justify-content:center;align-items:center;padding:24px}
.sub-header-container{position:relative;width:100%;padding:12px;color:#fff}
.overview-h2{padding:12px 10px 6px 18px;width:100%;height:40px;font-size:12px;background-color:#e0e0e0;text-transform:uppercase;margin-bottom:12px;border-radius:8px}
.overview-content{margin-top:60px;margin-bottom:60px}
.vet-logo{max-width:120px}
.content-container{margin-top:140px}
.cancelled-container{background-color:#F5360D}
.cancelled-text{color:#fff;margin-right:20px}
.form-control:disabled{background-color:#e9ecef;opacity:1}
textarea[readonly],.form-control[readonly]{background-color:#e9ecef;cursor:not-allowed}
textarea[readonly]:focus,.form-control[readonly]:focus{border-color:#bbb;background-color:#e9ecef}
textarea:read-only:focus,.form-control:read-only:focus{outline:none;box-shadow:none;background-color:#e9ecef}
.btn-outline-primary{font-size:14px;padding:10px 20px;margin-right:10px;margin-bottom:20px}
.container-vet-buttons{margin-top:24px}
.container-vet-buttons .bi{font-size:18px}
.vet-details-header{font-size:18px;font-weight:600}
.vet-details-content{font-size:16px}
@media only screen and (max-width: 600px) {
.container-vet-buttons .bi{font-size:24px}
.vet-logo{width:80px;margin:0}
.vet-details-header{font-size:14px;font-weight:600}
.vet-details-content{font-size:14px}
.overview-content{margin-top:0;margin-bottom:0}
.container-vet-details{font-size:12px;width:130px}
.container-vet-qr{width:80px!important}
.page-content h1{font-size:1.4rem;line-height:1.4rem;padding:1.4rem 1.6rem!important}
.btn-outline-primary{font-size:12px;padding:10px}
.container-vet-buttons{margin-top:8px}
#qr{width:80px;height:80px}
}
.modal-content-padding{padding:24px}
.modal-heading{font-weight:800;font-size:24px!important;text-align:center}
.modal-text{text-align:center}
.modal-btn-primary-blue,.modal-btn-primary-red,.modal-btn-secondary,.action-btn-edit,.action-btn-close,.action-btn-multishare,.action-btn-amend{position:relative;padding:12px 24px;font-size:12px;text-transform:uppercase;border-radius:4px;color:#fff;border:1px solid;cursor:default}
.modal-btn-primary-blue{color:#fff;background-color:#007bff;border-color:#007bff}
.select2-selection{height:40px;padding-top:6px}
.select2-container--default .select2-selection--single{height:40px!important}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:8px!important;right:10px!important}

page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
@media print 
{
    body, page[size="A4"] {margin: 0;box-shadow: 0;}
    *{font-size: 10px;}
    body{background-color: transparent !important; margin: 0px; padding: 0px}
    .container{width: 100%;max-width: 100% !important;margin: 0px !important;padding: 0px 1cm !important;}
    .container.content-container{margin-top: 0px !important}
    .global-header-container{height: 36px; line-height: 36px; font-size: 14px; position: unset; padding: 0px !important; margin: 0px !important}
    .header-container{ font-size: 14px !important; padding: 0px !important; margin: 0px !important}
    .page-content{box-shadow: unset; padding: 0px;}
    .content-container > .row > .col{padding: 0px;}
    .page-content h1, 
    .page-content h2{font-size: 10px !important; padding: 0px 5px!important;font-weight: 600!important; margin:0px !important; min-height: auto; border-radius: 3px; height: 20px; color:#FFF}
    .page-content h1{background-color: #1b0042;}
    .page-content h2{background-color: #3f2664}
    .accordion-header,
    .accordion-header,
    .accordion-header.h2-optional{padding: 0px 5px !important;font-weight: 600 !important;margin: 2px 0;min-height: auto;border-radius: 3px; background-color:#3f2664 !important; color: #FFF !important; height: 22px;}
    .accordion .accordion-button{min-height: auto !important;height: unset;box-shadow: unset;}
    .accordion-header.h2-optional .accordionButton,
    .accordionButton {display: none}
    .accordion .accordion-button:before{content: unset; display: none}
    .clear-btn{display: none}
    .noprint {visibility: hidden;width:0px;height:0px; display: none}
    .sharelink-header{height: 36px;padding: 0px;line-height: 33px; position: relative;}
    .content-container{margin-top:0px!important;}
    .modal{display: none}
    .alert{margin:0;padding:0px; border-radius: 3px; font-size: 8px; border: 0px !important}
    .container {margin-top:0 !important;}
    .vet-logo {width:120px;}
    .overview-h2{color: #2563eb !important;font-weight: bold;line-height: 25px;height: 25px;padding: 0px 10px;border-radius: 3px;}
    .accordion-content label,
    label[for] span,
    .form-group label span,
    .form-group label{color: #2563eb !important; font-weight: bold; }
    label,input,span,p {font-size:10px!important;margin:0;}
    .form-check{display: flex;}
    .form-check .form-check-input{margin: 0px !important}

    .form-check-input:disabled { opacity:1 !important;}



    .form-control,
    textarea[readonly], 
    textarea, 
    input,
    input:disabled, 
    select:disabled,
    .form-control[readonly]{font-size:10px!important;border: 0px !important; padding: 0px 5px !important; border-radius: 3px; background-color: #efefef !important; min-height: 20px;}
    .form-check-input[type="checkbox"],
    .form-check-input[type="radio"] { opacity:1 !important; min-height: auto; margin: 0px 5px 0px 0px !important;}
    .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label{opacity: 1;}
    input:disabled.input-remove{padding-left:30px !important }
    .signature-container{height: 80px !important; width: 170px !important}
    .container-signature,
    .signature-pad{height: 80px !important; width: 170px !important}
    .form-group{margin:0!important;}
    .form-check {margin:0!important;padding:0!important;}
    .row {margin:0!important;padding:0!important;}

    .active-container {top:36px; font-size:8px;padding:8px;}
    .vet-logo {width:60px;}
    .container-vet-details,.vet-details-header {font-size:8px!important;}
    #qrAct {width:40px;height:40px;}
    #qr {width:60px;height:60px;}
    #div-qrcode{height: 60px !important}
    .hideDiv {display:none;}
    .container-signature-print,
    .container-signature{width:150px !important;height:80px !important;}
    p{margin:0!important;}
    html.ShareClient .clinic-header-container{margin-top: 0px !important}
    .form-check-inline{display: flex}
    .form-check-inline input{display: inline;}
    .form-check-inline label{display: inline;}
    input[type=radio],
    input[type=checkbox]{height: 15px !important;display: inline-block;width: 15px !important;}
    html.tool_electronic_prescription #contact-container{float: left;}
    html.tool_electronic_prescription #contact-container-radio{display: flex}
    html.tool_electronic_prescription .prescription-card{display: none !important}
    .inprogress-container,
    .addButton{display: none !important}

    .col-md{flex-basis:0;flex-grow:1;max-width:100%}
    .img_square{max-width:100%;max-height:100%;height:75px!important;width:auto!important;padding:1px}
    .document_photo{padding:5px!important}
    .col-md-3,.col-6{flex:0 0 15%;max-width:100%}
    .img-thumbnail{border-radius:0!important;padding:0!important}
    .position-relative{padding:0!important}
    .hideDiv,.container-vet-buttons{display:none}
    .content-h2,h1,label,input,p{height:auto!important}
    .content-h2,h1{margin-top:.5px!important;margin-bottom:.5px!important;padding-top:1px!important;padding-bottom:1px!important}
    .mt-4,div,label,input,p{margin-top:.25px!important;margin-bottom:.25px!important;padding-top:.25px!important;padding-bottom:.25px!important}
    body .devider{margin-top:60px!important}
    .mt-2,.mb-2,.p-2,.mb-4{margin-top:0!important;margin-bottom:0!important;padding:0!important}
    #container-image1 img{height: 100% !important;margin: 0px; padding: 10px !important;}
    .vetcheck_shadow{box-shadow: unset}
    label sup{position: unset;}
    .navbar_date{background-color: transparent; position: unset !important;}
    .navbar_date .day-btn{width: 25% !important}
    .canvas-clear-container{display: none !important}
    #drawingCanvas{text-align: center;}
    #canvasDraw{background-color: transparent !important;}

    .form-check-input:checked[type=radio],
    .form-check-input:checked[type=checkbox]
    {
      background-color: #0d6efd !important;
    }
    .form-check-input:checked[type=radio]
    {
      background-image: none;
    }

}