/* latin-ext */

@font-face {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Merriweather Sans'), local('MerriweatherSans-Regular'), url(https://fonts.gstatic.com/s/merriweathersans/v7/AKu1CjQ4qnV8MUltkAX3sD48MEBspdEKklcQvcIk8pU.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */

@font-face {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Merriweather Sans'), local('MerriweatherSans-Regular'), url(https://fonts.gstatic.com/s/merriweathersans/v7/AKu1CjQ4qnV8MUltkAX3sMZ4HySTEWshgORbPp2tk8k.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
* {
    /*font-family: 'Average Sans', sans-serif;*/
    
    font-family: 'Merriweather Sans', sans-serif;
    /*font-family: 'Merriweather', serif;*/
    /*font-family: 'Tenor Sans', sans-serif;*/
    
    color: #215c97;
}
.updateText {
    font-size: 16px;
}
.mnk {
    width: 100%;
    background-color: #000;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.mnk1 {
    font-size: 13px;
    text-align: center;
}
@media screen and (max-width: 500px)
        {
            .main1
            {
                flex-direction: column;
                text-align:center;
            }
        }
.tittle {
    color: #fff;
    margin-left: 10px;
    font-size: 16px;
}
#txtPassportNumber {
    width: 40%;
}
#logo {
    width: 100%;
    /*text-align: center;*/
}
.logo {
    width: 30%;
    text-align: center;
}
.widthapp {
    width: 98%;
}
.selectfix {
    /*width: 97%*/
    
    width: 74%;
}
#wrapper {
    width: 41%;
    margin: 0 auto;
}
#main-wrapper {
    width: 60%;
    margin: 0px auto;
    padding-top: 20px;
}
.span4 {
    color: #000000;
}
body {
    margin: 0px auto;
    padding: 0px;
    background-image: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/6910f0c84d94f82b8816150dc07001a400defdc4.jpg);
    /*background-repeat: no-repeat; */
}
.Connoisseur {
    font-size: 25px;
}
#nav-bar {
    width: 100%;
    margin: 0px auto;
    background-color: #eb6174;
    padding: 1px 0px 0px 0px;
    height: 55px;
    text-shadow: 1px 1px 0 #D6C8C8;
    cursor: pointer;
    border-radius: 5px;
}
input[type="text"] {
    width: 100%;
    height: 30px;
    font-size: 12px;
    border: 0px;
    border-bottom: 2px dotted;
    text-align: center;
    -webkit-border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input[type="password"] {
    width: 100%;
    height: 30px;
    text-align: center;
    border: 0px;
    border-bottom: 2px dotted;
    -webkit-border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.star {
    color: #ff0000;
}
.input1 {
    float: left;
    margin-right: 40px;
    text-align: center;
}
.input2 {
    float: left;
    margin-right: 40px;
    text-align: center;
}
.input3 {
    line-height: 40px;
    color: #8a8a8a;
    cursor: pointer;
    text-decoration: underline;
}
.field {
    width: 100%;
    float: left;
}
.clear {
    clear: both;
    height: 10px;
}
.clearfix {
    clear: both;
}
.colorBG {
    padding: 20px;
    /*width: 100%;*/
}
/*start address*/

.field01 {
    width: 50%;
    float: left;
}
.label-field01 {
    float: left;
    width: 55%;
}
.clear1 {
    height: 10px;
}
.input-field01 {
    float: left;
    width: 44%
}
.field21 {
    color: #9e89b4;
    font-size: 13px;
}
.ckfield1 {
    width: 50%;
    font-size: 13px;
    float: left;
}
.field02 {
    width: 50%;
    float: left;
}
.inf {
    font-size: 12px;
    padding-left: 3px;
    line-height: 30px;
}
/*end address*/

select {
    /*width: 24.2%;*/
    
    width: 31.9%;
    height: 34px;
    padding: 0 10px;
    border: 0px;
    border-bottom: 2px dotted;
    -webkit-border-radius: 2px;
}
.submit2 {
    background-color: #7a7a7a;
    border: 1px solid #7a7a7a;
    color: white;
    font-size: 12px;
    padding: 8px 30px;
    cursor: pointer;
    height: 35px;
    width: 160px;
}
.error-msg {
    color: #ff0000;
    font-size: 10px;
}
.label-field {
    float: left;
    width: 50%;
    line-height: 30px;
}
.ckfield {
    width: 33%;
    float: left;
    font-size: 14px;
    /*height: 30px;*/
}
.submit {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A01A04), color-stop(1, #CC0303));
    background-color: #A00404;
    border: solid 1px #A00404;
    margin-bottom: 5px;
    height: 33px;
    color: #FFB205;
    font-size: 16px;
    width: 125px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.c-submit {
    background-color: #8a8a8a;
    border: 1px solid #8a8a8a;
    color: white;
    font-size: 12px;
    padding: 8px 30px;
    cursor: pointer;
    height: 35px;
}
label {
    font-size: 13px;
}
h1 {
    margin: 0px;
    padding: 4px 0px 35px;
    font-size: 22px;
    font-weight: bold;
}
.label-field3 {
    line-height: 16px;
    width: 250px;
    float: left;
    color: #9e89b4;
}
.dataField {
    width: 100%;
    margin: 0px auto;
}
ul {
    list-style-type: none;
    width: 100%;
}
li {
    float: left;
    display: inline-block;
    width: 25%;
    color: #974746;
    text-align: center;
}
.BtnCenter {
    width: 60%;
    margin: 0px auto;
}
#feedback-div {
    display: block;
    width: 90%;
    margin: 0px auto;
}
#profile-div {
    display: block;
    width: 99%;
    margin: 0px auto;
    /*-webkit-box-shadow: #5D5151 2px 0px 7px;*/
}
#cotent-divs {
    display: block;
    /*width: 1050px;*/
    
    margin: 0 auto;
}
#coupon-div {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    color: #9e89b4;
}
#transaction-div {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    color: #9e89b4;
    /*-webkit-box-shadow: #5D5151 2px 0px 7px;*/
}
#feedback-div {
    font-size: 13px;
    color: #9e89b4;
}
textarea {
    width: 100%;
    height: 110px;
    border: 1px solid #ccc;
    resize: none;
}
.active {
    border-bottom: 2px solid #555;
    color: #555;
    padding: 5px;
    font-weight: bold;
}
.label-field3 {
    font-size: 13px;
    width: 50%;
}
.input-field {
    width: 50%;
    float: left;
}
.input-field3 {
    float: left;
    width: 50%;
    font-weight: bold;
    font-size: 13px;
}
.field3 {
    width: 100%;
   display:table;
    border-bottom: 1px solid #856a9f;    
    padding: 10px 0px 25px 14px;
    vertical-align: top;
    word-break: break-all;
}
.field2 {
    float: right;
    font-size: 13px;
    color: #9e89b4;
}
.label-field1 {
    font-weight: bold;
    font-size: 15px;
}
.field1 {
    float: left;
    width: 33%;
    border-bottom: 1px solid #856a9f;
    padding-bottom: 10px;
    text-align: center;
}
.field4 {
    float: left;
    width: 20%;
    border-bottom: 1px solid #856a9f;
    padding-bottom: 10px;
    height: 30px;
    text-align: center;
}
input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    /*margin: 0px;*/
}
span {
    font-size: 14px;
}
#txtPassportNumber {
    width: 100%;
}
.field5 {
    float: left;
    width: 100%;
}
.field6 {
    float: left;
    width: 360px;
}
.field41 {
    float: left;
    width: 20%;
    height: 30px;
    border-bottom: 1px solid #856a9f;
    padding-bottom: 10px;
    text-align: center;
}
.answer {
    line-height: 30px;
}
.updateBtn {
    background-color: #efe6f9;
    padding: 10px;
    font-size: 13px;
    color: #9e89b4;
    margin-left: 15px;
}
.update {
    width: 842px;
    margin: 0 auto;
    text-align: right;
    font-size: 13px;
    color: #9e89b4;
}
/*Nav-Menu*/

