/* Added by akshay -start */

.photo_submitted{
    color: #000;
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-left: 8px;
}

#oj-text-area-scr5 .oj-text-field-container{
height: 61px !important;
}

#oj-text-area-encampment-trash-concern .oj-text-field-container{
height: 100px !important;
}
.back-btn-encampment .form-submit-btn-main-div .oj-button-text
{
    color:#357688 !important;
} 
#oj-text-area-encampment-concern .oj-text-field-container{
height: 120px !important;
}

#Describe_Text_Area_PD .oj-text-field-container{
height: 61px !important;
}

#Other_Concern_Text_Area .oj-text-field-container{
height: 61px !important;
}

.custom_camera-icon {
    background-image: url(../images/ALPRCamera_Icon.png);
    padding: 8px 0px 36px 0px;
    width: 100%;
    transform: scale(2);
    margin: 1rem 0 !important;
}

.confirmation_modal_dialog .oj-dialog-title{
 /* border-bottom: 3px solid #E5BF24; */
    display: inline-block;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 27px !important;
    color: #333333 !important;
    display: inline;
}


.confirmation_modal_dialog .oj-dialog-header{
  background-image: none!important;
  background-color: #ffffff;
  border-radius: 6px 5px 0px 0px;
  padding: 20px;
  padding-bottom: 0px;
  padding-left: 32px!important;
}


.confirmation_modal_dialog .oj-dialog-header-close-wrapper{
  padding-right: 17px;
  float: right;
  padding-top: 25px;
  height: 25px;
}
.confirmation_modal_dialog .oj-dialog-header-close-wrapper .oj-button-button{
  height: 25px;
}

.confirmation-btn-div{
  text-align: right;
  /* padding-bottom: 32px!important; */
   margin-top: 10px;
   

}
.confirmation-btn-div .oj-button .oj-button-text {
 text-overflow: clip !important;
    /* text-wrap: wrap; */
    padding: 10px;
   white-space :normal;
}
.back-btn-encampment .dialog-btn .oj-button-label
{
    background-color: #F2F2F2 !important;
    color: #357688 !important;
   
}


.oj-text-field-container 
{
      height: 34px!important;
      /*border-color: #999!important;*/
      border-radius: 2px !important;
      margin-bottom :10px;
}
.tell-us-more{
  margin-top: -44px !important;
}
.vehicle-concerns-top-container .tell-us-more ..oj-label-group{
  display: inline;
}

#confirmation-dialog-modal .hero-header{
  margin-top: 0px;
}
.confirmation-dialog-modal
{
    border: 0px !important;
    width: 100% !important;
    padding-bottom: 14px ;
    padding-left: 25px !important;
    padding-right: 25px;
}

.confirmation-dialog-modal .oj-dialog-body-wrapper{
  height: 100% !important;
  background-color: #ffffff !important;
}



.confirmation-dialog-modal h2 
{
   font-size: 18px;
    font-weight: normal;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.confirmation-box-main-div 
{
    border: 1px solid #DDD;
    width: 300px;
    position: relative;
    right: auto;
    left: auto;
    z-index: 99999;
    background-color: white;
    /* margin-top: -230px !important; */
    border-radius: 2px;
    margin: 0 auto;
    padding: 0px 20px 40px 20px;
}

.confirmation-box-main-div h2 
{
   font-size: 18px;
    font-weight: normal;
    color: #333333;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}


.help-us-text
{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    display: grid;
}
.confirmation-dialog-modal .ans-yes-no-btn
{
    background: #357688;
    /* border-radius: 3px; */
    height: 45px;
}

.confirmation-dialog-modal .ans-yes-no-btn .oj-button-label
{
    color: white;
    font-weight: 500;
    /* font-size: 15px; */
}
.confirmation-dialog-modal .ans-yes-no-btn:hover
{
    background: #04586E;
}
.dialog-btn .oj-button-label
{
    color: #00809C !important;
     font-size: 15px !important;
}
.dialog-btn{
  background-color: #F2F2F2;
  /* height: 36px; */
}



#Email_DialogBox_layer_overlay{
  background:grey !important;
    opacity: 0.5 !important;
}

#loadingdialog_layer_overlay{
  background:grey !important;
    opacity: 0.5 !important;
}

