/* Enter A Dog Process*/


/*------------------------------- options wrapper --------------------*/

.optionsWrapper { margin: 0 0 100px 0; }
.optionsWrapper h3 { text-align: left; text-transform: uppercase; color: #1C2D46; font-weight: bold; font-size: 1.4em; margin: 40px 0 10px 0; }
.optionsWrapper hr { margin: 0 0 30px 0; }

.optionsWrapper .option { display: flex; flex-direction: column; align-items: flex-start; padding: 15px; color: #1c2d46; font-size: 14px; font-weight: 600; border: 0; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; }
.optionsWrapper .option:nth-of-type(2n - 1) { background-color: #E6F4F4 !important; }
.optionsWrapper .option:nth-of-type(2n) { background-color: #fff !important; }

  .optionsWrapper .option .radiobuttonListDotNetControl { padding: 8px 8px 2px 28px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 15px; }


  .optionsWrapper .dataTableForm > .row > div { display: flex; flex-direction: column; }

  .optionsWrapper .option .subOptions .judgeName { margin: 10px 0 0 50px;}
  .optionsWrapper .option .subOptions .chooseClass { padding: 2px 8px 8px 65px; }

  .optionsWrapper .option .dataTable select { padding: 10px; }

  .optionsWrapper .option .radiobuttonListDotNetControl { padding: 8px 8px 2px 28px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 15px; }
    .optionsWrapper .option .radiobuttonListDotNetControl #ctl00_ContentPlaceHolder_rptOwners_ctl00_radOwner { margin: 0; }
  .optionsWrapper .option .subHeading { padding: 2px 8px 8px 65px; }

*/ .optionsWrapper .buttonGroup #ctl00_ContentPlaceHolder_btnContinueToCheckOwnerDetails { background-color: #57B2B8 !important; transition: background 0.2s linear; }
  .optionsWrapper .buttonGroup #ctl00_ContentPlaceHolder_btnContinueToCheckOwnerDetails:hover { background-color: #1c2d46 !important; transition: background 0.2s linear; }


.optionsWrapperTable  { margin: 40px 0 100px 0; }
.optionsWrapperTable > table { width: 100%; border: 0; border-bottom: 1px solid #D6D6D6; border-collapse: collapse; table-layout: fixed; margin: 0 0 10px 0; }
.optionsWrapperTable .header { background: #fff; padding: 0; box-sizing: border-box; text-transform: uppercase; color: #16355F; font-size: 16px; font-weight: 700; text-align: left; }
  .optionsWrapperTable .header td { padding: 14px 10px; border: 0; font-size: 16px; font-weight: 700; color: #1c2d46; }
.optionsWrapperTable .option { padding: 0; box-sizing: border-box; text-transform: uppercase; color: #16355F; font-size: 16px; font-weight: 700; text-align: left; }
  .optionsWrapperTable .option:nth-of-type(2n - 1) { background: #fff; }
  .optionsWrapperTable .option:nth-of-type(2n) { background: #E6F4F4; }
  .optionsWrapperTable .option td { padding: 14px 10px; border: 0; font-size: 14px; font-weight: 400; color: #1c2d46; }


#enterShowDefaultPageStep2 .dataForm, .dataFormWithLabels { margin: 0 0 10px 0; }

 
.enterShowSteps { width: 100%; margin: 50px 0; }
.enterShowSteps .steps { width: 100%; display: flex; align-items: center; gap: 27px; padding: 0 20px; box-sizing: border-box; }
.enterShowSteps .steps .step { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-bottom: 20px; width: 92px; }
.enterShowSteps .steps .step .stepNumber { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #EBEBEB; color: #A2A2A2; border-radius: 50%; font-weight: 700; font-size: 15px; }
.enterShowSteps .steps .step.completed .stepNumber { width: 30px; height: 30px; background: #57B2B8; color: #fff; border-radius: 50%; font-weight: 700; font-size: 15px; }
.enterShowSteps .steps .step .stepTitle { font-size: 15px; color: #A2A2A2; text-transform: uppercase; font-weight: 700; }
.enterShowSteps .steps .step.completed .stepTitle { color: #57B2B8; font-size: 15px; text-transform: uppercase; font-weight: 700; }
.enterShowSteps .progressBar { height: 14px; width: 100%; background: #EBEBEB; display: grid; grid-template-columns: 66px 120px 120px 120px 120px 120px 120px 120px 120px 120px; }
.enterShowSteps .progressBar div { height: 14px; width: 119px; width: 100%; background: #EBEBEB; }
.enterShowSteps .progressBar div:nth-of-type(1) { width: 66px; }
.enterShowSteps .progressBar div.completed { position: relative; height: 14px; width: 100%; background: #57B2B8; }
.enterShowSteps .progressBar div.completed .after { position: absolute; right: -7px; bottom: -14px; transform: rotate(90deg); width: 14px; height: 14px; background-color: #fff; background-image: url(/assets/2024/images/icons/icon_triangle_left.svg); background-position: bottom; background-size: contain; background-repeat: no-repeat; }
.StepTitle .title { margin-bottom: 35px !important; }

.step1 p { xfont-size: 14px; font-weight: 600; color: #1c2d46; }
.step1 .showDetail { background: #FEF0E9; padding: 20px 30px; margin: 30px 0 60px 0; }
.step1 .showDetail .nameOfShow { color: #1C2D46; font-weight: 600; xfont-size: 14px; }
.step1 .showDetail .dateOfShow { color: #1C2D46; font-weight: 600; xfont-size: 14px; }
.step1 .chooseOwner { margin-top: 65px; }
.step1 .chooseOwner h4 { text-transform: uppercase; font-weight: 700; margin-bottom: 15px; }

.step1 .chooseOwner .optionsWrapper .option { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: #E6F4F4; padding: 15px; color: #1c2d46; font-size: 14px; font-weight: 600; border: 0; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; }
.step1 .chooseOwner .optionsWrapper .option .radiobuttonListDotNetControl { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 15px; }
.step1 .chooseOwner .optionsWrapper .option .radiobuttonListDotNetControl #ctl00_ContentPlaceHolder_rptOwners_ctl00_radOwner { margin: 0; }
.step1 .chooseOwner .optionsWrapper .buttonGroup { justify-content: flex-end !important; margin-top: 40px !important; }
.step1 .chooseOwner .optionsWrapper .buttonGroup #ctl00_ContentPlaceHolder_btnContinueToCheckOwnerDetails { background-color: #57B2B8 !important; transition: background 0.2s linear; }
.step1 .chooseOwner .optionsWrapper .buttonGroup #ctl00_ContentPlaceHolder_btnContinueToCheckOwnerDetails:hover { background-color: #1c2d46 !important; transition: background 0.2s linear; }

.step3 .checkOwnerDetails .optionsWrapper .option { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: #E6F4F4; padding: 15px; color: #E6F4F4; font-size: 14px; font-weight: 600; border: 0; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; }
.step3 .checkOwnerDetails .optionsWrapper .option .radiobuttonListDotNetControl { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 15px; }
.step3 .checkOwnerDetails .optionsWrapper .option .radiobuttonListDotNetControl #ctl00_ContentPlaceHolder_rptOwners_ctl00_radOwner { margin: 0; }

.step3 .optionsWrapper .options { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; background-color: #E6F4F4 !important; padding: 15px; color: #1c2d46; font-size: 14px; font-weight: 600; border: 0; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; }

.step4 .optionsWrapper.classes { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background-color: #E6F4F4 !important; padding: 15px; color: #1c2d46; font-size: 14px; font-weight: 600; border: 0; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; }
.step4 .optionsWrapper .option { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 15px; background-color: #E6F4F4 !important; }