@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Cabin-regular';
    src: url(../../fonts/Cabin-Regular.ttf);
}

@font-face {
    font-family: 'Cabin-Medium';
    src: url(../../fonts/Cabin-Medium.ttf);
}



@font-face {
    font-family: 'Cabin-Bold';
    src: url(../../fonts/Cabin-Bold.ttf);
}

@font-face {
    font-family: 'Cabin-SemiBold';
    src: url(../../fonts/Cabin-SemiBold.ttf);
}

* {
    outline: none !important;
}
/*body {background-color: #fff;font-family: 'Cabin-regular';color: #000000;}*/
body {
    background-color: #fff;
    /*font-family: 'Cabin-regular';*/
    color: #000000;
    -webkit-overflow-scrolling: touch;
}

a {
    color: #0A1F44;
    text-decoration: none;
}

    :hover {
        text-decoration: none !important;
        transition: 0.5s;
    }

    :focus {
        text-decoration: none !important;
    }

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

button {
    cursor: pointer !important;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: absolute;
    top: -30px;
    left:50%;
    transform:translateX(-50%)
}

header {
    background-color: #F2F5F8;
}

.bounce_hdr {
    padding: 3px;
}

.row_cut {
    width: 100%;
    display: flex;
}

.brand_logo {
    display: flex;
    align-items: center;
}

    .brand_logo h1 {
        margin: 0px;
    }

.bounce_menu {
    display: flex;
    align-items: center;
}

.brand_logo .navbar-brand img {
    width: 206px;
}

.brand_logo button img {
    cursor: pointer !important;
}

.bounce_menu .nav-link {
    padding: 5px 20px !important;
    color: #0A1F44;
    font-family: 'Cabin-Bold';
    font-size: 17px;
    margin-top: 11px;
}

    .bounce_menu .nav-link:hover {
        color: #69b1e0;
    }

    .bounce_menu .nav-link:focus {
        text-decoration: none;
    }

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #6ab3ff;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

.bounce_menu .nav-item .dropdown-menu {
    padding-top: 5px;
    border: 0px;
    background-color: #f2f5f8;
}

