

/* Start:/local/templates/.default/components/bitrix/iblock.element.add.form/hmsg_add_form_v2/style.css?17530933372302*/
.hmsg-blk { width: 100%; max-width: 600px; margin: 48px auto; padding: 0 8px; }

.hmsg-rem p { font-family: 'Roboto-Light', sans-serif; font-size: 2.2rem; margin: 1rem 0; }
.hmsg-m p {    
    width: 100%;
    font-size: 2.2rem;
    text-align: center;
    color: #3f51b5;     
}

#hmsg-form { width: 100%; margin: 36px 0; }

.hms-inpt__wr,
.hms-cap__wr { width: 100%; height: 50px; margin-top: 36px; }

.hms-txt__wr { height: 200px; }

.hms-inpt__wr input,
.hms-inpt__wr textarea,
.hms-inpt__wr select {
  display: block;
  width: 100%;  
  height: 100%;
  padding: 4px 16px;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
}

.hms-cap__wr { 
    flex-wrap: wrap; 
    justify-content: space-between; 
    align-items: center; 
    height: fit-content;
}

.hms-cap__wr img,
.hms-cap__wr input { height: 40px; margin-bottom: 8px; } 

.hms-cap__wr img { flex: 170px 0 0; }

.hms-cap__wr input {
  flex: 360px 0 0;
  padding: 4px 16px;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
}

.hms-pdata__wr {
  margin-top: 16px;
  width: 100%;
  height: 40px;  
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;  
}

.hms-pdata_in {
  flex: 180px 0 0;
  height: 36px;
  padding-left: 144px;
  box-sizing: border-box;
}

.hms-pdata_in input { width: 36px; height: 36px; cursor: pointer; }

.hms-pdata_in input[type="checkbox" i] { margin: 0; }

.hms-pdata__wr label {
  flex: 360px 0 0;
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
}

.hms-inpt__wr.hmsg-acc__wr { margin-top: 26px; }

#hmsg__acc {
  background-color: #fafafa;
  color: #981D97;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  text-transform: uppercase;
  border: 1px solid #981D97;
  border-radius: 4px;
  transition: .2s;
  cursor: pointer;
}
#hmsg__acc:hover { color: #fafafa; background-color: #981D97; }
#hmsg__acc:disabled { color: #757575; cursor: not-allowed; }
#hmsg__acc:disabled:hover { color: #757575; background-color: #fafafa;}

/* ---------- ---------- ---------- ----------  480 ---------- ---------- ---------- ---------- */
@media screen and (width < 481px) {
    .hms-cap__wr input { flex: 300px 0 0};
}

/* End */
/* /local/templates/.default/components/bitrix/iblock.element.add.form/hmsg_add_form_v2/style.css?17530933372302 */
