body {
    background-color: #f6f6f6;
    font-family: helvetica neue,Helvetica,Arial,sans-serif;
    color: #333;
    font-size: 14px
}

a {
    color: #333;
    transition: all .15s
}

.container {
    width: 1170px;
    margin: 0 auto
}

    .container:after {
        display: block;
        height: 0;
        width: 0;
        content: " ";
        clear: both
    }

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.clearfix:after {
    display: block;
    height: 0;
    width: 0;
    content: " ";
    clear: both
}

.btn-cvo {
    display: inline-block;
    padding: 10px 25px;
    background-color: #ddd;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    font-weight: 500;
    color: #555;
    margin: 0 5px;
    transition: all .1s
}

    .btn-cvo:hover {
        background-color: #ccc
    }

.btn-primary {
    background-color: #00b14f;
    color: #fff
}

    .btn-primary:hover {
        background-color: #0da171
    }

header {
    height: 76px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    color: #333
}

    header .logo {
        margin-top: 16px;
        margin-right: 30px;
        display: inline-block;
        float: left
    }

        header .logo img {
            height: 44px
        }

    header .navbar {
        list-style: none
    }

        header .navbar.navbar-left {
            float: left
        }

        header .navbar.navbar-right {
            float: right
        }

        header .navbar li {
            display: inline-block
        }

            header .navbar li a {
                color: #333;
                padding: 5px 20px;
                display: block;
                font-size: 14px;
                line-height: 20px;
                font-weight: 700
            }

                header .navbar li a.avatar {
                    padding: 19px 20px 16px
                }

            header .navbar li.active a {
                border-color: #094c3e;
                color: #fff;
                background-color: #094c3e
            }

    header .dropdown {
        position: relative
    }

        header .dropdown img {
            max-width: 40px;
            border-radius: 50%;
            margin-right: 8px
        }

        header .dropdown .caret {
            display: inline-block
        }

            header .dropdown .caret:after {
                display: block;
                content: " ";
                width: 0;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 7px solid #666
            }

        header .dropdown .dropdown-menu {
            display: none;
            list-style: none;
            position: absolute;
            background-color: #fff;
            min-width: 200px;
            z-index: 4000;
            box-shadow: 0 1px 4px #ccc;
            top: 100%;
            right: 0
        }

        header .dropdown:hover .dropdown-menu {
            display: block
        }

        header .dropdown .dropdown-menu li {
            display: block
        }

            header .dropdown .dropdown-menu li a {
                padding: 15px 20px
            }

                header .dropdown .dropdown-menu li a:hover {
                    background-color: #f4f4f4
                }

#cvo-toolbar {
    width: 100%;
    margin-bottom: 3px
}

.toolbar-global-controls {
    height: 76px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #ccc
}

#cvo-toolbar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050
}

#cvo-toolbar .item {
    float: left;
    padding: 10px;
    border-right: 1px solid #eee;
    height: 76px;
    text-align: center;
    color: #666;
    min-width: 100px
}

    #cvo-toolbar .item.active {
        background-color: #eee
    }

    #cvo-toolbar .item .options {
        margin-top: 7px
    }

        #cvo-toolbar .item .options:after {
            display: block;
            height: 0;
            width: 0;
            content: " ";
            clear: both
        }

#cvo-toolbar span.color .fa {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    display: none
}

#cvo-toolbar span.color {
    height: 22px;
    width: 22px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 3px;
    cursor: pointer;
    border: 1px solid transparent;
    text-align: center;
    vertical-align: middle
}

#cvo-toolbar span.flag {
    display: inline-block;
    cursor: pointer;
    margin: 0 3px;
    position: relative
}

#cvo-toolbar span.flag {
    display: none
}

    #cvo-toolbar span.flag i.flag-selected {
        display: none;
        height: 14px;
        width: 14px;
        background-color: #1fbc89;
        border-radius: 50%;
        position: absolute;
        bottom: -3px;
        right: -3px;
        border: 2px solid #fff
    }

    #cvo-toolbar span.flag:hover i.flag-selected {
        display: block
    }

    #cvo-toolbar span.flag.active i.flag-selected {
        display: block
    }

    #cvo-toolbar span.flag img {
        height: 22px;
        border: 1px solid #eee;
        border-radius: 3px
    }