.Admin_dash_bounce {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.CommonWrapper{
    padding: 0px 0px !important;
}

.side_menubar {
    width: 25%;
    background-color: #F2F5F8;
    padding: 6px;
    border-radius: 10px;
}

.main_dashboard {
    width: 75%;
    display: flex;
    padding-left: 15px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.profile_bounce {
    background: #fff;
}

    .profile_bounce li.profile_des {
        padding: 10px 5px 10px 5px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #F2F5F8;
        border-radius: 2px;
    }

        .profile_bounce li.profile_des span {
            width: 30px;
            height: 30px;
            border-radius: 100%;
            overflow: hidden;
            margin-right: 10px;
        }

        .profile_bounce li.profile_des label {
            color: #0A1F44;
            font-size: 15px;
            font-family: 'Cabin-SemiBold';
            margin-bottom: 0;
        }

    .profile_bounce li.setting_link {
        display: flex;
        justify-content: space-between;
        padding: 5px;
    }

        .profile_bounce li.setting_link a {
            color: #7D8EAD;
            font-size: 12px;
        }

            .profile_bounce li.setting_link a:hover {
                color: #00394c;
            }

.quick_links {
    margin-top: 5px;
    background: #fff;
    padding: 10px 5px;
}

.quicklinks_bg {
    padding: 0;
}

    .quicklinks_bg .quicklink_head_bg {
        background: #f2f5f8;
    }

        .quicklinks_bg .quicklink_head_bg a {
            font-size: 18px !important;
        }

    .quicklinks_bg li {
        padding: 10px 5px !important;
    }

.quick_links li a.active {
    font-size: 15px;
    color: #0A1F44;
    font-family: 'Cabin-SemiBold';
}

.quick_links li a {
    font-size: 15px;
    color: #0A1F44;
    font-family: 'Cabin-SemiBold';
}

.quick_links li a:focus {
    text-decoration:none;
}
/*.quick_links li:not(:first-child) a:hover {
    color: #6ab3ff;
}*/

.help_guidelines li a:hover {
    color: #6ab3ff;
}

.quick_links li a:hover {
    color: #6ab3ff;
}

.quick_links li.parent a:hover {
    /*color: #69b1e0;*/
    cursor: text;
}

.quick_links li {
    padding: 13px 0;
    border-bottom: 1px solid #F2F5F8;
    display: flex;
    align-items: center;
}

    .quick_links li:last-child {
        border-bottom: 0px;
    }

    .quick_links li span {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        overflow: hidden;
        margin-right: 15px;
    }

.school_grp_bounce {
    width: 49%;
    background-color: #F2F5F8;
    padding: 5px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.scl_head {
    display: flex;
    justify-content: space-between;
    padding: 15px 13px;
    align-items: center;
}

    .scl_head h4 {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 18px;
        color: #0A1F44;
        font-family: 'Cabin-Medium';
    }

        .scl_head h4 span {
            border-radius: 100%;
            margin-right: 10px;
            width: 30px;
            height: 30px;
            overflow: hidden;
        }

.acco_grp_name {
    background: #fff;
    padding: 10px 15px;
    border-radius: 0 0 0 4px;
    overflow-y: auto;
    height: 290px;
}

    .acco_grp_name .card-title {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        color: #383737;
        font-size: 15px;
        position: relative;
    }

        .acco_grp_name .card-title span {
            width: 30px;
            height: 30px;
            border-radius: 100%;
            overflow: hidden;
            margin-right: 10px;
        }

        .acco_grp_name .card-title .uP-b {
            margin-bottom: 0;
            position: absolute;
            right: 0;
            transition: all 0.5x;
        }

.DashboardWrapper .acco_grp_name #accordion .card-header {
    padding: 10px 0;
}

.DashboardWrapper .acco_grp_name .card-body {
    padding-right: 0;
    padding-left: 35px;
}

.acco_grp_name .card-header {
    background: transparent;
    border-bottom: 0px;
}

    .acco_grp_name .card-header[aria-expanded="true"] .uP-b {
        transform: rotate(180deg);
        transition: all 0.5x;
    }

.acco_grp_name .card-body {
    padding: 0px 20px;
}

.class_nm {
    padding: 10px 5px 10px 40px;
}

    .class_nm li {
        padding: 8px 0;
        border-bottom: 1px dashed #F2F5F8;
        position: relative;
    }

        .class_nm li:after {
            position: absolute;
            content: '';
            width: 10px;
            border-left: 2px dashed #F2F5F8;
            height: 100%;
            left: -26px;
            top: -21px;
        }

        .class_nm li:before {
            position: absolute;
            content: '';
            width: 25px;
            height: 1px;
            border-bottom: 2px dashed #F2F5F8;
            left: -26px;
            top: 21px;
        }

        .class_nm li span {
            margin-right: 10px;
        }

.help_guidelines li {
    padding: 13px 0;
    border-bottom: 1px solid #F2F5F8;
    display: flex;
    align-items: center;
    color: #383737;
    font-size: 15px;
    font-family: 'Cabin-SemiBold';
}

    .help_guidelines li span {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        overflow: hidden;
        margin-right: 15px;
    }

        .help_guidelines li span img {
            width: 100%;
        }

    .help_guidelines li a {
        color: #383737;
        font-size: 15px;
        font-family: 'Cabin-SemiBold';
    }

footer {
    background-color: #6AB3FF;
}

.footer_logo li {
    padding: 10px;
    text-align: center;
}

    .footer_logo li img {
        max-width: 280px;
    }

.surveys_bounce {
    width: 100%;
    background-color: #F2F5F8;
    padding: 5px;
    border-radius: 10px;
}

.cust_bounce_tbl {
    background: #fff;
    font-family: 'Cabin-regular';
}

    .cust_bounce_tbl tbody {
        height: 100px;
        overflow-y: auto;
    }

    .cust_bounce_tbl th {
        font-size: 12px;
        color: #0A1F44;
        font-weight: 500;
    }

        .cust_bounce_tbl th label {
            margin-bottom: 0;
        }

    .cust_bounce_tbl span {
        font-size: 15px;
        color: #0A1F44;
        font-family: 'Cabin-SemiBold';
    }

.table-fixed tbody {
    height: 200px;
    overflow-y: auto;
    width: 100%;
}

.cust_bounce_tbl td a {
    border-radius: 8px;
    background-color: #2EA998;
    color: #fff;
    font-size: 14px;
    border: 0px;
    padding: 4px 5px;
}

    .cust_bounce_tbl td a:hover {
        background: #0A1F44;
    }

.cust_bounce_tbl td button {
    border-radius: 8px;
    background-color: #EFC75E;
    color: #fff;
    font-size: 14px;
    border: 0px;
    padding: 4px 7px;
}

    .cust_bounce_tbl td button:hover {
        background: #0A1F44;
    }

.studt_dash {
    background: url(../imgA/new_admin_bg.png) no-repeat;
    background-position: bottom left;
}

.head_bgg {
    background: url(../imgA/balloon-red.png) no-repeat;
    background-position: left center;
}

.todo_list {
    background: #fff;
    padding: 10px 15px;
    border-radius: 0 0 0 4px;
}

    .todo_list li {
        padding: 13px 0;
        border-bottom: 1px solid #F2F5F8;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .todo_list li a {
            color: #383737;
            font-size: 13px;
            text-transform: uppercase;
        }

            .todo_list li a:hover {
                color: #70b5e1;
            }

        .todo_list li label {
            color: #383737;
            font-size: 15px;
            font-family: 'Cabin-SemiBold';
        }

.cust_bounce_tbl td a {
    display: block;
    text-align: center;
}

ul.checkdiv li a.big-link img {
    width: 22px;
}

.middlediv {
    margin-bottom: 0;
    margin-top: 0;
}
/*.container {
    width: 982px !important;
    padding: 0 !important;
}*/

.SurveryQuestionHolder #startSurvey {
    margin: 15px 0;
    display: inline-block;
    box-sizing: border-box;
    width: auto;
}

.SurveryQuestionHolder .top_rgtblock {
    padding: 0;
}

.SurveryQuestionHolder .pagenum span {
    margin: 0 20px 20px 0 !important;
}

.ServeySectionWrapper .heading-3 {
    font-size: 16px;
}

@media screen and (max-width:980px) {
    .container {
        width: 93% !important;
    }
}

@media screen and (max-width:900px) {
    .container {
        margin: 0 auto;
        width: 100% !important;
    }

    .DashboardWrapper .acco_grp_name .cust_bounce_tbl {
        width: 625px;
    }

        .DashboardWrapper .acco_grp_name .cust_bounce_tbl th:first-child {
            /* width: 78px; */
        }

        .DashboardWrapper .acco_grp_name .cust_bounce_tbl th:nth-child(2) {
            /* width: 124px; */
        }
}

@media only screen and (min-width:901px) and (max-width:979px) {
    .container {
        margin: 0 auto;
        max-width: 900px !important;
    }
}

@media (max-width: 990px) {
    /*.bounce_hdr .row_cut {
        flex-direction: column;
    }*/

    .bounce_menu .nav-item {
        text-align: right;
    }

    .brand_logo {
        justify-content: space-between;
    }

    .modal-blue-md {
        top: 50px !important;
        transform: inherit !important;
        width: calc(100% - 50px) !important;
    }

    .ServeySectionWrapper .surveyinfopopup {
        top: 50px !important;
        transform: inherit !important;
    }
}
/* The container */
.cust_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 8px;
}
    /* Hide the browser's default checkbox */
    .cust_checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border: 1px solid #b4bbc2;
    border-radius: 8px;
}
/* On mouse-over, add a grey background color */
.cust_checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.cust_checkbox input:checked ~ .checkmark {
    background-color: #b4bbc2;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.cust_checkbox input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.cust_checkbox .checkmark:after {
    left: 7px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.border_lnone {
    border-left: 0px !important;
    text-align: right;
}

.border_rnone {
    border-right: 0px !important;
}

.SurveryQuestionHolder {
    padding: 20px;
}

    .SurveryQuestionHolder .mainerdiv {
        margin: 0;
        padding: 0;
    }

    .SurveryQuestionHolder .divsections {
        margin: 0;
        width: 100%;
    }

    /*addcss*//*designer*/ /*padlock*/
h2.maintitle {
    position: relative !important;
    display: inline-block !important;
    /*width: auto !important; /*/
}

    h2.maintitle #tooltipwrapper {
      /*  left: 100%;*/
        top: auto;
  /*      right: auto;*/
    }
