.listelement {
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        height:1.1em;
        padding-top:2px;
        text-align: left;
        border-style: solid;
        border-width: 1px;
        border-color: #03a6a6;
        padding-left: 2px;
        vertical-align: middle;
        alignment: left !important;
        color: #777;
        opacity:0.8;
        background-color: #f1f1f1;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
        transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
        -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
        -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
        -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    }

    .listelementd {
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        height:1.1em;
        padding-left: 2px;
        padding-top:2px;
        text-align: left;
        vertical-align: middle;
        border-style: solid;
        border-width: 1px;
        border-color: #03a6a6;
        alignment: left !important;
        color: #777;
        opacity:0.8;
        background-color: #f1f1f1;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
        transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
        -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
        -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
        -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    }
        .textinput {
            font-family: "Helvetica Neue", Arial, sans-serif;
            border-style: solid;
            border-width: 1px;
            border-color: #dedede;
            margin-bottom: 2px;
            font-size: 0.7em;
            padding-left: 0px;
            width:99%;
            color: #77F;
            background-color: lavenderblush;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
            -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
            -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
            -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
        }

        .textinput:focus {
            color: #335;
            border-color: rgba( 100, 100, 100, 0.4);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
            outline: 0 none;
        }

        .texttable{
            width:100%;
            margin-bottom:4px;
            border-style: solid;
            border-width: 1px;
            opacity:0.7;
        }

        .activecell{
            background-color: #25A6E1;
        }

        .inputrow{
            width:100%;
            horiz-align: center;
            border-style: solid;
            border-width: thin;
            font-family: "Arial", sans-serif;
        }

        .headertext{
            padding-bottom: 5px;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
            horiz-align: center;
            border-style: solid;
            border-color: #03a6a6;
            color: #f1f1f1;
            background-color: #004466;
            text-align: center;
            border-width: 1px;
            margin-bottom: 5px !important;
            opacity:1;
            font-family:Arial
        }


        .name {
            background: #fff url('../images/user.png') 5px 4px no-repeat;
        }
        .email {
            background: #fff url('../images/email.png') 5px 4px no-repeat;
        }
        .website {
            background: #fff url('../images/website.png') 5px 4px no-repeat;
        }
        .telephone {
            background: #fff url('../images/phone.png') 5px 4px no-repeat;
        }


    .percent {
        position: absolute; width: 300px; height: 14px; z-index: 1; text-align: center; font-size: 0.8em; color: white;
    }
    .progress-bar {
        width: 300px; height: 14px;
        border-radius: 10px;
        border: 1px solid #CCC;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95));
        border-image: initial;
    }
    .uploaded {
        padding: 0;
        height: 14px;
        border-radius: 10px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));
        border-image: initial;
    }
    .dropbox {
        width: 15em;
        height: 3em;
        border: 2px solid #DDD;
        border-radius: 8px;
        background-color: #FEFFEC;
        text-align: center;
        color: #BBB;
        font-size: 2em;
        font-family: Arial, sans-serif;
    }
    .dropbox span {
        margin-top: 0.9em;
        display: block;
    }
    .dropbox.not-available {
        background-color: #F88;
    }
    .dropbox.over {
        background-color: #bfb;
    }
    #container { text-align: center; margin: 20px; }
    h2 { color: #CCC; }
    a { text-decoration: none; color: #EC5C93; }

    .bar-main-container {
        margin: 10px auto;
        width: 300px;
        height: 50px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-family: sans-serif;
        font-weight: normal;
        font-size: 0.8em;
        color: #FFF;
    }

    .wrap { padding: 8px; }

    .bar-percentage {
        float: left;
        background: rgba(0,0,0,0.13);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 9px 0px;
        width: 18%;
        height: 16px;
    }

    .bar-container {
        float: right;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        height: 10px;
        background: rgba(0,0,0,0.13);
        width: 78%;
        margin: 12px 0px;
        overflow: hidden;
    }

    .bar {
        float: left;
        background: #FFF;
        height: 100%;
        -webkit-border-radius: 10px 0px 0px 10px;
        -moz-border-radius: 10px 0px 0px 10px;
        border-radius: 10px 0px 0px 10px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .yacht_section{
        font-size:1.5vw;
        font-weight: bold;
        color:#a56828;
        padding-left:4px;

        column-span: 2;
        font-style: italic;
        font-family: "Helvetica Neue", Arial, sans-serif;
        width:40vw;
        height:50px;
    }
    .yach_section:nth-child(even) {
        background-color: #b2d79d;
    }

    .yach_section:nth-child(odd) {
        background-color: #d7d7d7;
    }


    .yacht_line_text{
        font-size:1.1vw;
        font-weight: bold;
        color: #4d3111;
        padding-left:0px;
        font-style: italic;
        font-family: "Helvetica Neue", Arial, sans-serif;
        width:18vw;
    }

    .yacht_line_text_centered{
        font-size:1.1vw;
        font-weight: bold;
        padding-left: 1em;
        color: #4d3111;
        font-style: italic;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-align:center;
        /*word-wrap: break-word;*/
        /*width:10em;*/
    }

    .yacht_line_text_centered4{
        font-size:1.1vw;
        font-weight: bold;
        color: #4d3111;
        font-style: italic;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-align:center;
        column-span: 2;
        width:800px;
    }

    .yacht_line_data{
        font-size:1.1vw;
        font-weight: normal;
        color: #4d3111;
        padding-left:4px;
        font-style: normal;
        font-family: "Helvetica Neue", Arial, sans-serif;
        width:32vw;
/*        height:1.8vh;*/
        vertical-align: middle;
    }
    .yacht_line_data_centered{
        font-size:1.1vw;
        font-weight: normal;
        color: #4d3111;
        font-style: normal;
        font-family: "Helvetica Neue", Arial, sans-serif;
/*        height:1.8vh;*/
        text-align: center;
    }
    .section_header{
        font-size:6vw;
        font-weight: normal;
        color: black;
        left:0;
        right:0;
        background-color: white;
        font-style: normal;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-align: center;
    }

    tr:nth-child(odd) {
        background-color: #dfdfdf!important;
    }

    tr:nth-child(even) {
        background-color: #dadada!important;
    }



    .languages{
        float:right;
        margin-right:10px;
        height:20px;
        width:20px;
    }
    [ng-click],
    [data-ng-click],
    [x-ng-click] {
        cursor: pointer;
    }

    /* COLORS */
    .azure   { background: #38B1CC; }
    .emerald { background: #2CB299; }
    .violet  { background: #8E5D9F; }
    .yellow  { background: #EFC32F; }
    .red     { background: #E44C41; }

    .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}
    .pbutton{
        cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
        padding:5px 25px; /*add some padding to the inside of the button*/
        background:#999999; /*the colour of the button*/
        border:0px solid #eeeeee; /*required or the default border for the browser will appear*/
        /*give the button curved corners, alter the size as required*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-left:5px;
        font-size:1em;
        font-weight: bold;
        color: #4d3111;
        font-style: italic;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-align:center;

        /*give the button a drop shadow*/
        /*-webkit-box-shadow: 0 0 4px rgba(0,0,0, .2);
        -moz-box-shadow: 0 0 4px rgba(0,0,0, .2);
        box-shadow: 0 0 4px rgba(0,0,0, .2);*/
        /*style the text*/
        vertical-align: middle;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    /***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
    .pbutton:hover, input.pbutton:focus{
        background-color :#838383; /*make the background a little darker*/
        /*reduce the drop shadow size to give a pushed button effect*/
        /*-webkit-box-shadow: 0 0 1px rgba(0,0,0, .2);
        -moz-box-shadow: 0 0 1px rgba(0,0,0, .2);
        box-shadow: 0 0 1px rgba(0,0,0, .2);*/
    }
    #abc {
        width:70%;
        height:50%;
        opacity:.95;
        position:fixed;
        top:10vw;
        left:10vw;
        display:none;
        overflow-x:auto;
        overflow-y:scroll;
        padding:10px 50px;
        border:2px solid gray;
        border-radius:10px;
        background-color:#fff


    }

    .prov_text{

        position:absolute;
        left:65vw;
        font-size:1.2vw;
        top:5vw;
        max-height:30px;
        background-color: white;
        color:black;
        width:30vw;
        text-align: justify;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;

    }

    .cursor_pointer{
        cursor:pointer;
    }
    .cursor_hand{
        cursor:hand;
    }

    .text_input{
        color:#000000;
        height:3vw;

    }


    .ng-modal-overlay {
        /* A dark translucent div that covers the whole screen */
        position:absolute;
        z-index:9999;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:#000000;
        opacity: 0.8;
    }
    .ng-modal-dialog {
        /* A centered div above the overlay with a box shadow. */
        z-index:10000;
        position: absolute;
        width: 50%; /* Default */

        /* Center the dialog */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);

        background-color: #fff;
        box-shadow: 4px 4px 80px #000;
    }
    .ng-modal-dialog-content {
        padding:10px;
        text-align: left;
    }
    .ng-modal-close {
        position: absolute;
        top: 3px;
        right: 5px;
        padding: 5px;
        cursor: pointer;
        font-size: 120%;
        display: inline-block;
        font-weight: bold;
        font-family: 'arial', 'sans-serif';
    }