#cvo-toolbar span.color.active .fa {
    display: inline-block
}

#cvo-toolbar span.color:hover .fa {
    display: inline-block
}

#cvo-toolbar span.fontsize, #cvo-toolbar span.line-height {
    display: block;
    float: left;
    margin: 0 2px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    line-height: 23px;
    cursor: pointer
}

    #cvo-toolbar span.fontsize .fa, #cvo-toolbar span.line-height .fa {
        line-height: 22px
    }

    #cvo-toolbar span.fontsize:hover, #cvo-toolbar span.line-height:hover {
        background-color: #666
    }

        #cvo-toolbar span.fontsize:hover .fa, #cvo-toolbar span.line-height:hover .fa {
            color: #fff
        }

    #cvo-toolbar span.fontsize.active, #cvo-toolbar span.line-height.active {
        background-color: #666;
        color: #fff
    }

    #cvo-toolbar span.fontsize:nth-child(1), #cvo-toolbar span.line-height:nth-child(1) {
        font-size: 10px
    }

    #cvo-toolbar span.fontsize:nth-child(2), #cvo-toolbar span.line-height:nth-child(2) {
        font-size: 14px
    }

    #cvo-toolbar span.fontsize:nth-child(3), #cvo-toolbar span.line-height:nth-child(3) {
        font-size: 18px
    }

#cvo-toolbar .item.button {
    padding: 10px 25px;
    cursor: pointer
}

    #cvo-toolbar .item.button .title {
        margin-bottom: 5px
    }

    #cvo-toolbar .item.button .fa {
        font-size: 26px
    }

.btn-save-cv {
    background-color: #fff;
    color: #333 !important;
    border: 1px solid #c9ccd5
}

    .btn-save-cv:hover {
        background-color: #00b14f !important;
        color: #fff !important
    }

.btn-topcv-primary {
    background-color: #00b14f;
    color: #fff !important
}

    .btn-topcv-primary:hover, .btn-topcv-primary:focus, .btn-topcv-primary:active {
        background-color: #27ae60;
        color: #fff !important
    }

#cvbuilder-container {
    position: relative;
    padding-bottom: 100px
}

#cv-layout-container {
    width: 210mm;
    float: left;
    margin-top: 10px
}

#cv-layout {
    width: 210mm;
    min-height: 290mm
}

#cvo-document-root {
    margin: 0 auto;
    padding: 0;
    font-size: 12pt
}

#cv-suggestion-container {
    float: right;
    padding: 0 0 10px 10px;
    width: 374px;
    color: #555;
    line-height: 1.4em;
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto
}

    #cv-suggestion-container a {
        color: #0da171;
        font-weight: 500
    }

    #cv-suggestion-container h4 {
        font-size: 22px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #ddd
    }

    #cv-suggestion-container p {
        line-height: 20px;
        margin-bottom: 10px
    }

    #cv-suggestion-container ul {
        list-style: disc;
        padding-left: 16px;
        margin: 0 0 8px
    }

    #cv-suggestion-container ol {
        list-style: decimal;
        padding-left: 16px;
        margin: 0 0 8px
    }

#cv-suggestion-inner {
    width: 374px;
    padding-right: 10px
}

    #cv-suggestion-inner.fixed {
        position: fixed;
        top: 90px
    }

#cv-suggestion-footer {
    border-top: 1px solid #ddd;
    padding-top: 5px
}

.suggest-content {
    display: none
}

#cv-message {
    margin: 10px 0;
    display: none
}

    #cv-message .content {
        padding: 10px;
        border-radius: 3px;
        background-color: #fbe1e3;
        color: #e73d4a;
        box-shadow: 0 0 2px #e73d4a
    }