/*addcss*/ /*designer*/
.SurveryQuestionHolder .tophed {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0;
    position: relative;
}

    .SurveryQuestionHolder .tophed img {
        max-height: 50px;
    }

    .SurveryQuestionHolder .tophed h2 {
        margin: 0;
        padding: 0;
        white-space: normal;
        /*word-break: break-all;*/
    }

.SurveryQuestionHolder .pagenum span::after {
    width: 107%;
    z-index: 0;
    left: 26px;
    top: 12px;
}

.SurveryQuestionHolder p.labl_radio_custom {
    width: 100%;
}

    .SurveryQuestionHolder p.labl_radio_custom label {
        width: 100% !important;
        display: flex;
    }

.SurveryQuestionHolder .optdiv {
    margin-left: 44px;
    width: calc(100% - 44px);
}

.head_links a.active {
    font-size: 21px !important;
}

.cust_bounce_tbl td a {
    font-size: 12px;
}

.cust_bounce_tbl img {
    width: 20px;
}

.quicklinks_bg .quicklink_head_bg H4 {
    width: calc(100% - 30px);
    DISPLAY: FLEX;
    JUSTIFY-CONTENT: SPACE-BETWEEN;
    ALIGN-ITEMS: CENTER;
}

.cust_bounce_tbl tr {
    height: auto;
}