.nav {
    position: relative;
    margin: 20px 0;
}
/*
    .nav ul {
      margin: 0;
      padding: 0;
    }
    .nav li {
      margin: 0 5px 10px 0;
      padding: 0;
      list-style: none;
      display: inline-block;
    }*/

.nav a {
    padding: 3px 12px;
    text-decoration: none;
    color: #999;
    line-height: 100%;
}
.nav a:hover {
    color: #000;
}
.nav .current a {
    background: #999;
    color: #fff;
    border-radius: 5px;
}
.selectBFld {
    width: 250px !important;
}
.loginSection {
    font-size: 16px;
    color: #8a8a8a;
    text-align: center;
}
ul {
    list-style-type: none;
    /*position: absolute;*/
    padding: 0px;
}
/*Create a horizontal list with spacing*/
/*Style for menu links*/
/*Style for dropdown links*/

li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/

li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}
/*Hide dropdown links until they are needed*/

li ul {
    display: none;
}
/*Make dropdown links vertical*/

li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/

li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/

ul li a:hover + .hidden,
.hidden:hover {
    display: block;
}
/*Style 'show menu' label button and hide it by default*/

.show-menu {
    display: none;
}
/*Hide checkbox*/

input[type=checkbox] {
    /*display: none;*/
}
/*Show menu when invisible checkbox is checked*/

