.tidlogin-main-area {
    width: 98%;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 25px;
}
.tidlogin-main-area .tidlogin-common {
    background-color: #FFF;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 20px 25px;
}
.tidlogin-main-area .tidlogin-body-area {
   flex-basis: 70%;
   margin-right: 3%;
}
.tidlogin-main-area .tidlogin-sidebar-area {
    flex-basis: 25%;

}
.tidlogin-main-area h3#title {
   font-size: 24px;
   display: block;
   font-weight: 700;
   padding: 10px;
   color: #222;
   border-left: 5px solid #2271b1;
   margin: 5px 0px 20px 0px;
}
.tidlogin-main-area label {
   font-size: 16px;
   display: block;
   font-weight: 500;
   margin: 5px 0px;
   border: 1px solid #ddd;
   border-radius: 5px;
   width: 90%;
   padding: 10px 15px;
   box-shadow: 13px 9px 20px -10px #ddd;
   color: #222;
}
.tidlogin-main-area small{
   font-size: 12px;
   display: block;
   font-weight: 500;
   padding: 0px 15px;
   margin-bottom: 20px;   
   color: #666;
}

.tidlogin-main-area .form-gorup {
    margin-bottom: 20px;
}
.tidlogin-main-area input.form-control {
    width: 94%;
}
.tidlogin-main-area input[type="color"] {
   width: 30%;
   height: 70px;
   cursor: pointer;
}
.tidlogin-sidebar-area p img {
    width: 100%;
}