body {
    background-color: #ddd;
}
.question-box{
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 20px 0;
}
h4.question-title {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
}
p.child-title {
    font-size: 15px;
}
input.text-answer,input.number-answer,input.tel-answer,input.mail-answer,input.date-answer{
    border: none;
    border-bottom: 1px solid;
    width: 100%;
    border-radius: 0;
}
.text-answer:focus,.text-answer:focus-visible,
.number-answer:focus,.number-answer:focus-visible,
.tel-answer:focus,.tel-answer:focus-visible,
.mail-answer:focus,.mail-answer:focus-visible,
.date-answer:focus,.date-answer:focus-visible {
    outline-width: inherit;
}

.is-required * label::after{
    color:#cc1818;
    content:" *" 
}
select.selectlist, select.countrylist {
    padding: 10px;
    width: 100%;margin-top: 10px;    outline: none;
}

span.requiredicon{
color:#cc1818;
}

.question-select .gj-dropdown button {
    width: 100%;
}

.doneSent {
    background-color: #fff;
    padding: 50px 0;
    text-align: center;
    border-radius: 10px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.listItem input[type="radio"] ,
.listItem input[type="checkbox"] {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 0 15px 15px 0;
}
.imgItem {
    display: block;
    overflow: hidden;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
    width: 100%;
    margin: 10px 0;
}
img.imgSrc {
    width: calc(100% - 20px);
    display: block;
    padding: 10px;
    max-height: 170px;
    width: auto;
    margin: 0 auto;
}
.gridItem {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.gridItem .listItem {
    flex: calc(50% - 20px );
    margin-bottom: 10px;
    max-width: calc(50% - 20px );
    padding: 10px;
}
.mainItem {
    margin-top: 15px;
}
.gj-picker-md table tr td.gj-cursor-pointer div {
    background-color: #DFF0D8;
    color: #468847;
    border-radius: 50%;
}
.gj-picker-md table tr td.disabled div {
    background-color: #F2DEDE;
    color: #B94A48;
    border-radius: 50%;
}
/*input.invalid {
  background-color: #F2DEDE;
}*/
.tab {
  display: none;
}
.question-box {
    border: 2px solid transparent;
}
.invalidbox {
    border-color: #db4437;
}