.bounce_menu .dropdown-item {
    font-family: 'Cabin-Regular';
}

.uP-b {
    cursor: pointer
}

.dlt_icn img {
    margin-top: 7px !important;
    display: block;
}

.modal-blue-md {
    padding: 0px 20px 20px 24px;
    border: 1px solid #c6ccd1;
    border-radius: 6px;
    background-color: #f2f5f8;
    width: 800px;
    padding: 25px;
}

    .modal-blue-md h2 {
        margin: 10px 0 30px 0;
        border: 0;
        font-size: 25px;
        text-align: center;
        text-transform: none;
    }

    .modal-blue-md .redcrossbutton {
        width: auto;
        height: auto;
        font-size: 25px;
        top: -5px;
        right: 10px;
        line-height: normal;
    }

    .modal-blue-md .midcontent {
        background-color: #fff;
        padding: 25px;
        border: 1px solid #ddd;
        text-align: center;
    }

.more-option-type-question .firstcol-right, .seccol-right .divsection {
    font-size: 0;
}

.alignquestionno {
    width: 35px;
}

.alignquestion {
    margin-left: 4px;
    width: calc(100% - 44px);
}

.ServeySectionWrapper .PublicSurveOptions .OptionsHold {
    justify-content: space-between;
}

.ServeySectionWrapper .PublicSurveOptions .housepointsinput {
    max-width: inherit;
}