#loader {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
    padding-top: 100px;
    z-index: 100
}

    #loader span {
        font-size: 20px
    }

#main {
    position: relative
}

#template-container {
    background-color: #fafafa;
    position: absolute;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1200;
    padding-top: 20px
}

    #template-container .template-lang-group {
        display: none
    }

    #template-container .template {
        float: left;
        width: 300px;
        margin: 20px 44px;
        cursor: pointer
    }

        #template-container .template .thumb {
            border: 4px solid #eee;
            position: relative;
            cursor: pointer
        }

        #template-container .template:hover .thumb {
            border: 4px solid #aaa
        }

        #template-container .template .thumb .fa {
            position: absolute;
            bottom: 10px;
            right: 10px;
            color: #fff;
            font-size: 20px;
            display: block;
            height: 30px;
            width: 30px;
            background-color: #0da171;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            display: none
        }

        #template-container .template.active .thumb .fa {
            display: block
        }

        #template-container .template .thumb .sale-item {
            position: absolute;
            top: 0;
            overflow: hidden;
            height: 89px;
            width: 110px;
            text-align: center;
            z-index: 0;
            right: 0
        }

        #template-container .template .name .label {
            font-size: 9px;
            font-weight: 400;
            border-radius: 8px;
            padding: 4px 10px;
            text-transform: uppercase;
            vertical-align: middle
        }

            #template-container .template .name .label .fa {
                margin-right: 2px;
                font-size: 10px
            }

        #template-container .template .name {
            text-align: center;
            font-weight: 500;
            padding-top: 5px
        }

        #template-container .template img {
            width: 100%
        }

#btn-template-cancel {
    margin-right: 50px
}

#save-done {
    background-color: #f4f4f4;
    position: absolute;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 3000;
    padding-top: 30px
}

    #save-done .ready {
        width: 570px;
        height: 230px;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        border-bottom: 1px solid #cfcfcf;
        float: left;
        margin-right: 30px;
        padding: 20px
    }

    #save-done .job-suggest {
        margin-right: 0;
        background: url(../../v3/images/job_sugges_bg.png);
        background-size: cover
    }

    #save-done .privacy {
        float: left;
        margin-left: 15px;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        border-bottom: 1px solid #cfcfcf;
        display: none
    }

    #save-done .ads {
        float: left;
        margin-left: 15px;
        width: 175px;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        border-bottom: 1px solid #cfcfcf
    }

        #save-done .ads img {
            width: 100%;
            height: auto
        }

    #save-done .message {
        text-align: center;
        font-size: 27px;
        font-weight: 300;
        color: #00b14f;
        margin-bottom: 5px
    }

    #save-done .cv-online {
        width: 420px;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #c9ccd5;
        margin: 0 auto;
        padding: 10px 15px;
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: 500;
        color: #555;
        text-align: center;
        margin: 10px auto;
        display: block
    }

    #save-done .actions {
        text-align: center
    }

    #save-done .vip-actions {
        text-align: center;
        margin-top: 15px
    }

    #save-done .jobs-container {
        width: 100%;
        min-height: 200px;
        margin-top: 60px;
        padding: 20px 0;
        position: relative;
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid #00b14f
    }

        #save-done .jobs-container .col {
            float: left;
            width: 33%;
            height: 85px;
            position: relative;
            padding-top: 10px;
            border-bottom: 1px dotted #ccc
        }

        #save-done .jobs-container .company-logo {
            float: left;
            width: 60px;
            margin-left: 10px
        }

            #save-done .jobs-container .company-logo img {
                width: 60px;
                height: auto
            }

        #save-done .jobs-container .job {
            float: left;
            padding: 0 10px;
            margin-bottom: 3px;
            width: 310px
        }

            #save-done .jobs-container .job:hover {
            }

            #save-done .jobs-container .job .title {
                font-weight: 500;
                font-size: 14px;
                display: block;
                color: #444;
                margin-bottom: 5px;
                text-transform: uppercase
            }

            #save-done .jobs-container .job .info span {
                margin-right: 15px
            }

            #save-done .jobs-container .job .title:hover {
                color: #ea1e30
            }

            #save-done .jobs-container .job .company {
                color: #777;
                font-size: 14px
            }

                #save-done .jobs-container .job .company:hover {
                    color: #333
                }

        #save-done .jobs-container h2 {
            text-align: center;
            font-size: 15px;
            text-transform: uppercase;
            position: absolute;
            margin: 0 auto;
            width: 240px;
            top: -40px;
            left: 0;
            padding: 10px 0;
            right: 0;
            font-weight: 500;
            color: #fff;
            background-image: url(../../images/header-pixel.png),linear-gradient(160deg,#00B14F 10%,hsla(153,95%,34%,0.88) 100%);
            background-repeat: repeat;
            background-size: initial;
            border: none
        }

        #save-done .jobs-container .topcv-loader span {
            color: #666;
            line-height: 30px;
            font-size: 15px
        }

            #save-done .jobs-container .topcv-loader span a {
                color: #169f81;
                text-decoration: underline
            }

        #save-done .jobs-container .topcv-loader, #save-done .jobs-container .vlance-loader {
            position: relative;
            padding-top: 10px;
            top: 0;
            left: 50%;
            color: #169f81;
            font-size: 16px;
            width: 380px;
            text-align: center;
            margin-left: -190px
        }

            #save-done .jobs-container .topcv-loader i, #save-done .jobs-container .vlance-loader i {
                font-size: 36px;
                line-height: 80px
            }

    #save-done .services-container {
        margin-top: 60px
    }

        #save-done .services-container .service-img {
            margin-right: 60px;
            float: left
        }

        #save-done .services-container img {
            width: 350px;
            height: 350px
        }