#formValidate_layer_overlay{
  background:grey !important;
    opacity: 0.5 !important;
}

#waitDialog_layer_overlay{
  background:grey !important;
    opacity: 0.5 !important;
}

#dialog-pu_dot_ip_layer_overlay{
  background:grey !important;
    opacity: 0.5 !important;
}

#Email_DialogBox_1_layer_overlay{
  background:grey !important;
    opacity: 0.5 !important;
}
 /* .oj-dialog-layer .oj-component-overlay{
    background:grey !important;
    opacity: 0.5 !important;
} */

 #confirmation_modal_dialog_layer_overlay
{
    background:grey !important;
    opacity: 0.5 !important;
} 

#confirmation_modal_dialog-1_layer_overlay
{
    background:grey !important;
    opacity: 0.5 !important;
}

#confirmation_modal_dialog_shell_layer_overlay
{
    background:grey !important;
    opacity: 0.5 !important;
}

.add-photo-text
{
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 25px; // original was 19
    color: #333333;
    margin-bottom: 0px !important;
    display: grid;
}

.search-location-above-text
{
      margin-bottom: 0px !important;
}


.you-believe-line
{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    margin-bottom: 15px;
    display: inline-block;
}


.photo-container
{
    z-index: 9;
    position: relative;
    padding-bottom: 10px;
}


photo-container
.oj-text-field-container 
{
      height: 34px!important;
      /*border-color: #999!important;*/
      border-radius: 2px !important;
      margin-bottom :10px;
}
.category-pic-upload-main-div
{
    background: rgba(0, 128, 156, 0.1);
    box-sizing: border-box;
    border-radius: 3px;
    display: block;
    color: #fff;
    width: 100%;
    min-height: 150px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 5px;
    border: 0.4px solid #00809C;
}

.category-pic-upload-main-div .oj-filepicker-text{
  font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.005em;
    color: #00809C;
}
.category-pic-upload-main-div .oj-filepicker-dropzone:focus{
  outline: none!important;
}
#uploadedPhotos{
  width: 100%;
  margin-top: -25px;
}
.category-pic-upload-main-div .oj-filepicker-dropzone {
    background-color: transparent!important;
    align-items: center;
    justify-content: center;
    display: inline-block!important;
    border: none;
    width: 100%;
    padding: 42px;
}
.category-pic-upload-main-div .oj-filepicker-dropzone div:first{
    position: relative;
    top: 0px;
    left: 30%;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.005em;
    color: #00809C;
}
.category-pic-upload-main-div .oj-filepicker-icon {
  display: none!important;
}


.category-pic-upload-sub-div-alpr
{
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center 32%;
    margin-bottom: -1px !important;
    margin-top: 30px !important;

}



.category-pic-upload-sub-div
{
    background-repeat: no-repeat;
    background-size: 58px;
    background-position: center 32%;
    margin-bottom: -4px;
}

