/*
    mo, 29/8/18
    Legacy overall css file.
    As we are using w3.css for overall, most of this file should be deprecated except important ones, eg, .apiLink
*/


/*each single view's title*/
h1 {
    font-size: 20px !important;
    font-family: "Open Sans", sans-serif;
        font-weight: 400;
    margin: 10px 0;
}

a {
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:hover {
        background-color: #c7d1d6;
        //color: blue !important;
        //text-decoration: underline !important;
    }

    .colLeft {
        font-size: small;
       
    }

    .colLeft a {
        //color: black !important;    
    }


/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
    margin-top: 40px;   /*post windows were too close each other*/
    max-width: 900px;   /* to make Copy/Delete buttons go down */
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }



label {
    display: block;
    font-size: 1.2em;
    //font-weight: 600;
        display: block !important;  /* mo, 14/6/17 to override forms.less */

}

label.checkbox {
    display: inline;
}

/*input,*/ 

textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    /*input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }*/

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }


.error {
    color: #e80c4d;
}

.Row {
    padding: 2px;
    //margin-left: 10px;
    color: gray;
}

.Column {
    float: left;
    margin-right: 20px;
    width: 350px;
}

.apiLink {
    margin-left: 3px !important;
    margin-bottom: 3px;
    font-size: 10px !important;
    color: gray;
}

.fontSmall {
    margin-left: 30px;
    font-size: 10px;
}

.otherBookmark {
       margin-left: 600px;
    margin-top: -46px;
}


.red {
    color: red;
}

.blue {
    color: blue;
}

.btn {
    margin-right: 10px;
}



/* iframe */

.iFrameMiddle {
    //width: 1200px;
    //height: 1200px;    
    width: 80%; /*use percent not to break mobile site*/
    margin-left: 30px;
    padding: 10px;
    border: none;
}

fieldset textarea {
    width: 100% !important; /*to override 800px hard code */
}

/*border: 2px solid #ddd;*/


#dummyFieldset {
    //display: none;
}


.w3-container-custom {
    padding: 16px;
}


    

    /*-----------------------------------

    Used to be Bookmark.css

-----------------------------------*/

.yellow {
    background-color: yellow;
}

.converter {
    color: red;
}


.borderLight {
    border : solid #bbb 1px;    
    border-radius: 5px;
    margin-top: 5px;
}

.moXSmall {
    font-size: x-small;
}

a:hover {
    text-decoration: none !important;   /*i don't wanna underline from bootstrap*/
}

/*-----------------------------------

    Others

-----------------------------------*/

.old, .deprecated {
    text-decoration: line-through;
}

/*-----------------------------------

    Scrollbar

-----------------------------------*/

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
} 

::-webkit-scrollbar-thumb {
    background-color: #4d636f !important;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}


/* bootstrap modify */
button a {
    text-decoration: none;
    background-color: transparent;
}

fieldset .material-icons {
    float: right;
    cursor: pointer;
}