footer {
    border-top: 1px solid #dfdfdf;
    line-height: 26px
}

    footer a {
        color: #666;
        cursor: pointer
    }

        footer a:hover, footer a:focus, footer a:active {
            color: #444
        }

    footer ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    footer h5 {
        font-weight: 700;
        color: #666
    }

    footer .footer-headline-br {
        border-top: 1px solid #979797;
        width: 40px;
        margin-bottom: 20px;
        margin-bottom: 20px
    }

@media(min-width:768px) {
    .footer-top .footer-col-left {
        box-shadow: inset -30px 1px 30px -16px #eee;
        float: left
    }

    .footer-top .footer-col-right {
        padding-left: 50px;
        float: right
    }
}

.footer-top {
    background-color: #fff
}

    .footer-top .footer-col-left, .footer-top .footer-col-right {
        padding-top: 40px;
        padding-bottom: 40px
    }

.footer-bottom {
    border-top: 1px solid #dfdfdf;
    padding: 15px 0
}

.footer-logo-wraper {
    margin-bottom: 20px
}

.footer-logo {
    width: 110px
}

footer .social-icons {
    margin-bottom: 10px
}

    footer .social-icons a {
        display: inline-block;
        color: #999;
        margin-right: 5px;
        font-size: 1.2em
    }

.col-xs-6 {
    width: 50%;
    float: left
}

.col-sm-3 {
    width: 25%;
    float: left
}

.col-sm-5 {
    width: 41.666666666%;
    float: left
}

.col-sm-7 {
    width: 58.333333333%;
    float: left
}

.col-md-5 {
    width: 41.666666666%;
    float: left
}

.col-md-7 {
    width: 58.333333333%;
    float: left
}

body#cv-viewer {
    background-color: #525659
}

#cv-layout-viewer {
    margin-top: 50px;
    margin-bottom: 0px
}

@media print {
    #cv-layout-viewer {
        margin: 0;
        padding: 0
    }

    .cvo-document .cvo-page {
        box-shadow: none
    }

    body#cv-viewer {
        background-color: #fff
    }

    #cvo-document-root {
        margin: 0 !important
    }
}