.camera-icon
{
    background-image: url("../images/camera_icon.png");
    font-size: 0;
    padding: 8px 0px 36px 0px;
    border-style: none;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

#camera-icon{
   width: 48px;
  height: 48px;
}
.category-pic-add-photo-span
{
    /* position: relative; */
    top: -70px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.005em;
    color: #00809C;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}


.max_attach_text
{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    text-align: right;
    padding-bottom: 5px;
}



.search-location-above-text
{
      margin-bottom: 0px !important;
}

.text-box-focus-animation .oj-inputtext-input:focus
{
    outline: 2px solid #2491ff !important;
    outline-offset: 0;
    border-radius: 2px !important;
    border: 1px solid #2491ff !important;
    border-style: solid !important;
    border-color: #2491ff !important;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%), 0 0 5px rgb(55 112 192 / 70%) !important;
    outline-width: 2px;
    outline-style: solid;
    outline-color: #2491ff;
}


.text-box-focus-animation .oj-inputpassword-input:focus
{
    outline: 0.25rem solid #2491ff;
    outline-offset: 0;
    border-radius: 2px !important;
    border: 1px solid #2491ff !important;
    border-style: solid !important;
    border-color: #2491ff !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7) !important;
}

.text-box-focus-animation .oj-inputdatetime-input-container:focus
{
    outline: 0.25rem solid #2491ff;
    outline-offset: 0;
    border-radius: 2px !important;
    border: 1px solid #2491ff !important;
    border-style: solid !important;
    border-color: #2491ff !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7) !important;
}

.location-error-message-position
 {
    margin-top: -15px;
    margin-bottom: -15px;
}

.error-msg-main-div, .recaptcha-error-msg-main-div
{
    background: #f1d1d1;
    color: #B71818;
    padding: 4px 6px 4px 16px;
    border-radius: 3px;
    margin-top: 5px;
    display: none;
    margin-bottom: 3px;
}


.search-btn-main-div
{
    width: 100%;
    margin-top: -10px;
    height: 36px;
    line-height: 13px;
}

.search-btn-main-div .oj-button-text
{
    width: 100%;
}

.search-btn-main-div .oj-button-text::after
{
    font-family: 'FontAwesome';
    margin-left: 6px;
    content: "\f002";
    margin: 0;
    float: right;
    margin-right: 12px;
    font-size: 15px;
    position: relative;
    top: 2px;
}

.search-btn-main-div .oj-button-button
{
    cursor: pointer;
    background-color: #00809C !important;
    border-radius: 3px;
    font-weight: 600 !important;
    font-size: 15px;
}

.search-btn-main-div .oj-button-button:hover
{
    background: #04586E !important;
}
.search-btn-main-div .oj-button-text
{
    color: white !important;
}
.search-btn-main-div .oj-button-label
{
    display: inline !important;
}
.pothole-search-location-btn
{
    margin-top: 10px;
}

#description_textarea .oj-text-field-container 
{
  height: auto!important;
}


#description_textarea .oj-required-inline-container
{
  display: none!important;
}

#description_textarea .oj-textarea-counter-container
{
  position: absolute;
    top: -4px;
    right: 0px;
}
#description_textarea .oj-textarea-input
{
    padding-top: 15px !important;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 15px;
}

.font-w-600 {
    font-weight: 600;
}

.text-center 
{
    text-align: center !important;
}

.vehicle-options .oj-select-choice:focus
{
   outline: none !important;
    border: 1px solid #2491ff !important;
    border-style: solid !important;
    border-color: #2491ff !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7) !important;
    border-radius: 2px;
}


.text-area-focus-animation .oj-textarea-input:focus
{
    outline: none !important;
    border: 1px solid #2491ff !important;
    border-style: solid !important;
    border-color: #2491ff !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7) !important;
    border-radius: 2px;
}






/* Added by akshay - End*/


.vehicle-concerns-top-container .oj-radioset .oj-radiocheckbox-icon{
  padding-left: -3px;
}confirmation_modal_dialog_layer
.vehicle-concerns-top-container .oj-radio{
  left: -3px!important;
}
.vehicle-concerns-top-container .oj-radio-label{
  padding-left: 15px;
}
#vehicle-poor-condition .oj-radiocheckbox-label-text {
    width: 100%;
}
.post-investigation-image{
  display: inline-block!important;
}
/* Hari Added */

.vehicle-concerns-top-container .oj-checkbox-label {
  margin-left: 15px;
}

.last-btn{
  height: 36px;
}

.post-investigation .oj-filmstrip-arrow-container{
    display: none;
}

#Email_DialogBox .confirmation-box-main-div {
    border: 1px solid #DDD;
    width: 300px;
    position: relative;
    right: auto;
    left: auto;
    z-index: 99999;
    background-color: white;
    /* margin-top: -230px !important; */
    border-radius: 2px;
    margin: 0 auto;
    padding: 14px 24px 14px 24px;
}

