@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);
@import url(//fonts.googleapis.com/css?family=Open+Sans);

.toast {
    bottom: 0px;
    cursor: pointer;
    max-width: 450px;
    position: fixed;
    right: 0px;
    z-index: 9999;
}

.toast:not(:last-child) {
    margin-bottom: 25px;
    margin-right: 25px;
}

.toast-body {
    background-color: rgb(244, 244, 244);
}

.fake-link {
    color: white;
    cursor: pointer;
}

.underline_19px {
    padding-bottom: 4px;
    border-bottom: 3px solid rgb(0, 60, 100);
    cursor: pointer;
}

.fa,
.fas,
.Care_Management {
    cursor: pointer;
}

.margin_top_8 {
    margin-top: 8px;
}

html,
body {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}

.margin_bottom_30 {
    margin-bottom: 30px;
}

.margin_left_30 {
    margin-left: 30px;
}

.tpc-popup-note.top_right {
    transform: translate(-7%, -160%) !important;
}

.tpc-popup-qmark .tpc-popup-note.top_right::after {
    border-color: #555 transparent transparent transparent;
    left: 7%;
    margin-left: -5px;
    right: unset;
    top: 100%;
}

.tpc-popup-note.top {
    transform: translate(-100%, -160%) !important;
}

.tpc-popup-qmark .tpc-popup-note.top::after {
    border-color: #555 transparent transparent transparent;
    margin-left: -5px;
    right: 7%;
    top: 100%;
}

.tpc-popup-note.right {
    transform: translate(0, -50%) !important;
}

.tpc-popup-note.bottom {
    transform: translate(-20%, 5%) !important;
}

.tpc-popup-note.left {
    transform: translate(-100%, 5%) !important;
}

.tpc-popup-qmark .tpc-popup-note.right::after {
    border-color: transparent #555 transparent transparent;
    left: 0;
    margin-left: -10px;
    top: 50%;
}

.device-type-design {
    background: #fafafa;
    border: 2px solid;
    border-color: #d4260a;
    border-radius: 10px;
    color: #d4260a;
    font-size: 8px !important;
    font-weight: bold;
    height: 16px;
    margin-right: 3px;
    padding: 2px;
    text-align: center;
    width: 40px;
}

.title,
.title_nomargin {
    font-family: "Open Sans", sans-serif !important;
    font-size: 1.5rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
}

.title {
    margin: 0 auto auto 30px;
}

.table.table-striped {
    color: rgb(74, 74, 74);
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
}

.table.table-striped .header_style {
    color: rgb(74, 74, 74);
    font-family: "Open Sans", sans-serif !important;
    font-size: 12px !important;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
}

.content {
    width: 99%;
}

.background {
    background-color: rgb(237, 236, 236);
    height: auto;
}

.table_1 {
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255);
    height: 160px;
    margin: 50px 40px auto 40px;
    width: auto;
}

.table_1_nomargin {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    height: 160px;
}

.table_nomargin_height_450px {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    height: 450px;
}

.table_menu_left {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    height: 450px;
    width: 101px;
}

.table_menu_right {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    height: 450px;
    width: 100%;
}

.legend {
    color: rgb(74, 74, 74);
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    height: 22px;
    letter-spacing: normal;
    line-height: 1.57;
    margin: 30px auto auto 40px;
    width: 47px;
}

.table_2 {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    height: 290px;
    margin: 2px 40px auto 40px;
    width: auto;
}

.table_2_value_font {
    color: rgb(74, 74, 74);
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 17px;
    letter-spacing: normal;
    line-height: normal;
}

.th_font {
    height: 17px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(74, 74, 74);
    border: 0px;
}

.th_font_padding {
    padding-top: 26px !important;
    padding-left: 20px !important;
}

.td_font {
    height: 19px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: rgb(74, 74, 74);
    border: 0px;
}

.td_font_padding {
    padding-top: 20px !important;
    padding-left: 20px !important;
}

.font_small {
    height: 17px;
    opacity: 0.5;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: rgb(255, 255, 255);
}