#header-viewer {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    top: 0;
    background-color: #F47421;
    height: 50px;
    z-index: 10000;
    box-shadow: 0 0 4px rgba(0,0,0,.6)
}

    #header-viewer h1 {
        float: left;
        color: #fff;
        padding: 12px 0 0 20px;
        font-size: 15px;
        font-weight: 500
    }

    #header-viewer .btn-download-cv, #header-viewer .btn-download-cv-private a, #header-viewer .btn-download-cover-letter {
        float: right;
        background: 0 0;
        color: #fff;
        padding: 16px 20px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer
    }

        #header-viewer .btn-download-cv:hover, #header-viewer .btn-download-cv-private:hover a, #header-viewer .btn-download-cover-letter:hover {
            color: #fff
        }

    #header-viewer .copy-cv {
        float: right;
        background: 0 0;
        color: #fff;
        padding: 16px 20px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer
    }

        #header-viewer .copy-cv a:hover {
            color: #fff
        }

        #header-viewer .copy-cv a {
            color: #fff
        }

#browserRecommendPopupMask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(40,40,40,.8);
    z-index: 999999
}

#browserRecommendPopup {
    width: 70%;
    max-width: 700px;
    min-width: 300p;
    text-align: center;
    margin: 100px auto;
    background-color: #fff;
    line-height: 30px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}

    #browserRecommendPopup .warning-title {
        font-size: 18px;
        border-bottom: 1px solid #ccc;
        padding: 10px;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #8a6d3b;
        background-color: #fcf8e3
    }

    #browserRecommendPopup .warning-content {
        padding: 20px
    }

    #browserRecommendPopup .btn-download-browser {
        display: inline-block;
        padding: 5px 10px;
        margin-right: 10px;
        background-color: #1fbc89;
        color: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
    }

        #browserRecommendPopup .btn-download-browser.chrome {
            background-color: #16a05d
        }

            #browserRecommendPopup .btn-download-browser.chrome:hover {
                background-color: #157949
            }

        #browserRecommendPopup .btn-download-browser.firefox {
            background-color: #d86d28
        }

            #browserRecommendPopup .btn-download-browser.firefox:hover {
                background-color: #b95f26
            }

    #browserRecommendPopup .recommend-text {
        color: #ec4916;
        font-size: 16px;
        margin: 10px auto;
        margin-top: 0
    }

.text-center {
    text-align: center
}

.modal {
    display: none;
    position: fixed;
    z-index: 98000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.modal-dialog {
    background-color: #fefefe;
    margin: 100px auto;
    border-radius: 4px;
    border: 1px solid #777;
    width: 600px;
    box-shadow: 0 0 15px #555
}

.modal-header {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    position: relative
}

.modal-title {
    font-size: 22px;
    font-weight: 400;
    margin: 0
}

.modal-header .fa {
    color: #999;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    font-size: 16px
}

.modal-body {
    padding: 15px
}

    .modal-body img {
        width: 568px
    }

.modal-footer {
    padding: 10px 15px;
    text-align: right
}

.modal-body p {
    font-size: 15px !important;
    margin-bottom: 10px
}

.modal-body input[type=text] {
    padding: 10px 15px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ddd
}

    .modal-body input[type=text]:focus {
        border-color: #777
    }

#topbar-event {
    background-color: #f6db68;
    color: #020202;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 12px 0;
    position: relative
}

    #topbar-event .event-detail {
        display: inline-block;
        color: #fff;
        background-color: #d33;
        padding: 2px 8px;
        font-size: 14px;
        border-radius: 4px;
        margin-left: 10px
    }

        #topbar-event .event-detail:hover {
            text-decoration: none
        }

    #topbar-event .topbar-close {
        color: #666;
        margin-left: 10px;
        font-size: 12px;
        position: absolute;
        top: 22px;
        right: 12px;
        cursor: pointer
    }

.label-danger {
    background-color: #d9534f
}