.PublicSurveOptions .aliasholder.housepointsinput {
    margin-top: 25px;
    max-width: inherit;
    width: 100%;
}

    .PublicSurveOptions .aliasholder.housepointsinput input {
        width: calc(100% - 47px) !important;
    }

.ServeySectionWrapper .PublicSurveOptions .housepointsinput input {
    width: 80px;
    margin-left: 12px;
}

.optdiv ul.checkdiv li input[type="checkbox"] + label span {
    width: 22px;
    height: 22px;
    margin: -1px 9px 0 0;
    background: url(../../images/check-icons22w.png) no-repeat;
}

.optdiv ul.checkdiv li input[type="checkbox"]:checked + label span {
    background-position: bottom;
}

#myModal6-reset ul.eventform li.full {
    width: 100%;
    display: flex;
}
/*.ServeySectionWrapper .assignsurveywrapper .OptionsHold .greybtn.assigndate {
	margin-right: 0;
}*/
.labl_radio_custom strong {
    line-height: 1.5;
}

.labl_radio_custom .myRadio + label strong {
    line-height: inherit;
}

.opttebut {
    margin-left: 45px;
    width: calc(100% - 45px);
}

.Survemanagement-wrapper .leftdiv {
    width: 275px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .chartdetails .piechart {
        flex: 1 1 auto;
    }

    .surveycardresult .surveycardresultimage {
        position: relative !important;
    }

    .image-7 {
        top: 4px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

/*Responsive css*/
@media(min-width:991px) {
    .modal_preview .modal-blue-md {
        top: 42% !important;
        transform: translateY(-50%);
    }

    #myModalPublicSurveylink {
        top: calc(50% - 386px) !important;
        transform: translateY(calc(100% - 326px));
    }
}

@media screen and (max-width: 990px) {
    .side_menubar {
        width: 30%;
    }

    .main_dashboard {
        width: 70%;
    }

    .school_grp_bounce {
        width: 100%;
        margin-bottom: 10px;
    }
    /*.Admin_dash_bounce{margin-bottom: 80px;}*/

}

@media screen and (max-width: 767px) {
    .bounce_hdr .row_cut {
        flex-direction: column;
    }

    .header_bb {
        flex-direction: column;
    }

    .brand_logo {
        justify-content: space-between;
    }

    .side_menubar, .main_dashboard {
        width: 100%;
    }

    .main_dashboard {
        width: 100%;
        padding-left: 0;
        justify-content: center;
    }

    .school_grp_bounce {
        width: 100%;
    }

    .Admin_dash_bounce {
        justify-content: center;
        flex-wrap: wrap;
    }

    .side_menubar, .school_grp_bounce {
        margin-bottom: 15px;
    }

    .studt_dash {
        padding-bottom: 211px;
        background-position: center bottom;
        background-size: 29%;
    }

    .SurveryQuestionHolder .tophed {
        padding: 0;
    }

    .SurveryQuestionHolder .top_rgtblock {
        width: 100% !important;
        text-align: justify;
    }

    .newfeatures .bluebutton {
        width: calc(100% - 30px);
    }

    .newfeatures .userarea {
        width: 100%;
        /* padding-bottom: 23px; */
        margin: 0;
        padding: 10px;
    }
}

.newfeatures .usericons {
    margin-right: 0;
    margin-top: 20px;
    display: flex;
    float: inherit;
    padding: 5px;
    flex-wrap: wrap;
    width: 100%;
}

    .newfeatures .usericons a {
        display: inline-block;
        margin: 3px;
    }

        .newfeatures .usericons a img {
            margin: 0;
        }

@media(max-width:812px) {
    .surveydropdown .div-block-33 {
        flex-direction: column;
    }

    .ServeySectionWrapper .surveydropdown .heading-3 {
        font-weight: bold;
        margin-bottom: 7px;
        width: 100%;
    }

    .OptionsHold .greybtn.assigndate {
        margin-right: 0 !important
    }

    .question_label .seccol-right {
        width: 100%;
    }

    .more-option-type-question .firstcol-right, .seccol-right .divsection {
        font-size: 14px;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    .question_label .seccol-left {
        width: 100% !important;
    }

    .more-option-type-question .firstcol-right {
        display: none;
    }

    .more-option-type-question .firstcol-left, .more-option-type-question .firstcol-right {
        display: none;
    }

    .ServeySectionWrapper .PublicSurveOptions .OptionsHold {
        flex-wrap: wrap;
    }

    .ServeySectionWrapper .assignsurveywrapper .greybtn {
        justify-content: space-between;
        padding: 10px 12px;
    }

    .PublicSurveOptions .greybtn {
        min-height: 48px;
    }

    .ServeySectionWrapper .assignsurveywrapper .assigndate, .ServeySectionWrapper .assignsurveywrapper .greybtn {
        width: 100%;
    }

    .PublicSurveOptions .AnonymousSurveyGrp {
        width: 100%;
        display: flex;
        margin-top: 15px;
    }

    .PublicSurveOptions .assigndate {
        margin-left: 0 !important;
    }

    .PublicSurveOptions .housepointsinput {
        margin-left: 0 !important;
        margin-top: 15px !important;
        width: 100%;
        max-width: inherit !important;
    }

    .PublicSurveOptions .fldnme {
        width: 290px;
    }

    .PublicSurveOptions .AnonymousSurveyGrp {
        width: 100%;
        display: flex;
    }

        .PublicSurveOptions .AnonymousSurveyGrp .fldnme {
            width: calc(100% - 124px);
        }

    .ServeySectionWrapper .PublicSurveOptions .housepointsinput input {
        width: 120px !important;
        margin-left: 12px;
    }

    .PublicSurveOptions .fldnme {
        width: calc(100% - 104px);
    }

    .PublicSurveOptions .aliasholder.housepointsinput {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
    }

        .PublicSurveOptions .aliasholder.housepointsinput input {
            width: calc(100% - 47px) !important;
        }

    #option-list .radiodetail {
        width: calc(100% - 25px);
    }

    .more-option-type-question .firstcol-right, .seccol-right .divsection .linerhole .seccol-left, .more-option-type-question .firstcol-right, .seccol-right .divsection .linerhole .seccol-right {
        width: 100%;
    }

    .seccol-right .divsection .linerhole .seccol-right, .more-option-type-question .seccol .linerhole {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
}

@media(max-width:812px) and (min-width:375px) and (orientation:landscape) {
    .PublicSurveOptions .housepointsinput {
        /* display: flex; */
        /* flex-direction: column; */
        width: 100%;
        max-width: inherit;
    }

        .PublicSurveOptions .housepointsinput label {
            font-size: 14px;
            margin-bottom: 10px;
            display: block;
        }

    .PublicSurveOptions .greybtn.assigndate, .PublicSurveOptions .aliasholder .housepointsinput, .PublicSurveOptions .aliasholder .housepointsinput input {
        margin-left: 0 !important
    }

    .PublicSurveOptions .aliasholder .housepointsinput {
        width: 100%;
        max-width: inherit !important;
    }
}

@media(max-width:767px) {
    .AnonymousSurveyFld {
        margin-left: 0 !important;
    }

    .more-option-type-question .firstcol-left, .more-option-type-question .firstcol-right {
        display: none;
    }

    .more-option-type-question .firstcol-right {
        display: none;
    }

    .seccol-right .divsection .linerhole {
        display: flex;
        flex-direction: column;
    }

        .more-option-type-question .firstcol-right, .seccol-right .divsection .linerhole .seccol-left, .more-option-type-question .firstcol-right, .seccol-right .divsection .linerhole .seccol-right {
            width: 100%;
        }

        .seccol-right .divsection .linerhole .seccol-right, .more-option-type-question .seccol .linerhole {
            width: 100%;
            display: flex;
            flex-direction: column;
        }

            .more-option-type-question .seccol .linerhole:first-child {
                padding-top: 0;
            }

    .SurveryQuestionHolder .optdiv {
        margin-left: 32px;
        width: calc(100% - 32px);
    }
}

@media screen and (max-width: 600px) {
}

@media(max-width:480px) {
    .SurveryQuestionHolder .pagenum span::after {
        /* left: 18px; */
    }
}

@media screen and (max-width: 479px) {
    .brand_logo .navbar-brand img {
        width: 210px;
    }

    .side_menubar, .school_grp_bounce {
        width: 100%;
    }
}

/* Make questions that accept several answers visually distinct from single-choice questions. */
.optdiv ul.checkdiv.survey-multi-select li{position:relative;margin-bottom:8px}.optdiv ul.checkdiv.survey-multi-select li p{float:none!important;width:100%;margin:0}.optdiv ul.checkdiv.survey-multi-select li label{box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:46px;padding:8px 12px;border:1px solid #d6e2f2;border-radius:9px;background:#fff;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.optdiv ul.checkdiv.survey-multi-select li label:hover{border-color:#a8c6ee;background:#f9fbff}.optdiv ul.checkdiv.survey-multi-select li input[type="checkbox"]{position:absolute!important;top:14px;left:14px;display:block!important;width:1px!important;height:1px!important;margin:0!important;opacity:0;pointer-events:none}.optdiv ul.checkdiv.survey-multi-select li input[type="checkbox"]+label>span{box-sizing:border-box;display:inline-block;flex:0 0 20px;width:20px!important;height:20px!important;margin:0 10px 0 0!important;border:2px solid #7696c2!important;border-radius:4px!important;background-color:#fff!important;background-image:none!important;box-shadow:none!important}.optdiv ul.checkdiv.survey-multi-select li input[type="checkbox"]:focus+label{outline:3px solid rgba(18,103,239,.18);outline-offset:2px}.optdiv ul.checkdiv.survey-multi-select li input[type="checkbox"]:checked+label{border-color:#8bb7ef;background:#f3f8ff}.optdiv ul.checkdiv.survey-multi-select li input[type="checkbox"]:checked+label>span{border-color:#1267ef!important;background-color:#1267ef!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.2 8.2 14l7.3-8' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:16px 16px!important}.optdiv ul.checkdiv.survey-multi-select li input[type="checkbox"]:checked+label>span:after{display:none!important}.optdiv ul.checkdiv.survey-multi-select .radiodetail{margin-left:0!important;color:#183052;font-weight:600}
.survey-free-text-meta{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:9px;color:#526f99;font-size:12px;line-height:1.4}.survey-free-text-meta>span:first-child:before{display:inline-block;margin-right:6px;color:#1267ef;content:"✎";font-size:14px}.survey-character-count{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#eef4fc;color:#526783;font-variant-numeric:tabular-nums}.survey-character-count strong{color:#1267ef;font-weight:700}@media(max-width:600px){.survey-free-text-meta{align-items:flex-start;flex-direction:column;gap:6px}.survey-character-count{align-self:flex-end}}

tion .firstcol-right {
    display: none;
}

.ServeySectionWrapper .PublicSurveOptions .OptionsHold {
    justify-content: space-between;
}

.ServeySectionWrapper .assignsurveywrapper .greybtn {
    justify-content: space-between;
    padding: 10px 12px;
}

.PublicSurveOptions .greybtn {
    min-height: 48px;
}

/*.ServeySectionWrapper .assignsurveywrapper .assigndate, .ServeySectionWrapper .assignsurveywrapper .greybtn {
            width: 100%;
        }*/

.PublicSurveOptions .AnonymousSurveyGrp {
    width: 100%;
    display: flex;
    margin-top: 15px;
}

.PublicSurveOptions .assigndate {
    margin-left: 0 !important;
}

.PublicSurveOptions .housepointsinput {
    margin-left: 0 !important;
    margin-top: 15px !important;
    width: 100%;
    max-width: inherit !important;
}

.PublicSurveOptions .fldnme {
    width: 290px;
}

.PublicSurveOptions .AnonymousSurveyGrp {
    width: 100%;
    display: flex;
}

    .PublicSurveOptions .AnonymousSurveyGrp .fldnme {
        width: calc(100% - 124px);
    }

.ServeySectionWrapper .PublicSurveOptions .housepointsinput input {
    width: 120px !important;
    margin-left: 12px;
}

.PublicSurveOptions .fldnme {
    width: calc(100% - 104px);
}

.PublicSurveOptions .aliasholder.housepointsinput {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}


    .PublicSurveOptions .aliasholder.housepointsinput input {
        width: calc(100% - 47px) !important;
    }

#option-list .radiodetail {
    width: calc(100% - 25px);
}

.more-option-type-question .firstcol-right, .seccol-right .divsection .linerhole .seccol-left, .more-option-type-question .firstcol-right, .seccol-right .divsection .linerhole .seccol-right {
    width: 100%;
}

.seccol-right .divsection .linerhole .seccol-right, .more-option-type-question .seccol .linerhole {
    width: 100%;
    display: flex;
    flex-direction: column;
}

}

@media(max-width:812px) and (min-width:375px) and (orientation:landscape) {

    .PublicSurveOptions .housepointsinput {
        /* display: flex; */
        /* flex-direction: column; */
        width: 100%;
        max-width: inherit;
    }

        .PublicSurveOptions .housepointsinput label {
            font-size: 14px;
            margin-bottom: 10px;
            display: block;
        }

    .PublicSurveOptions .greybtn.assigndate, .PublicSurveOptions .aliasholder .housepointsinput, .PublicSurveOptions .aliasholder .housepointsinput input {
        margin-left: 0 !important
    }


    .PublicSurveOptions .aliasholder .housepointsinput {
        width: 100%;
        max-width: inherit !important;
    }
}


@media(max-width:767px) {

    .AnonymousSurveyFld {
        margin-left: 0 !important;
    }

    .more-option-type-question .firstcol-left, .more-option-type-question .firstcol-right {
        display: none;
    }

    .more-option-type-question .firstcol-right {
        display: none;
    }


    .seccol-right .divsection .linerhole {
        display: flex;
        flex-direction: column;
    }

        .more-option-type-question .firstcol-right, .seccol-right .divsection .linerhole .seccol-left, .more-option-type-question .firstcol-right, .seccol-right .divsection .linerhole .seccol-right {
            width: 100%;
        }

        .seccol-right .divsection .linerhole .seccol-right, .more-option-type-question .seccol .linerhole {
            width: 100%;
            display: flex;
            flex-direction: column;
        }

            .more-option-type-question .seccol .linerhole:first-child {
                padding-top: 0;
            }

    .SurveryQuestionHolder .optdiv {
        margin-left: 32px;
        width: calc(100% - 32px);
    }
}

@media screen and (max-width: 600px) {
}

@media(max-width:480px) {
    .SurveryQuestionHolder .pagenum span::after {
        /* left: 18px; */
    }
}

@media screen and (max-width: 479px) {
    .brand_logo .navbar-brand img {
        width: 210px;
    }

    .side_menubar, .school_grp_bounce {
        width: 100%;
    }
}

/* Ellipsis marker used by the windowed question counter (large surveys) */
.pagenum span.pgeclipse {
    display: grid !important;
    place-items: center !important;
    float: none !important;
    width: auto !important;
    min-width: 16px !important;
    height: 28px !important;
    margin: 0 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #7a879c !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
}

.pagenum span.pgeclipse::after {
    display: none !important;
    width: 0 !important;
    border: 0 !important;
    content: none !important;
}