#Email_DialogBox .help-us-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #333333;
    display: grid;
}

.srd-thumbnail-image-post
{
  height: 250px;
  width: 500px;
  border: 1px solid #555;
  padding: 1px;
  margin: 0 10px 10px 0;
}
.post-investigation{
    pointer-events: none!important;
}
/* Hari Added */

.vehicle-safety-conncerns-text1
{
  color:  #333;
  font-family: Noto Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; 
  letter-spacing: 0.09px;
}
.license-plate-radio .oj-choice-item{
  display: inline-block;
}
.license-plate-radio .oj-radiocheckbox-icon{
  float: left;
}
.vehicle-safety-conncerns-text2 {
  color:  #333;
  font-feature-settings: 'calt' off;
}

.vehicle-safety-conncerns-radio .oj-radio-label{
  color: #000;
  /* Subheading Text- sign up page */
  font-family: Noto Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 143.75% */
  letter-spacing: 0.08px;
}

.vehicle-safety-conncerns-train-revert {
  --oj-train-button-bg-color-selected: #00809C;
  --oj-train-button-bg-color-visited: #667080;
  --oj-train-button-bg-color-disabled: #00809C;
  --oj-train-button-bg-color: #00809C;
  --oj-train-button-border-color: #00809C;
  --oj-train-button-border-color-disabled: #00809C;
  --oj-train-button-text-color: #FFFFFF;
  --oj-train-button-text-color-disabled: #FFFFFF;
  --oj-train-button-diameter: 2rem;
  --oj-train-connector-height: 2px;
}

.vehicle-safety-conncerns-train-revert .oj-train-step-individual-connector{
  left: calc(50% + var(--oj-train-button-diameter)/ 2 + var(--oj-train-connector-padding-selected)) !important;
  width: calc(100% - var(--oj-train-button-diameter) - var(--oj-train-connector-padding-selected) * 2) !important;
  --oj-train-connector-color: #00809C;
  --oj-train-connector-color-selected: #00809C;
}

.vehicle-safety-conncerns-train {
  --oj-train-button-bg-color-selected: #00809C;
  --oj-train-button-bg-color-visited: #667080;
  --oj-train-button-bg-color-disabled: #667080;
  --oj-train-button-bg-color: #00809C;
  --oj-train-button-border-color: #00809C;
  --oj-train-button-border-color-disabled: #667080;
  --oj-train-button-text-color: #FFFFFF;
  --oj-train-button-text-color-disabled: #FFFFFF;
  --oj-train-button-diameter: 2rem;
  --oj-train-connector-height: 2px;
}

.vehicle-safety-conncerns-train .oj-train-button-text {
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 100% */
  
}

.vehicle-safety-conncerns-train .oj-train-step-individual-connector.oj-train-connector-before-selected-step {
  --oj-train-connector-color-selected: #00809C;
}

.vehicle-safety-conncerns-train .oj-train-step-individual-connector{
  left: calc(50% + var(--oj-train-button-diameter)/ 2 + var(--oj-train-connector-padding-selected)) !important;
  width: calc(100% - var(--oj-train-button-diameter) - var(--oj-train-connector-padding-selected) * 2) !important;
  --oj-train-connector-color: #667080;
}

.duplicate-scr-table .oj-listitemlayout-grid {
  padding-bottom: 1px;
  padding-inline-start: 1px;
  padding-inline-end: 1px;
}

.duplicate-scr-table .oj-listview-item {
  padding: 1px !important;
}

.duplicate-scr-table .img-container{
  border: 1px solid var(--Wizard--Teal, #00809C);
  background: rgba(0, 128, 156, 0.05);
}

.duplicate-scr-table .oj-selected {
  border-top:0px !important;
}

.btn-text-wrap .oj-button-text {
  white-space: normal;
  padding: 2px;
}

.oj-listitemlayout-textslots div:focus {
  outline:0px !important;
}

.oj-listitemlayout-grid {
  margin-top: 5px;
}