input[type=checkbox]:checked ~ #menu {
    display: block;
}
#editprofile-div {
    width: 98%;
    margin: 0px auto;
}
.note {
    font-size: 14px;
}
p {
    font-size: 14px;
    margin: 0px;
}
h2 {
    font-size: 20px;
}
#editprofiles-div {
    width: 75%;
    margin: 0px auto;
}
.authlab {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
@media only screen and (max-width: 444px) {
        .tittle {
    font-size: 11px;
    }
.labb1
{
   font-size: 12px !important; 
    }
}
@media only screen and (max-width: 840px) {
    #main-wrapper {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px;
    }
    .widthapp
    {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }
    .authlab {
        font-weight: bold;
        font-size: 16px;
    }
    .Connoisseur {
        font-size: 16px;
    }
    input[type="password"] {
        width: 100%;
        height: 28px;
    }
    .updateText {
        font-size: 12px;
    }
    ul {
        position: static;
        display: none;
        margin: 0;
        padding: 0;
    }
    /*Create vertical spacing*/
    
    li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    
    ul li,
    li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    
    .show-menu {
        display: block;
        cursor: pointer;
        height: 20px;
        text-decoration: none;
        color: #000;
        background-color: #eb6174;
        text-align: center;
        padding: 15px 0;
        font-size: 14px;
    }
    li a {
        display: block;
        min-width: 100%;
        height: 40px;
        text-align: center;
        line-height: 35px;
        color: #fff;
        background: #2f3036;
        text-decoration: none;
    }
    /*Hover state for top level links*/
    
    li:hover a {
        background: #ffaa31;
    }
    li {
        width: 110px;
        margin-left: 0px;
    }
    .label-field {
        line-height: 16px;
    }
    input[type="text"] {
        width: 100%;
        height: 28px;
    }
    input[type="text"],
    .selectfix,
    select {
        height: 30px !important;
        /*border: 1px solid;*/
    }
    .selectfix {
        width: 100%;
    }
    label {
        font-size: 10px;
        line-height: 20px;
    }
    .ckfield {
        width: 30%;
        font-size: 11px;
    }
    .ckfield1 {
        font-size: 11px;
    }
    .label-field {
        width: 100%;
    }
    .label-field1 {
        font-size: 12px;
    }
    h2 {
        font-size: 20px;
    }
    p {
        font-size: 12px;
    }
    .note {
        font-size: 12px;
    }
    select {
        width: 32.1%;
        height: 28px;
        margin-top: 5px;
    }
    .loginSection {
        font-size: 12px;
    }
    .selectBFld {
        width: 95% !important;
    }
    .field {
        width: 100%;
        float: left;
    }
    .dataField {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }
    .submit,
    .submit2 {
        padding: 0px 12px;
        height: 32px;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
    }
    #table1,
    .input-field3,
    .label-field3 {
        font-size: 11px;
    }
    .updateBtn {
        padding: 6px;
        font-size: 8px;
        margin-left: 8px;
    }
    .active {
        border: none;
        padding: 0px;
        color: #FF4646;
    }
    .field2 {
        font-size: 10px;
    }
    .field3 {
        width: 97%;
        height: 15px;
        padding-bottom: 10px;
    }
    #coupon-div,
    #transaction-div {
        width: 92%;
        margin: 0px auto;
    }
    #profile-div {
        width: 98%;
        margin: 0px auto;
    }
    #cotent-divs {
        width: 100%;
        margin: 0px auto;
    }
    #feedback-div {
        width: 98%;
        margin: 0px auto;
        font-size: 11px;
        margin-top: 20px;
    }
    .label-field3 {
        width: 60%;
    }
    .input-field3 {
        width: 40%;
    }
    .question {
        width: 100%;
    }
    /*start address*/
    
    .field01 {
        width: 50%;
        float: left;
    }
    .label-field01 {
        float: left;
        width: 60%;
    }
    .input-field01 {
        float: left;
        width: 40%
    }
    .field21 {
        color: #9e89b4;
        font-size: 13px;
    }
    .field02 {
        width: 100%;
        float: left;
    }
    .inf {
        font-size: 10px;
        line-height: 15px;
        padding-left: 0px;
    }
    /*end address*/
    
    .field1 {
        width: 33%;
        font-size: 9px;
    }
    .field41,
    .field4 {
        width: 20%;
        font-size: 10px;
    }
    #editprofile-div {
        width: 95%;
        margin: 0px auto;
    }
    #editprofiles-div {
        width: 95%;
        margin: 0px auto;
    }
    textarea {
        width: 100%;
        height: 45px;
    }
    input[type=radio] {
        width: 15px;
        height: 15px;
        /*margin-left: 10px;*/
    }
    .input-field {
        width: 100%;
    }
    #logo {
        /*text-align: center;*/
    }
    .logo {
        width: 40%;
        text-align: center;
    }
    .field6 {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .clear {
        height: 10px;
        clear: both;
    }
    .input1 {
        margin-right: 20px;
    }
    .input2 {
        margin-right: 15px;
    }
    .input3 {
        text-align: center;
        font-size: 13px;
        line-height: 50px;
        float: left;
        /*margin-left: 25px;*/
    }
    h1 {
        padding: 4px 0px 20px;
        font-size: 13px;
    }
    .colorBG {
        padding: 5px;
        height: auto;
        /*width: 100%;*/
    }
    .field21 {
        font-size: 10px;
        width: 100%;
        /*text-align: center;*/
    }
    .span4 {
        color: #000000;
        font-size: 12px;
    }
    .BtnCenter {
        width: 85%;
    }
    .field5 {
        width: 100%;
    }
    .update {
        width: 101%;
        font-size: 8px;
    }
    #nav-bar {
        font-size: 14px;
        width: 98%;
        padding: 10px 0px;
        height: 50px;
    }
    .nav {
        position: relative;
        min-height: 40px;
    }
    .nav ul {
        width: 200px;
        min-height: 40px;
        padding: 5px 0;
        position: absolute;
        top: 0;
        left: 17%;
        border: solid 1px #aaa;
        background: #fff url() no-repeat 10px 8px;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    }
    .nav li {
        display: none;
        /* hide all <li> items */
        
        margin: 0;
    }
    .nav .current {
        display: block;
        /* show only current <li> item */
    }
    .nav a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left;
    }
    .nav .current a {
        background: none;
        color: #666;
    }
    /* on nav hover */
    
    .nav ul:hover {
        background-image: none;
    }
    .nav ul:hover li {
        display: block;
    }
    .nav ul:hover .current {}
}
@media only screen and (min-width: 841px) and (max-width: 1050px) {
    #main-wrapper {
        width: 80%;
        margin: 0px auto;
        padding-top: 20px;
    }
    input[type="password"] {
        width: 100%;
        height: 34px;
    }
    .authlab {
        font-weight: bold;
        font-size: 16px;
    }
    .logo {
        width: 25%;
        text-align: center;
    }
    #logo {
        text-align: center;
    }
    body {
        margin: 0px auto;
        padding: 0px;
    }
    #nav-bar {
        width: 95%;
        margin: 0 auto;
        padding: 20px;
        height: 50px;
        cursor: pointer;
    }
    .Connoisseur {
        font-size: 25px;
    }
    input[type="text"] {
        /*padding: 5px 2px;*/
        
        width: 100%;
        height: 34px;
    }
    .star {
        color: #ff0000;
    }
    .input1 {
        float: left;
        margin-right: 40px;
        text-align: center;
    }
    .input2 {
        float: left;
        margin-right: 40px;
        text-align: center;
    }
    .input3 {
        line-height: 40px;
        color: #8a8a8a;
        cursor: pointer;
        text-decoration: underline;
    }
    .field {
        width: 100%;
        float: left;
    }
    .clear {
        clear: both;
        height: 10px;
    }
    .colorBG {
        padding: 20px;
        width: 94%;
    }
    .field21 {
        color: #9e89b4;
        font-size: 13px;
    }
    select {
        width: 31.9%;
        height: 34px;
        padding: 5px 2px;
        border: 1px solid #ccc;
    }
    .submit2 {
        background-color: #7a7a7a;
        border: 1px solid #7a7a7a;
        color: white;
        font-size: 12px;
        padding: 8px 30px;
        cursor: pointer;
        height: 35px;
    }
    .error-msg {
        color: #ff0000;
        font-size: 10px;
    }
    .label-field {
        float: left;
        width: 60%;
        line-height: 20px;
    }
    .input-field {
        width: 40%;
    }
    .ckfield {
        width: 33%;
        float: left;
        height: 30px;
    }
    .submit {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A01A04), color-stop(1, #CC0303));
    background-color: #A00404;
    border: solid 1px #A00404;
    margin-bottom: 5px;
    height: 33px;
    color: #FFB205;
    font-size: 16px;
    width: 160px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    }
    .c-submit {
        background-color: #8a8a8a;
        border: 1px solid #8a8a8a;
        color: white;
        font-size: 12px;
        padding: 8px 30px;
        cursor: pointer;
        height: 35px;
    }
    label {
        font-size: 13px;
    }
    h1 {
        margin: 0px;
        padding: 4px 0px 35px;
        font-size: 22px;
        font-weight: bold;
    }
    .label-field3 {
        line-height: 16px;
        width: 250px;
        float: left;
        color: #9e89b4;
    }
    .dataField {
        width: 100%;
        margin: 0px auto;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
    }
    ul {
        list-style-type: none;
    }
    li {
        float: left;
        margin-left: 20px;
        width: 17%;
        color: #974746;
    }
    .BtnCenter {
        width: 55%;
        margin: 0px auto;
    }
    #feedback-div {
        display: block;
        width: 98%;
        margin: 0px auto;
    }
    #profile-div {
        display: block;
        width: 642px;
        margin: 0px auto;
    }
    #cotent-divs {
        display: block;
        width: 100%;
        margin: 0px auto;
    }
    #coupon-div {
        display: block;
        width: 600px;
        margin: 0px auto;
        font-size: 13px;
        color: #9e89b4;
    }
    #transaction-div {
        display: block;
        width: 90%;
        margin: 0px auto;
        font-size: 13px;
        color: #9e89b4;
    }
    textarea {
        width: 250px;
        height: 75px;
        background-color: #efe6f9;
        border: 1px solid #ccc;
        resize: none;
    }
    .active {
        border-bottom: 2px solid #974746;
        color: #974746 !important;
        padding: 15px;
    }
    #table1,
    .input-field3,
    .label-field3 {
        font-size: 13px;
    }
    .input-field3 {
        float: left;
        width: 330px;
    }
    .field3 {
        width: 600px;
        border-bottom: 1px solid #856a9f;
    }
    .field2 {
        float: right;
        font-size: 13px;
        color: #9e89b4;
    }
    .label-field1 {
        font-weight: bold;
    }
    .field1 {
        float: left;
        width: 180px;
        border-bottom: 1px solid #856a9f;
        padding-bottom: 10px;
    }
    .field4 {
        float: left;
        width: 19%;
        border-bottom: 1px solid #856a9f;
        padding-bottom: 10px;
        height: 30px;
    }
    input[type=radio] {
        width: 20px;
        height: 20px;
        vertical-align: text-bottom;
    }
    .field5 {
        float: left;
        width: 520px;
    }
    .field6 {
        float: left;
        width: 360px;
    }
    .field41 {
        float: left;
        width: 19%;
        height: 30px;
        border-bottom: 1px solid #856a9f;
        padding-bottom: 10px;
    }
    .answer {
        line-height: 30px;
    }
    .updateBtn {
        background-color: #efe6f9;
        padding: 10px;
        font-size: 13px;
        color: #9e89b4;
        margin-left: 15px;
    }
    .update {
        width: 120%;
        margin: 0 auto;
        text-align: right;
        font-size: 13px;
        color: #9e89b4;
    }
    /*Nav-Menu*/
    
    .nav {
        position: relative;
        margin: 20px 0;
    }
    /*
    .nav ul {
      margin: 0;
      padding: 0;
    }
    .nav li {
      margin: 0 5px 10px 0;
      padding: 0;
      list-style: none;
      display: inline-block;
    }*/
    
    .nav a {
        padding: 3px 12px;
        text-decoration: none;
        color: #999;
        line-height: 100%;
    }
    .nav a:hover {
        color: #000;
    }
    .nav .current a {
        background: #999;
        color: #fff;
        border-radius: 5px;
    }
    .selectBFld {
        width: 250px !important;
    }
    .loginSection {
        font-size: 16px;
        color: #8a8a8a;
        text-align: center;
    }
    ul {
        list-style-type: none;
        position: absolute;
        width: 93%;
    }
    /*Create a horizontal list with spacing*/
    
    li {
        display: inline-block;
        float: left;
        margin-right: 1px;
    }
    /*Style for menu links*/
    /*Style for dropdown links*/
    
    li:hover ul a {
        background: #f3f3f3;
        color: #2f3036;
        height: 40px;
        line-height: 40px;
    }
    /*Hover state for dropdown links*/
    
    li:hover ul a:hover {
        background: #19c589;
        color: #fff;
    }
    /*Hide dropdown links until they are needed*/
    
    li ul {
        display: none;
    }
    /*Make dropdown links vertical*/
    
    li ul li {
        display: block;
        float: none;
    }
    /*Prevent text wrapping*/
    
    li ul li a {
        width: auto;
        min-width: 100px;
        padding: 0 20px;
    }
    /*Display the dropdown on hover*/
    
    ul li a:hover + .hidden,
    .hidden:hover {
        display: block;
    }
    /*Style 'show menu' label button and hide it by default*/
    
    .show-menu {
        display: none;
    }
    /*Hide checkbox*/
    
    input[type=checkbox] {
        display: none;
    }
    /*Show menu when invisible checkbox is checked*/
    
    input[type=checkbox]:checked ~ #menu {
        display: block;
    }
    #editprofile-div {
        width: 90%;
        margin: 0px auto;
    }
}