@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

body {
    font-family: 'Roboto', sans-serif !important;
}

.log_strip_clr {
    background-color: #ace3b2;
}

.log_triangle1 {
    width: 0;
    float: left;
    height: 0;
    border-style: solid;
    border-width: 31px 0 0 20px;
    border-color: transparent transparent transparent #9ee49b;
}

.top_content_log {
    width: 100%;
    float: left;
    background-color: #063;
}

.strip_top_one {
    width: 100%;
    float: left;
}

.bg {
    background-color: #d1bdd4;
    /*background: #1e5799;
background: -moz-linear-gradient(top, #1e5799 0%, #60114e 0%, #2b062a 100%);
background: -webkit-linear-gradient(top, #1e5799 0%,#60114e 0%,#2b062a 100%);
background: linear-gradient(to bottom, #1e5799 0%,#60114e 0%,#2b062a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2b062a',GradientType=0 );*/
}

#maincontent, #maincontent_inner {
    position: fixed;
    top: 57px;
    margin-left: auto;
    margin-right: auto;
    bottom: 35px;
}

.side_nav_cvss {
    width: 19%;
    box-shadow: 0 0 1px 0 grey;
    padding: 10px;
    margin: 10px 0.5%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #083b67;
    height: 849px;
    float: none;
}

.main_cvss_db {
    width: 79%;
    padding: 4px;
    margin: 10px 0.5%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    float: none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

    .sidenav a {
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

.res-user-dropdown-content {
    display: none;
    position: absolute;
    top: 62px;
    left: 12%;
    z-index: 9999;
    max-width: 320px;
}

.res_top_company_name1 {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    padding-top: 6px;
    width: 20%;
    padding-right: 10px;
    float: right;
    margin: inherit;
}

.res_user_name_mob {
    display: none;
    width: 100%;
    float: left;
}

.res_menu_fnt {
    font-size: 10px;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #0f4371;
}

.res_menu_big {
    width: 100%;
    float: left;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 15px;
    font-weight: 700;
    border: none;
    line-height: 30px;
    background-color: #1d4370;
    color: white;
}

.res_main_menu {
    width: 100%;
    float: left;
    background-color: #a4afc4;
    display: none;
    border-top: 1px solid #1d4370;
}

.row_width_left {
    width: 11%;
    float: left;
    text-align: center;
    padding-top: 5px;
    padding-left: 0;
    padding-bottom: 0;
}

.res_opn_top_text {
    line-height: 32px;
    padding: 0 10px;
    float: left;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
}

.configure_box_one {
    width: 33%;
    float: left;
}

.res-comp-dropdown-content {
    display: none;
    position: absolute;
    top: 27px;
    left: 11%;
    z-index: 9999;
    max-width: 500px;
}

.res-fevo-dropdown-content {
    display: none;
    position: absolute;
    top: 33px;
    right: 33px;
    max-width: 300px;
}

.res-confi-dropdown-content {
    display: none;
    position: absolute;
    top: 52px;
    right: 100px;
    max-width: 700px;
}

.res-opn-dropdown-content {
    display: none;
    position: absolute;
    top: 52px;
    right: 125px;
    max-width: 400px;
}

.res-fin-dropdown-content {
    display: none;
    position: absolute;
    top: 54px;
    right: 155px;
    max-width: 400px;
}

.res_rate_partner {
    float: right !important;
    margin-right: 23px;
}

.res_subscribe_one {
    width: 370px;
    float: left;
    padding: 3px 10px;
    background-color: #FFF;
}

.res_dropdown_content5 {
    display: none;
    position: absolute;
    top: 33px;
    left: 5px;
    min-width: 230px;
    max-width: 370px;
    overflow: auto;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
}

.res_top_header_icon {
    float: right;
}

.top_strip_sqr {
    display: block;
}

.res_user_name {
    display: block;
}

.res_log {
    max-width: 400px;
    padding: 0;
    border: 1px solid #E8E8E8;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    background-image: url('../images/form-bg.png');
    background-position: bottom;
    background-repeat: no-repeat;
}

.res_free_main {
    max-width: 400px;
    margin: 0 auto;
}

.res_free_main_sml {
    max-width: 350px;
    padding: 7px 0 7px 0;
}

.logo_wd {
    width: auto;
    padding-bottom: 7px;
}

.menu_res1 {
    width: 88.7%;
    margin-top: 0;
}

.user_name_res {
    margin-top: 0;
}

.menu_nav_res {
    width: 18%;
}

.res_res_top {
    display: block;
}

.res_res_top1 {
    margin-left: 24%;
}

.com_nm_res {
    font-size: 15px;
}

.lbl_name1 {
    width: 25%;
    float: left;
    padding-bottom: 10px;
}

.lbl_name2 {
    width: 20%;
    float: left;
    margin-left: 10px;
    padding-bottom: 10px;
}

.lbl_name3 {
    width: 24%;
    float: left;
    padding-bottom: 10px;
}

.lbl_name4 {
    width: 22%;
    float: left;
    padding-bottom: 10px;
}

.lbl_name5 {
    width: 5%;
    float: right;
    padding-bottom: 10px;
}

.year_drpdwn {
    float: left;
    width: 63%;
}

.company_name_mob {
    display: block;
}

.top_header_mob {
    height: 63px;
}

.tabbutton_top {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.edit_dis {
    width: 20%;
    float: left;
}

.edit_dis_ok {
    width: 10%;
    float: left;
}

.edit_txt_list {
    text-align: right;
    padding-right: 15px;
}

.fab_data1 {
    width: 20%;
    text-align: left;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    line-height: 25px;
    float: left;
}

.fab_data2 {
    width: 80%;
    padding-left: 3px;
    text-align: left;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    line-height: 25px;
    float: left;
}


@media (max-width:1400px) {
    .tabbutton_top {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    .top_header_mob {
        height: 63px;
    }

    .company_name_mob {
        display: block;
    }

    .res-user-dropdown-content {
        display: none;
        position: absolute;
        top: 62px;
        left: 12%;
        z-index: 9999;
        max-width: 320px;
    }

    .res_top_company_name1 {
        font-family: 'Roboto Condensed',sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #FFF;
        padding-top: 6px;
        width: 20%;
        padding-right: 10px;
        float: right;
        margin: inherit;
    }

    .res_user_name_mob {
        display: none;
    }

    .res_main_menu {
        width: 100%;
        float: left;
        background-color: #a4afc4;
        display: none;
    }

    .res_user_name {
        display: block;
    }

    .row_width_left {
        width: 11%;
        float: left;
        text-align: center;
        padding-top: 5px;
        padding-left: 0;
        padding-bottom: 0;
    }

    .res-comp-dropdown-content {
        display: none;
        position: absolute;
        top: 62px;
        left: 12%;
        z-index: 9999;
        max-width: 370px;
    }

    .res-fevo-dropdown-content {
        display: none;
        position: absolute;
        top: 33px;
        right: 33px;
        max-width: 300px;
    }

    .res-confi-dropdown-content {
        display: none;
        position: absolute;
        top: 33px;
        right: 63px;
        max-width: 600px;
    }

    .configure_box_one {
        width: 33%;
        float: left;
    }

    .res-opn-dropdown-content {
        display: none;
        position: absolute;
        top: 33px;
        right: 90px;
        max-width: 392px;
    }

    .res-fin-dropdown-content {
        display: none;
        position: absolute;
        top: 33px;
        right: 118px;
        max-width: 300px;
    }

    .res_rate_partner {
        float: right !important;
        margin-right: 23px
    }

    .res_dropdown_content5 {
        display: none;
        position: absolute;
        top: 33px;
        left: 5px;
        min-width: 230px;
        max-width: 370px;
        overflow: auto;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    }

    .res_subscribe_one {
        width: 370px;
        float: left;
        padding: 3px 10px;
        background-color: #FFF;
    }

    .res_top_header_icon {
        float: right;
    }

    .res_log {
        max-width: 400px;
        padding: 0;
        border: 1px solid #E8E8E8;
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
    }

    .top_strip_sqr {
        display: block;
    }
}

@media (max-width:1024px) {
    nav a {
        padding: 5px 5px;
    }

    .menu_main_one {
        width: 80%;
    }

    .right_container_top2 {
        font-size: 13px;
        padding: 9px 0;
    }

    .right_container_top4 {
        font-size: 13px;
    }
}

@media (max-width:950px) {
    .logo_wd {
        width: 90px;
    }

    .menu_res1 {
        width: 100%;
        margin-top: 32px;
    }

    .user_name_res {
        margin-top: -25px;
    }

    .menu_nav_res {
        width: 18%;
    }

    .res_res_top {
        display: block;
    }

    .res_res_top1 {
        margin-left: 24%;
    }
}

@media (max-width:678px) {
    .fab_data1 {
        width: 100%;
    }

    .fab_data2 {
        width: 100%;
    }

    .edit_txt_list {
        text-align: left;
        padding-right: 0;
    }

    .edit_dis_ok {
        width: 100%;
        float: left;
    }

    .edit_dis {
        width: 100%;
    }

    .year_drpdwn {
        float: right;
        width: 89.9%;
    }

    .lbl_name4 {
        width: 50%;
    }

    .lbl_name5 {
        width: 100%;
    }

    .res_log {
        max-width: 100%;
        padding: 0;
        border: 1px solid #E8E8E8;
        background-color: white;
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-20%, -50%);
        padding: 0;
    }

    .top_strip_sqr {
        display: none;
    }

    .res_top_header_icon {
        float: left;
    }

    .side_nav_cvss {
        width: 100%;
        box-shadow: 0 0 1px 0 grey;
        padding: 10px;
        margin: 0 0;
        position: unset;
        top: 0;
        float: left;
        bottom: 0;
        background-color: #083b67;
        height: 849px;
    }

    .main_cvss_db {
        width: 100%;
        padding: 4px;
        margin: 0 0;
        position: unset;
        top: 0;
        float: left;
        bottom: 0;
        right: 0;
    }

    #maincontent_inner {
        position: fixed;
        top: 42px;
        margin-left: auto;
        margin-right: auto;
        bottom: 35px;
    }

    .logo_wd {
        width: 90px;
        padding-bottom: 0;
    }

    .menu_res1 {
        width: 100%;
        margin-top: 32px;
    }

    .user_name_res {
        margin-top: -25px;
    }

    .menu_nav_res {
        width: 100%;
    }

    .res_res_top {
        display: none;
    }

    .res_res_top1 {
        margin-left: 0;
    }

    .com_nm_res {
        font-size: 10px;
    }

    .lbl_name1 {
        width: 100%;
    }

    .lbl_name2 {
        width: 100%;
        margin-left: 0;
    }

    .lbl_name3 {
        width: 50%;
        float: left;
    }
}

@media (max-width:480px) {
    .tabbutton_top {
        font-size: 10px;
    }

    .top_header_mob {
        height: 42px;
    }

    .company_name_mob {
        display: none;
    }

    .year_drpdwn {
        float: right;
        width: 89.9%;
    }

    .lbl_name5 {
        width: 100%;
    }

    .lbl_name4 {
        width: 50%;
    }

    #maincontent_inner {
        position: fixed;
        top: 42px;
        margin-left: auto;
        margin-right: auto;
        bottom: 35px;
    }

    .res-fevo-dropdown-content {
        float: left;
        max-width: 100%;
        right: 0;
        top: 84px;
    }

    .res-comp-dropdown-content {
        float: left;
        max-width: 100%;
        left: 0;
        top: 155px;
    }

    .res-confi-dropdown-content {
        float: left;
        max-width: 100%;
        right: 0;
        top: 84px;
    }

    .res-opn-dropdown-content {
        float: left;
        max-width: 100%;
        right: 0;
        top: 84px;
    }

    .res-fin-dropdown-content {
        float: left;
        max-width: 100%;
        right: 0;
        top: 84px;
    }

    .res-user-dropdown-content {
        float: left;
        max-width: 100%;
        right: 0;
        left: 0;
        top: 183px;
    }

    .res_dropdown_content5 {
        max-width: 100%;
    }

    .res_subscribe_one {
        width: 100%;
    }

    .res_rate_partner {
        float: left;
        margin-right: 10px;
    }

    .configure_box_one {
        width: 100%;
        float: left;
    }

    .row_width_left {
        width: 11%;
        float: left;
        text-align: center;
        padding-top: 5px;
        padding-left: 5px;
        padding-bottom: 9px;
    }

    .res_user_name {
        display: block;
    }

    .res_main_menu {
        width: 100%;
        float: left;
        background-color: #a4afc4;
        display: block;
    }

    .res_user_name_mob {
        display: block;
    }

    .res_top_company_name1 {
        font-family: 'Roboto Condensed',sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #FFF;
        padding-top: 6px;
        width: max-content;
        padding-right: 10px;
        float: initial;
        margin: 0 auto;
    }

    .side_nav_cvss {
        width: 100%;
        box-shadow: 0 0 1px 0 grey;
        padding: 10px;
        margin: 0 0;
        position: unset;
        top: 0;
        float: left;
        bottom: 0;
        background-color: #083b67;
        height: 849px;
    }

    .main_cvss_db {
        width: 100%;
        padding: 4px;
        margin: 0 0;
        position: unset;
        top: 0;
        float: left;
        bottom: 0;
        right: 0;
    }

    .logo_wd {
        width: 90px;
        padding-bottom: 0;
    }

    .menu_res1 {
        width: 100%;
        margin-top: 32px;
    }

    .user_name_res {
        margin-top: -25px;
    }

    .menu_nav_res {
        width: 100%;
    }

    .res_res_top {
        display: none;
    }

    .res_res_top1 {
        margin-left: 0;
    }

    .com_nm_res {
        font-size: 10px;
    }

    .lbl_name1 {
        width: 100%;
    }

    .lbl_name2 {
        width: 100%;
        margin-left: 0;
    }

    .lbl_name3 {
        width: 50%;
        float: left;
    }
}

@media (max-width:450px) {
    .year_drpdwn {
        float: right;
        width: 89.9%;
    }

    .lbl_name5 {
        width: 100%;
    }

    .lbl_name4 {
        width: 50%;
    }

    .sidenav {
        padding-top: 0;
    }

        .sidenav a {
            font-size: 18px;
        }

    .logo_wd {
        width: 90px;
        padding-bottom: 0;
    }

    .menu_res1 {
        width: 100%;
        margin-top: 32px;
    }

    .user_name_res {
        margin-top: -25px;
    }

    .menu_nav_res {
        width: 100%;
    }

    .res_res_top {
        display: none;
    }

    .res_res_top1 {
        margin-left: 0;
    }

    .com_nm_res {
        font-size: 10px;
    }

    .lbl_name1 {
        width: 100%;
    }

    .lbl_name2 {
        width: 100%;
        margin-left: 0;
    }

    .lbl_name3 {
        width: 50%;
        float: left;
    }
}