.th_font,
.td_font,
.font_small,
.participant_edit_value_font,
.participant_edit_font,
.project-tab a,
.touchPoints_create_value_font,
.touchPoints_create_value_font_opacity,
.enterExpi,
.radio,
.create_touchpoint_font,
textarea,
.lable_textarea,
.participant_import_font,
.group_create_font,
.addnew,
.addnew_no_margin,
.td_font_provider_rules,
.font_OpenSans_19px,
.uxTaskName,
.font_OpenSans_14px_600_white,
.font_Roboto_14px_normal_red,
.font_Roboto_14px_normal_74,
.font_Roboto_14px_normal_74_2,
.font_Roboto_14px_normal_white,
.font_Roboto_14px_normal_0,
.font_Roboto_14_bold_white,
.font_Roboto_14_bold_0,
.font_Roboto_14_bold_74,
.font_Roboto_14_600_white,
.font_Roboto_14_600_black,
.font_Roboto_14_600_74,
.font_Roboto_14_500_74,
.font_Roboto_14_900_105,
.font_opensan_14_600_white,
.font_opensan_12_bold_74,
.font_Roboto_14_bold_74,
.font_Roboto_14_bold_74_left,
.font_placeholder_right,
.font_Roboto_19_900_rgb,
.font_Roboto_12px_normal_255,
.font_Roboto_12px_normal_red,
.font_Roboto_12px_normal_74_op50,
.font_Roboto_12px_normal_74,
.calendar_input,
.page_footer,
.normal8,
.normal8Bold,
.small,
.custom label,
.ta-info,
.browse,
.search,
.login {
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.font_Roboto_14px_normal_red,
.font_Roboto_14px_normal_74,
.font_Roboto_14px_normal_74_2,
.font_Roboto_14_bold_white,
.font_Roboto_14_bold_0,
.font_Roboto_14_bold_74,
.font_Roboto_14_600_white,
.font_Roboto_14_600_black,
.font_Roboto_14_600_74,
.font_Roboto_14_500_74,
.font_Roboto_14_900_105,
.font_Roboto_14_bold_74,
.font_Roboto_14_bold_74_left,
.font_Roboto_19_900_rgb,
.font_Roboto_11px_normal_128,
.font_Roboto_12px_normal_255,
.font_Roboto_12px_normal_red,
.font_Roboto_12px_normal_74_op50,
.font_Roboto_12px_normal_74 {
    font-family: "Roboto", sans-serif;
}

.font_Roboto_14px_normal_74_important,
.font_Roboto_14px_normal_white,
.font_Roboto_14px_normal_0 {
    font-family: "Roboto", sans-serif !important;
}

.font_Roboto_14px_normal_74,
.font_Roboto_14px_normal_74_2,
.font_Roboto_14_bold_74,
.font_Roboto_14_bold_74_left,
.font_Roboto_12px_normal_74_op50 {
    color: rgb(74, 74, 74);
}

.font_Roboto_14px_normal_74_important,
.font_Roboto_14_bold_74,
.font_Roboto_14_600_black,
.font_Roboto_14_600_74,
.font_Roboto_14_500_74,
.font_Roboto_12px_normal_74 {
    color: rgb(74, 74, 74) !important;
}

.font_Roboto_12px_normal_255,
.font_Roboto_12px_normal_red,
.font_Roboto_12px_normal_74_op50,
.font_Roboto_12px_normal_74 {
    font-size: 12px;
}

.font_Roboto_14px_normal_red,
.font_Roboto_14px_normal_red,
.font_Roboto_14px_normal_74,
.font_Roboto_14px_normal_74_2,
.font_Roboto_14_bold_white,
.font_Roboto_14_bold_0,
.font_Roboto_14_bold_74,
.font_Roboto_14_600_white,
.font_Roboto_14_600_black,
.font_Roboto_14_600_74,
.font_Roboto_14_900_105,
.font_Roboto_14_bold_74,
.font_Roboto_14_bold_74_left,
.font_Roboto_14px_normal_red,
.font_Roboto_14px_normal_74 {
    font-size: 14px;
}

.font_Roboto_14px_normal_red,
.font_Roboto_14px_normal_74,
.font_Roboto_14px_normal_red,
.font_Roboto_14px_normal_74,
.font_Roboto_12px_normal_red,
.font_Roboto_12px_normal_74_op50,
.font_Roboto_12px_normal_74,
.font_Roboto_14px_normal_74_2,
.font_Roboto_11px_normal_128,
.font_Roboto_12px_normal_255 {
    font-weight: normal;
}

.font_Roboto_14px_normal_74_important,
.font_Roboto_14px_normal_white,
.font_Roboto_14px_normal_0 {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.font_Roboto_14_600_white,
.font_Roboto_14_600_black,
.font_Roboto_14_600_74 {
    font-weight: 600;
    text-align: center;
}

.font_Roboto_14px_normal_74_important {
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
}

.font_Roboto_14px_normal_white,
.font_Roboto_14_600_white,
.font_Roboto_14_bold_white {
    color: white !important;
}

.font_Roboto_14px_normal_0 {
    color: rgb(0, 60, 100) !important;
}

.font_Roboto_14_bold_74,
.font_Roboto_14_bold_white,
.font_Roboto_14_bold_0 {
    font-weight: bold;
    text-align: center;
}

.font_Roboto_14_bold_0 {
    color: rgb(0, 60, 100) !important;
}

.font_Roboto_14_bold_74 {
    font-weight: bold;
}

.font_Roboto_14_500_74 {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.font_Roboto_14_900_105 {
    font-weight: 900;
    color: rgb(105, 160, 210);
}

.font_Roboto_14_bold_74_left {
    font-weight: bold;
    text-align: left;
}

.font_Roboto_14px_normal_red {
    color: #d0021b;
}

.font_Roboto_12px_normal_red {
    color: red;
}

.font_Roboto_12px_normal_74_op50 {
    height: 14px;
    opacity: 0.5;
}

.font_Roboto_14px_normal_74_2 {
    height: 16px;
    padding-top: 26px;
}

.font_Roboto_19_900_rgb {
    font-size: 19px;
    font-weight: 900;
    color: rgb(0, 60, 100);
}

.font_Roboto_11px_normal_128 {
    font-size: 11px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.64;
    letter-spacing: normal;
    color: rgb(128, 128, 128);
}

.font_Roboto_12px_normal_74 {
    height: 14px;
}

.font_Roboto_12px_normal_255 {
    height: 14px;
    color: rgb(255, 255, 255);
}

.caret-arrow-up {
    width: 10px;
    height: 5.7px;
    margin: auto auto auto 16px;
}

.note_icon {
    width: 13px;
    height: 16px;
    background-color: white;
}

.content_icon {
    width: 16px;
    height: 16px;
    background-color: white;
}

.report_icon {
    width: 16px;
    height: 16px;
    background-color: white;
    margin-left: 24px;
}

.icon_20px {
    width: 20px;
    height: 20px;
}

.icon_20x16 {
    width: 24px !important;
    height: 16px !important;
}

.table_2_value {
    padding: 26px 0px 0px 20px !important;
}

.table_2_pading {
    padding: 20px 0px 5px 5px;
}


/*participant_edit*/

.participant_edit_value_font {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(74, 74, 74);
    padding-top: 26px;
    padding-left: 30px;
}

.participant_edit_font {
    height: 16px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(74, 74, 74);
}

.th_padding {
    padding-right: 32px;
}

.div_padding {
    padding-right: 0px 20px 0px 20px;
}

.table_participant_edit {
    min-height: 528px;
    margin: 26px 10px 30px 40px;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255);
    position: relative;
}

.add_participant {
    color: #fff;
    text-align: center;
    width: 190px;
    height: 36px;
    background-color: #FB3753;
    margin: 10px 30px auto auto;
    border-radius: 3px;
    shape-margin: 5px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.add_participant_layout2 {
    text-align: center;
    width: 190px;
    height: 36px;
    background-color: #FB3753;
    margin: -6px auto auto auto;
    border-radius: 3px;
    shape-margin: 5px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.filter_button {
    width: 121px;
    height: 36px !important;
    background-color: #FB3753;
    border-radius: 4px;
    shape-margin: 5px;
    text-align: center;
    color: white !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.switch {
    width: 140px;
    height: 36px !important;
    background-color: #346CB0;
    border-radius: 4px;
    shape-margin: 5px;
    text-align: center;
    color: white !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    border: none !important;
}

.reset_button {
    width: 121px;
    height: 36px !important;
    border-radius: 4px;
    background-color: rgb(233, 233, 233);
    shape-margin: 5px;
    text-align: center;
    color: white;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}


/*TouchPoints_Create (details)*/

@media only screen and (max-width: 2800px) and (min-width: 1400px) {
    .item_center {
        margin-left: 15%;
    }
}

.project-tab {
    padding: 20px;
}

    .project-tab #tabs a .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border: none !important;
        border-color: rgb(2, 59, 99) !important;
        border-bottom: 2px solid rgb(2, 59, 99) !important;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        width: 70px;
        font-weight: 600;
        color: rgb(2, 59, 99) !important;
        height: 25px;
    }

    .project-tab .nav-link {
        border: none;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
    }

        .project-tab .nav-link:hover {
            color: rgb(2, 59, 99) !important;
            border: none;
        }

    .project-tab thead {
        background: #f3f3f3;
        color: rgb(2, 59, 99);
        border: none;
        width: 70px;
        border-bottom-color: rgb(2, 59, 99);
    }

    .project-tab a {
        text-decoration: none;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: rgb(172, 172, 172);
        border: none;
    }

        .project-tab a:hover {
            color: rgb(2, 59, 99) !important;
            border: none;
        }

        .project-tab a:focus:active {
            text-decoration: none;
            color: rgb(2, 59, 99);
            font-weight: 600;
            border: none;
        }

.touchPoints_create_value_font {
    height: 16px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(74, 74, 74);
}

.touchPoints_create_value_font_opacity {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: rgb(128, 128, 128);
}

.touchPoints_create_margin {
    margin: 15px auto auto auto;
}

.margin_top_6 {
    margin: 6px auto auto auto;
}

.enterExpi {
    float: right;
    height: 13px;
    font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    color: rgb(128, 128, 128);
}


/* The radio */

.radio {
    height: 16px;
    display: block;
    position: relative;
    padding-left: 30px;
    margin: 0;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: rgb(128, 128, 128);
    font-weight: normal;
}


    /* Hide the browser's default radio button */

    .radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        color: rgb(74, 74, 74);
    }


/* Create a custom radio button */

.checkround {
    position: absolute;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-color: rgb(128, 128, 128);
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    cursor: pointer;
}


/* When the radio button is checked, add a blue background */

.radio input:checked ~ .checkround {
    background-color: #fff;
    border-color: rgb(65, 97, 168);
    color: rgb(74, 74, 74);
    font-weight: 500;
}

.radio input:checked ~ label {
    color: rgb(74, 74, 74);
    font-weight: 500;
}

.logo_style_1 {
    margin-top: -15px;
    max-height: 65px;
}

label {
    margin-bottom: 6px;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

.checkround:hover {
    border-color: rgb(65, 97, 168);
}

.radio:hover {
    color: rgb(74, 74, 74);
    cursor: pointer;
}

    .radio:hover > .checkround {
        color: rgb(74, 74, 74);
        border-color: rgb(65, 97, 168);
    }


/* Show the indicator (dot/circle) when checked */

.radio input:checked ~ .checkround:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgb(65, 97, 168);
}

.touchPoints_create_pading_font {
    padding: 5px 0px 10px 10px;
    color: rgb(128, 128, 128);
    line-height: 23px;
}

.create_touchpoint {
    width: 266px;
    height: 36px !important;
    color: white;
    background-color: #FB3753;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #F30046;
}

.create_touchpoint1 {
    width: 160px;
    height: 36px !important;
    color: white;
    background-color: #FB3753;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #F30046;
}

.create_touchpoint:hover, .create_touchpoint1:hover {
    color: white !important;
    background-color: #F30046;
    border: 1px solid #D8003E;
}

.onboard_submit {
    width: 160px;
    height: 36px !important;
    color: white;
    background-color: #346CB0;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.create_touchpoint_233 {
    width: 266px;
    height: 36px !important;
    color: white;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.create_touchpoint_233_1 {
    width: 160px;
    height: 36px !important;
    color: white;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.create_touchpoint_font {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: rgb(255, 255, 255);
}

    .create_touchpoint_font:hover {
        color: rgb(255, 255, 255);
    }

.insert_button {
    width: 160px;
    height: 30px;
    border-radius: 3px;
    color: rgb(0, 60, 100);
    font-weight: 600;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.insert_button_auto {
    width: auto;
    height: 30px;
    border-radius: 3px;
    color: rgb(0, 60, 100);
    font-weight: 600;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

textarea {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: normal;
    color: rgb(74, 74, 74);
}


/*TouchPoint Review*/

@keyframes check {
    0% {
        height: 0;
        width: 0;
    }

    25% {
        height: 0;
        width: 5px;
    }

    50% {
        height: 10px;
        width: 5px;
    }
}

.checkbox {
    background-color: #fff;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    border: 1px solid #ccc;
    float: left;
    margin: 0;
    cursor: pointer;
}

.checkbox:hover {
    border-color: rgb(65, 97, 168);
}

.checkbox span {
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
    padding: 0;
}

.checkbox span[disabled="disabled"] {
    display: none;
}

.checkbox span:after {
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: block;
    height: 10px;
    left: 2px;
    position: absolute;
    top: 7px;
    width: 5px;
}

.checkbox input {
    display: none;
}

.checkbox input:checked + span:after {
    -webkit-animation: check 0.8s;
    -moz-animation: check 0.8s;
    -o-animation: check 0.8s;
    animation: check 0.8s;
    border-color: rgb(65, 97, 168);
}

.checkbox input:disabled + .extra {
    opacity: 0.5;
}

.checkbox input:checked + .default:after {
    border-color: #444;
}

.checkbox input:checked + .primary:after {
    border-color: #2196f3;
}

.checkbox input:checked + .success:after {
    border-color: #8bc34a;
}

.checkbox input:checked + .info:after {
    border-color: #3de0f5;
}

.checkbox input:checked + .warning:after {
    border-color: #ffc107;
}

.checkbox input:checked + .danger:after {
    border-color: #f44336;
}

.checkbox input:checked + .extra:after {
    /*border-color: rgb(65, 97, 168);*/
    border-color: rgb(74, 74, 74);
}

.checkbox input:checked ~ .checkbox {
    border-color: rgb(65, 97, 168);
}


/*Review*/

.button_review_submit {
    width: 266px;
    height: 36px !important;
    border-radius: 4px;
    background-color: #FB3753;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_review_submit1 {
    width: 100%;
    height: 30px !important;
    border-radius: 4px;
    background-color: #FB3753;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_review_submit2 {
    width: 80px;
    height: 30px !important;
    border-radius: 4px;
    background-color: #FB3753;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_review_submit3 {
    width: auto;
    height: 30px !important;
    border-radius: 4px;
    background-color: #FB3753;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_review_reset {
    width: 266px;
    height: 36px;
    border-radius: 4px;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_review_reset1 {
    width: 100%;
    height: 30px;
    border-radius: 4px;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_review_reset2 {
    width: 80px;
    height: 30px;
    border-radius: 4px;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_review_reset3 {
    width: auto;
    height: 30px;
    border-radius: 4px;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_review_reset4 {
    width: 200px;
    height: 36px;
    border-radius: 4px;
    background-color: rgb(233, 233, 233);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}


/*group_assignment*/

.lable_textarea {
    height: 13px;
    font-family: "Open Sans", sans-serif;
    font-size: 11px !important;
    font-weight: normal;
    text-align: right;
    color: rgb(128, 128, 128) !important;
    float: right;
}


/*participant_import*/

.participant_import_font {
    height: 16px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: #346CB0;
}

.button_import_browser {
    width: 266px;
    height: 36px;
    border-radius: 4px;
    background-color: rgb(170, 170, 170);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_import_browser_1 {
    width: 266px;
    height: 36px;
    border-radius: 4px;
    background-color: rgb(0, 60, 100);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_import_browser_2 {
    width: auto;
    height: 36px;
    border-radius: 4px;
    background-color: rgb(170, 170, 170);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}


/*group_create*/

.button_filter {
    width: 121px;
    height: 36px;
    border-radius: 4px;
    background-color: #346CB0;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_filter_1 {
    height: 36px;
    border-radius: 4px;
    background-color: #346CB0;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #3852A0;
}

.button_filter_1:hover {
    background-color: #3852A0;
    border: 1px solid #32488F;
}

.onboard_button_next {
    height: 36px;
    border-radius: 4px;
    background-color: #FB3753;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_update {
    width: 190px;
    height: 36px;
    border-radius: 4px;
    background-color: #346CB0;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.button_update1 {
    height: 36px;
    border-radius: 4px;
    background-color: #346CB0;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.group_create_font {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: rgb(255, 255, 255);
}


/*question_create*/

.question_create_pading_font {
    padding: 10px 0px 0px 0px;
}

.question_create_expand_icon {
    width: 10px;
    height: 10px;
}

#custom_textarea {
    overflow: auto;
    background-color: white;
    text-align: left;
    border: 0.5px solid #edecec;
    border-radius: 5px;
    scrollbar-color: rgb(65, 97, 168) white;
    scrollbar-width: thin;
}

#custom_textarea::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

#custom_textarea::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(65, 97, 168);
}

.custom_textarea {
    overflow: auto;
    background-color: white;
    text-align: left;
    border: 0.5px solid #edecec;
    border-radius: 5px;
    scrollbar-color: rgb(65, 97, 168) white;
    scrollbar-width: thin;
}

.custom_textarea::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

.custom_textarea::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(65, 97, 168);
}

.button_question_create {
    width: 100%;
    height: 30px;
    border-radius: 4px;
    background-color: #346CB0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #3852A0;
}

.button_question_create:hover {
    color: #FFFFFF !important;
    background-color: #3852A0;
    border: 1px solid #32488F;
}

.button_question_create_nc {
    width: 100%;
    height: 30px;
    border-radius: 4px;
    background-color: #346CB0;
    border: 0.5px solid #edecec;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #E4E6EA;
    color: #346CB0;
}

.button_question_create_nc:hover {
    color: #3852A0 !important;
    background-color: #FFFFFF;
    border: 1px solid #3852A0;
}

.button_question_create_dq {
    width: 100%;
    height: 30px;
    border-radius: 4px;
    background-color: #FB3753;
    border: 1px solid #F30046;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
}

.button_question_create_dq:hover {
    color: #FFFFFF !important;
    background-color: #F30046;
    border: 1px solid #D8003E;
}

.button_question_create_sd {
    width: 230px;
    height: 30px;
    border-radius: 4px;
    background-color: rgb(1, 60, 99);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.group_item {
    height: 30px;
    border-radius: 5px;
    background-color: rgb(242, 242, 242);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

input {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: normal;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    height: 30px;
}

.form-control {
    height: 30px;
}

select {
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
    font-weight: normal;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
}


/*question_series*/

.question_series_combined_icon {
    width: 12.7px;
    height: 16px;
}


/*question_review*/

.pagging {
    color: rgb(128, 128, 128);
    font-weight: normal;
}


/*question_vital*/

.question_vital_font {
    height: 14px;
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.64;
    letter-spacing: normal;
    color: #FB3753;
}

.question-mark_icon {
    width: 12px;
    height: 12px;
    margin-left: 2px;
}

.radio label {
    cursor: pointer;
}

.addnew {
    width: 80%;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(74, 74, 74);
    margin: 0px auto auto 16px;
    cursor: pointer;
}

.tpc-popup-qmark label {
    cursor: pointer;
}

.addnew_no_margin {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(74, 74, 74);
    cursor: pointer;
}

legend .addnew {
    width: auto !important;
    cursor: pointer;
}

.td_font_padding_16 {
    padding-top: 16px !important;
    padding-left: 20px !important;
}

.td_font_padding_0 {
    padding-top: 0px !important;
    padding-left: 20px !important;
}

.td_font_padding_8 {
    padding-top: 8px !important;
    padding-left: 20px !important;
}

.td_font_provider_rules {
    height: 16px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: rgb(74, 74, 74);
}

#custom_table {
    overflow-x: hidden;
    overflow: auto;
    background-color: white;
    text-align: left;
    border-radius: 5px;
    scrollbar-color: rgb(65, 97, 168) white;
    scrollbar-width: thin;
}

#custom_table::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

#custom_table::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(65, 97, 168);
}

.custom_scrollbar {
    overflow-x: hidden;
    overflow: auto;
    background-color: white;
    text-align: left;
    border-radius: 5px;
    scrollbar-color: rgb(65, 97, 168) white;
    scrollbar-width: thin;
}

.custom_scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

.custom_scrollbar::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(65, 97, 168);
}

.custom_tab {
    overflow: auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    overflow-x: hidden;
    scrollbar-color: rgb(65, 97, 168) rgb(0, 60, 100);
    scrollbar-width: thin;
}

.custom_tab::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

.custom_tab::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #346CB0;
    opacity: 0.7;
    margin-right: 5px;
}

.provider_rules_font_padding {
    padding: 8px 0px 0px 8px;
}

.call_log_font_padding {
    padding: 5px 0px 0px 8px;
}

.margin_8 {
    margin: 8px 0px 0px 8px;
}

.button_selectall {
    width: 90px;
    height: 30px;
    border-radius: 4px;
    background-color: rgb(0, 60, 100);
    border: 0.5px solid #edecec;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.font_OpenSans_19px {
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: rgb(0, 60, 100);
}

.uxTaskName {
    height: 26px;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: rgb(0, 60, 100);
}

.alert {
    width: 100%;
    background-color: #f2dede;
    border-radius: 4px;
    border: 0.5px solid #eed3d7;
    color: #b94a48;
}

.alert-success {
    width: 100%;
    border-radius: 4px;
    border: 0.5px solid #eed3d7;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-primary {
    width: 100%;
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.close {
    margin-top: -4px;
}

.font_OpenSans_14px_600_white {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.btn {
    cursor: pointer;
}

.text_button {
    margin-top: -22px;
    text-align: center;
}

.magin_checkbox {
    margin-left: 16px;
}

.font_opensan_14_600_white {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: rgb(255, 255, 255) !important;
}

.font_opensan_14_600_white :hover {
    color: rgb(255, 255, 255) !important;
}

.font_opensan_12_bold_74 {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(74, 74, 74);
}

.font_placeholder_right {
    text-align: right;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: rgb(128, 128, 128);
}

.icon_back {
    width: 11px;
    height: 20px;
    color: rgb(255, 255, 255);
    border-color: white;
}

.icon_back_transform {
    width: 11px;
    height: 20px;
    transform: rotate(-180deg);
    margin-left: 11px;
}

.icon_transform {
    transform: rotate(-180deg);
}

.icon_up {
    width: 21px;
    height: 12px;
}

.button_save {
    width: 100px;
    height: 36px;
    border-radius: 4px;
    background-color: #FB3753;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.calendar_input {
    width: 42px !important;
    height: 30px !important;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    background-color: white !important;
    border: 1px solid #ced4da !important;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.icon_calendar_input {
    width: 16px;
    height: 16px;
    padding: 0;
    margin-top: -8px;
}

.button_add {
    width: 120px !important;
    height: 36px !important;
    border-radius: 4px;
    background-color: #346CB0;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #3852A0;
}

.button_add:hover {
    color: white !important;
    background-color: #3852A0;
    border: 1px solid #32488F;
}

.button_add:active, .button_add.active, .button_add:focus, .button_add.focus {
    background-color: #32488F !important;
    border: 1px solid #2A417D !important;
    box-shadow: 0;
}

.button_add:disabled {
    background-color: #617EC2;
    border: 1px solid #4E6DBB;
}

.button_remove {
    width: 120px !important;
    height: 36px !important;
    border-radius: 4px;
    background-color: #FB3753;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #F30046;
}

.button_remove:hover {
    color: white !important;
    background-color: #F30046;
    border: 1px solid #D8003E;
}

.button_remove:active, .button_remove.active, .button_remove:focus, .button_remove.focus {
    background-color: #D8003E !important;
    border: 1px solid #BD0036 !important;
    box-shadow: 0;
}

.button_remove:disabled {
    background-color: #FF3672;
    border: 1px solid #FF0060;
}

.button_save_assign {
    width: 160px;
    height: 36px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.button_96x36 {
    width: 96px;
    height: 36px;
    border-radius: 4px;
    background-color: #346CB0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.input_custom {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    border: solid 0.5px rgb(151, 151, 151);
    background-color: rgb(255, 255, 255);
}

.isDisabled {
    cursor: not-allowed;
}

.input-group-text {
    background-color: white;
}

.margin_top_18px {
    margin-top: 18px;
}

.margin_top_16px {
    margin-top: 16px;
}

.padding_right {
    padding-right: 30px;
}

fieldset {
    border: 1px solid #ccc;
    padding: 6px 12px 10px 12px;
    margin: 0 2px 4px 2px;
}

legend {
    font-size: inherit;
    border-bottom: 0;
    margin-bottom: 0;
    width: auto;
    padding-right: 10px;
}

.tpc-popup-qmark {
    display: inline-block;
    position: relative;
    text-align: left;
}

.tpc-popup-qmark .tpc-popup-note {
    min-width: 400px;
    top: 50%;
    left: 100%;
    margin-left: 20px;
    transform: translate(0, -50%);
    padding: 10px 20px;
    color: #444444;
    background-color: #eeeeee;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
}

.tpc-popup-qmark .tpc-popup-note.top_right {
    width: 400px;
    background-color: #fff;
    height: 110px;
}

.tpc-popup-qmark .tpc-popup-note::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tpc-popup-qmark:hover .tpc-popup-note {
    display: block;
    opacity: 1;
}

.pager-footer {
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #ccc;
}

.pager-footer a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.pager-footer a[disabled="disabled"] {
    color: inherit;
    border: none;
    background-color: transparent;
}

.pager-footer span {
    color: inherit;
    border: none;
    background-color: transparent;
}

.page_footer {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}

.page_footer a {
    color: rgb(128, 128, 128) !important;
    padding-left: 20px !important;
    text-decoration: none;
}

.page_footer span {
    color: #007bff;
    padding-left: 20px !important;
    text-decoration: underline;
}

.custom_listcb td input {
    float: left;
}

.custom_listcb td label {
    margin-left: 16px;
    margin-top: 6px;
}

.normal8 {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: rgb(74, 74, 74);
}

.normal8Bold {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: rgb(74, 74, 74);
}

.ob_tree {
    border: none !important;
    height: 250px !important;
    overflow-x: hidden;
    overflow: auto;
    background-color: white;
    text-align: left;
    border-radius: 5px;
    scrollbar-color: rgb(65, 97, 168) white;
    scrollbar-width: thin;
}

.ob_tree::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

.ob_tree::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(65, 97, 168);
}

.tpcoverlay {
    height: 94% !important;
    width: 98% !important;
    margin: 0;
    top: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    left: 20px !important;
}

.padding_bottom_18px {
    padding-bottom: 18px;
}

.button_submit_margin {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bread_crumb {
    margin-left: 30px;
    padding-top: 10px;
}

.starthidden {
    display: none;
}

.small {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: rgb(74, 74, 74) !important;
}


/*Custom switch mode*/

.autocomplete.yui-ac input {
    margin-top: 6px;
    width: 100% !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    height: 30px;
}

.ac-tpc-selected {
    width: 100%;
    height: 30px;
    font-size: 10px;
}

.ta-info {
    width: 100% !important;
}

.ac-tpc-fb-wrapper {
    width: 100% !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
}

select {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
}

.custom label {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(74, 74, 74) !important;
    margin-left: 15px;
}

.custom table {
    margin-bottom: 2px;
}

.typeahead {
    margin-bottom: 36px;
}

.ta-info,
.browse,
.search {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgb(74, 74, 74) !important;
}

.login {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #007bff !important;
}

.ac-tpc-sel-all label {
    margin-top: 6px;
}

.ac-tpc-sel-all input {
    margin-top: -6px !important;
}

.btn-close {
    width: 121px;
    height: 36px !important;
}

.checkbox-btn {
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 6px 12px;
}
.checkbox-btn.active {
    background-color: #346CB0;
    color: white;
    border-color: #3852A0;
}
.checkbox-btn:not(.active) {
    background-color: white;
}