.label-info {
    background-color: #5bc0de
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.ads-viet-cv {
    width: 375px;
    box-shadow: -1px 0 1px rgba(0,0,0,.25)
}

.ads-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

    .ads-close span {
        font-size: 14px;
        color: #6e7983
    }

    .ads-close:hover span {
        color: red
    }

.dichcv, .ads-cover-letter, .ads-cover-letter-7-days {
    width: 175px;
    height: 175px;
    float: left;
    margin-left: 20px;
    background-color: #00b14f;
    color: #fff;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border-bottom: 1px solid #cfcfcf
}

    .dichcv p {
        font-size: 22px;
        margin-top: 20px
    }

    .dichcv .lang {
        float: left;
        margin: 20px 3px 12px;
        background-color: #fff;
        color: #0da171;
        font-weight: 700;
        padding: 10px
    }

    .dichcv .action {
        clear: both;
        color: #0da171;
        background: #fff;
        padding: 10px;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        border-bottom: 1px solid #cfcfcf
    }

        .dichcv .action a {
            color: #0da171;
            font-size: 19px;
            font-weight: 700
        }

.main-cover-letter #save-done {
    background-color: rgba(0,0,0,.6)
}

    .main-cover-letter #save-done .ready {
        width: 600px;
        height: auto;
        margin: 60px auto;
        padding: 30px;
        float: none;
        border-radius: 10px;
        position: relative
    }

        .main-cover-letter #save-done .ready .btn-close-popup {
            position: absolute;
            right: 20px;
            top: 10px;
            font-size: 20px;
            color: #888
        }

            .main-cover-letter #save-done .ready .btn-close-popup:hover {
                color: #333
            }

#cv-watermark {
    cursor: help
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.text-gray {
    color: #999
}

a.text-gray:hover {
    color: #777
}

.text-dark-gray {
    color: #666
}

a.text-dark-gray:hover {
    color: #444
}

.text-highlight {
    color: #00b14f
}

a.text-highlight:hover {
    color: #27ae60
}

.text-red {
    color: #d0011b
}

a.text-red:hover {
    color: #b1061c
}

.text-light-red {
    color: #d9534f
}

.text-white {
    color: #fff
}

a.text-white:hover {
    color: #efefef
}

.text-tiny {
    font-size: 10px
}

.text-normal {
    font-size: 14px
}

.text-small {
    font-size: 12px
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.focus, .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

    .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent
        }

            .btn-link:focus, .btn-link:hover {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none
            }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

#modal-remove-watermark .modal-body {
    line-height: 1.4em
}

.btn-tvl {
}

    .btn-tvl:hover {
        border-color: #00b14f !important;
        background-color: #00b14f
    }

    .btn-tvl a {
        border: 1px solid #00b14f;
        padding: 5px 10px;
        border-radius: 5px;
        color: #00b14f !important
    }

        .btn-tvl a:hover {
            color: #fff !important;
            border-radius: 5px !important
        }

.viecngay-jobs-container {
}

.viecngay-jobs {
    overflow: hidden
}

.viecngay-loader {
    text-align: center;
    color: #999
}

.viecngay-jobs-container h2 {
    margin: 15px auto;
    text-align: center;
    font-size: 27px;
    color: #777;
    font-weight: lighter
}

.viecngay-jobs-container .job-title {
    font-weight: 700
}

.viecngay-jobs-container .job-locations {
    margin: 7px auto;
    color: #169f81
}

    .viecngay-jobs-container .job-locations a {
        color: #169f81
    }

.viecngay-jobs-container .job-description {
    text-align: justify;
    color: #777
}

.viecngay-jobs-container .readmore {
    display: block;
    text-align: right;
    margin: 7px auto
}

.pinto {
    box-sizing: border-box;
    margin-bottom: 15px;
    color: #333;
    text-align: left;
    border-radius: 5px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .pinto img {
        width: 100%
    }

    .pinto .job-item-body {
        padding: 10px 15px;
        background-color: #fff
    }

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.save-done-bnr {
    width: 570px;
    height: 230px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border-bottom: 1px solid #cfcfcf;
    float: left;
    margin-right: 0
}