﻿.Rectangle-3 {
    width: 370px;
    height: 44px;
    border-radius: 8px;
    border: solid 2px #d4d4d3;
    background-color: #fafafa;
}
.Name {
    width: 100%;
    height: 30px;
    font-family: HelveticaNeue;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #888888;
}

.Description {
    width: 100%;
    font-family: HelveticaNeue;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #888888;
}
.Rectangle-206 {
    width: 336px;
    height: 44px;
    background-color: #fafafa;
}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
    font-size: 100%;
    opacity: .5;
    top: .3em;
}

.DrpDetails {
    width: 100%;
    height: 40px;
    font-family: HelveticaNeue;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #888888;
}
input:focus + label {
    color: #c58b10 !important;
}

input:focus {
    border-color: #c58b10 !important;
}

textarea:focus + label {
    color: #c58b10 !important;
}

textarea:focus {
    border-color: #c58b10 !important;
}

select:focus + label {
    color: #c58b10 !important;
}

select:focus {
    border-color: #c58b10 !important;
}
.djs-palette.two-column.open{
    width:100px;
}

.Rectangle-4 {
    
    border-radius: 8px;
    border: solid 2px #d4d4d3;
    background-color: #fafafa;
}

.NameChk {
    width: 35%;
    font-family: HelveticaNeue;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #888888cc;
}