/* Body*/
body {
    margin: 0;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    color: black;
    background-color: #f6f6f6; /* d5d5d5 c5c5c5 cccccc*/
    min-height: 95% !important;
}
.max-logosize {
    max-height: 70px !important;
}

.RadComboError {
    border: 1px solid red;
}

/* Header */
.Loginbar {
    width: 1110px;
    margin: 0 auto;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
    min-height: 35px;
}

.LoginBarItems {
    margin-left: 15px;
    font-size: 9pt;
    font-weight: bold;
    color: #797979;
    border: none;
    background-color: transparent;
}

.header {
    position: relative;
    width: 1120px;
    min-height: 100px;
    margin: 0 auto;
    background: white;
    padding: 0px 10px 0;
    padding-top: 15px; /*border-top-right-radius: 12px;     border-top-left-radius: 12px;*/
    border-right: 1px solid #ababab;
    border-left: 1px solid #ababab;
    border-top: 1px solid #ababab;
}

.hr-border {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #8c8c8c;
}

/* Navigation Bar */
/*.menubar
{
    position: relative;
    max-width: 1100px;
    min-width: 1100px;
    margin: 0 auto;
    background-color: rgb(0,114,198);
    min-height: 30px;
    border-right: 1px solid #ababab;
    border-left: 1px solid #ababab;
    border-bottom: 1.2px solid #ababab;
    z-index: 9999;
}*/

.wrap-dashboard {
    width: 1080px;
    margin: 0 auto;
    padding-left: 20px;
    z-index: -10 !important; /* IE7 ITEMS */
}

.divDashTop {
    width: 1080px;
    margin: 0 auto;
    padding-left: 20px;
    clear: both;
    position: relative;
    height: 800px;
}


.divDashBottom {
    width: 1080px;
    margin: 0 auto;
    padding-left: 20px;
    clear: both;
}

.dashboardTitle {
    Color: #fff;
    Font-Size: 17px;
    font-weight: bold;
    Padding: 10px;
    text-align: center;
    line-height: 20px;
}

.dashboardSubTitle {
    Color: #fff;
    Font-Size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
}

.dashboardQuestion {
    Color: #fff;
    Font-Size: 12px;
    text-align: center;
}


.DashboardLiveImage {
    display: block;
    background-color: #4b86b4;
    padding: 20px;
    border: 2px solid #EAEAEA;
}

.TrustDevice {
    display: block;
    background-color: #4b86b4;
    border: 2px solid #EAEAEA;
    padding: 5px;
}

.break-longText {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
}


.DashboardInActiveImage {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}


.main-wrapper {
    width: 1120px;
    margin: 0 auto;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    min-height: 650px; /*border-bottom-right-radius: 12px;     border-bottom-left-radius: 12px;*/
    border-bottom: 1px solid #ababab;
    border-right: 1px solid #ababab;
    border-left: 1px solid #ababab;
}

/* ***************NEW NAVIGATION  ************   */

/* Navigation Bar */
.menubar {
    position: relative;
    max-width: 1120px;
    min-width: 1120px;
    margin: 0 auto;
    background-color: #0F70B7;
    z-index: 999;
    padding: 0px;
}

#nav {
    display: inline-block; /*font-size: 11pt;*/
    list-style: none;
    margin: 0 auto;
    position: relative;
    width: 1120px;
    padding-left: 40px;
    margin-top: 0px;
}

    #nav li {
        float: left;
        margin-right: 10px;
        position: relative;
        width: 160px; /*160px*/
        text-align: center;
        display: block;
    }

        #nav li .reports {
            float: left;
            margin-right: 10px;
            position: relative;
            width: 180px;
            text-align: center;
            display: block;
        }

        #nav li a {
            padding-top: 58px;
            text-decoration: none;
            color: #fff;
        }

        /*MENU ICONS*/

        #nav li#NAV_Dashboard {
            display: block;
            background: rgba(255,255,255,0);
            line-height: 25px;
            width: 160px;
            padding-top: 58px;
            background-image: url("../img/MenuIcons/Dashboard.png");
            background-position: top;
            background-repeat: no-repeat;
        }

            #nav li#NAV_Dashboard:hover {
                display: block;
                background: #1A91C7;
                line-height: 25px;
                width: 160px;
                padding-top: 58px;
                background-image: url("../img/MenuIcons/Dashboard_hover.png");
                background-position: top;
                background-repeat: no-repeat;
            }

        #nav li#NAV_Survey {
            display: block;
            background: rgba(255,255,255,0);
            line-height: 25px;
            width: 160px;
            padding-top: 58px;
            background-image: url("../img/MenuIcons/Survey.png");
            background-position: top;
            background-repeat: no-repeat;
        }

            #nav li#NAV_Survey:hover {
                display: block;
                background: #1A91C7;
                line-height: 25px;
                width: 160px;
                padding-top: 58px;
                background-image: url("../img/MenuIcons/Survey_hover.png");
                background-position: top;
                background-repeat: no-repeat;
            }


        #nav li#NAV_Report {
            display: block;
            background: rgba(255,255,255,0);
            line-height: 25px;
            width: 180px;
            padding-top: 58px;
            background-image: url("../img/MenuIcons/Report.png");
            background-position: top;
            background-repeat: no-repeat;
        }

            #nav li#NAV_Report:hover {
                display: block;
                background: #1A91C7;
                line-height: 25px;
                width: 180px;
                padding-top: 58px;
                background-image: url("../img/MenuIcons/Report_hover.png");
                background-position: top;
                background-repeat: no-repeat;
            }

        #nav li#NAV_Admin {
            display: block;
            background: rgba(255,255,255,0);
            line-height: 25px;
            width: 160px;
            padding-top: 58px;
            background-image: url("../img/MenuIcons/Administration.png");
            background-position: top;
            background-repeat: no-repeat;
        }

            #nav li#NAV_Admin:hover {
                display: block;
                background: #1A91C7;
                line-height: 25px;
                width: 160px;
                padding-top: 58px;
                background-image: url("../img/MenuIcons/Administration_hover.png");
                background-position: top;
                background-repeat: no-repeat;
            }

        #nav li#NAV_Accounts {
            display: block;
            background: rgba(255,255,255,0);
            line-height: 25px;
            width: 160px;
            padding-top: 58px;
            background-image: url("../img/MenuIcons/UserAccounts.png");
            background-position: top;
            background-repeat: no-repeat;
        }

            #nav li#NAV_Accounts:hover {
                display: block;
                background: #1A91C7;
                line-height: 25px;
                width: 160px;
                padding-top: 58px;
                background-image: url("../img/MenuIcons/UserAccounts_hover.png");
                background-position: top;
                background-repeat: no-repeat;
            }

        #nav li#NAV_Help {
            display: block;
            background: rgba(255,255,255,0);
            line-height: 25px;
            width: 160px;
            padding-top: 58px;
            background-image: url("../img/MenuIcons/Help.png");
            background-position: top;
            background-repeat: no-repeat;
        }

            #nav li#NAV_Help:hover {
                display: block;
                background: #1A91C7;
                line-height: 25px;
                width: 160px;
                padding-top: 58px;
                background-image: url("../img/MenuIcons/help_hover.png");
                background-position: top;
                background-repeat: no-repeat;
            }

/* Menu submenu elements*/

.nav-add {
    width: 100% !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

#nav li ul {
    background: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#nav li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
}

#nav li ul li a {
    text-decoration: none;
    padding: 0px;
    margin: 0px;
}

#nav li ul li {
    background: rgb(0,114,198);
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    left: -40px;
    padding: 0px;
    height: 25px;
    margin: 0px;
    padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
}

    #nav li ul li:hover {
        background: #1A91C7;
    }








/*   NAVIGATION ENDS HERE */


/* Footer */
.footer {
    position: relative;
    width: 1100px;
    min-height: 55px;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 7px;
}

.footnote {
    font-size: 8pt;
    color: #4c4c4c;
    font-weight: bold;
    margin-bottom: 10px;
}

.footnoteside {
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 17px;
}

.footnoteitems {
    color: Blue;
}

/* Colors */
.color-blue {
    color: #0072C6;
}

.color-grey {
    color: #8c8c8c;
}

.color-black {
    color: #000;
}
.color-back-grey {
    background: #f6f6f6 !important;
}

/* Alignment */
.left {
    float: left;
}

.left2 {
    float: left;
}

.right {
    float: right;
}

.right2 {
    float: right;
}

.centre-align {
    text-align: center;
}

.SubHeader {
    line-height: 30px;
    color: #0072C6;
    font-size: medium;
}

/* Containers */

.login-wrapper {
    width: 400px;
    margin: 0 auto;
    margin-top: 60px;
    height: 400px;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px; /*border-radius: 8px;*/
    border: 1px solid #ababab;
}

.wrap-login {
    width: 370px;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    height: 281px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.rcCaptchaAudioLink {
    font-size: 14px;
    float: left;
    display: block;
    line-height: 20px;
    background-image: url("../img/Misc/Speaker.png");
    background-repeat: no-repeat;
    height: 25px;
    padding-left: 30px;
    margin-top: 10px;
}


.wrap_Survey {
    padding: 0px 20px;
    width: 651px;
    margin: 0 auto;
    line-height: 14pt;
}

.wrap-Prelim {
    width: 600px;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 80px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.wrap-half {
    width: 500px;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    overflow: auto;
}

.wrap-half-survey {
    width: 500px;
    margin: 0 auto;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    overflow: auto;
    min-height: 620px;
}

.wrap-half2 {
    min-height: 180px;
    padding-bottom: 10px;
    overflow: auto;
}

.wrap-report {
    min-width: 1000px;
    margin: 0 auto;
    padding-left: 10px;
    padding-bottom: 40px;
}

.wrap-survey-menu {
    background: #f6f6f6;
    width: 1098px;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #e9e9e9;
}

.wrap-report-menu {
    background: #f6f6f6;
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #e9e9e9;
}

.wrap-btn_data_extract {
    background: #CCC;
    width: auto;
    margin: 0 auto;
    padding: 10px 10px 10px 10px;
    border: 1px solid #e9e9e9;
}

.wrap-report-child {
    width: 1176px;
    margin: 0 auto;
}

.wrap-login_tabs {
    width: 440px;
    margin: 0 auto;
    margin-top: 100px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.wrap-error {
    width: 400px;
    margin: 0 auto;
    margin-top: 100px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.wrap-session-main {
    width: 400px;
    margin: 0 auto;
    margin-top: 60px;
    min-height: 320px;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px; /*border-radius: 8px;*/
    border: 1px solid #ababab;
    margin-bottom: 10px;
}

.wrap-session {
    width: 370px;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.wrap-resetmain {
    width: 400px;
    margin: 0 auto;
    margin-top: 60px;
    min-height: 140px;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px; /*border-radius: 8px;*/
    border: 1px solid #ababab;
}

.wrap-resetchild {
    width: 370px;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}

.wrap-changemain {
    width: 400px;
    margin: 0 auto;
    margin-top: 60px;
    height: 440px;
    background: white;
    padding: 10px 10px 0;
    padding-left: 10px;
    padding-right: 10px; /*border-radius: 8px;*/
    border: 1px solid #ababab;
}

.wrap-changechild {
    width: 370px;
    margin: 0 auto;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}


.wrap-DataExtractLogin {
    background: #ff9999;
    border: 1px solid red;
    padding: 10px 10px;
    color: White;
}

/* Controls */

.RadListBox .rlbItem {
    border-bottom: 1px dotted #81BEF7 !important;
    border-left: 10px solid #81BEF7;
}

.CreateQuestion-btn {
    height: 25px;
    min-width: 135px;
    margin-top: 3px;
    background-color: #f6f6f6; /*border: 1px solid #c2c5c9;*/
    border: none;
}

.AddAltText-btn {
    height: 25px;
    width: 175px;
    margin-top: 3px;
    background-color: #f6f6f6; /*border: 1px solid #c2c5c9;*/
    border: none;
}

.CreateSurvey-btn {
    height: 25px;
    width: 100px;
    margin-top: 3px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
}

.Report-btn {
    width: 60px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
}

.Report_Filters {
    width: 900px;
}

    .Report_Filters td {
        padding: 5px 5px;
        border-bottom: 1px solid #c2c5c9;
        border-left: 1px solid #c2c5c9;
        border-right: 1px solid #c2c5c9;
    }

.normal-btn {
    min-width: 130px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    padding-left: 0 !important;
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    font-size: inherit;
}

.normal-textbox {
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 0;
    margin-bottom: 5px;
    font-size: inherit;
    border: 1px solid gray;
}

.normal-multitextbox {
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    margin-bottom: 5px;
    font-size: inherit;
    border: 1px solid gray;
}

.small-textbox {
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0;
    margin-bottom: 5px;
    font-size: inherit;
}

.small-DDL {
    width: 210px;
    padding-left: 8px;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.Survey-btn {
    height: 25px;
    width: 100px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    -webkit-appearance: none;
}

.BtnSurvey123 {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    text-shadow: 0px 0px 0px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 19px;
    background: #0074CC;
    border: solid #1f628d 0px;
    text-decoration: none;
    width: 10%;
    text-align: center;
}

    .BtnSurvey123:hover {
        background: #54b5ff;
        text-decoration: none;
    }

/*
.BtnSurvey123
{
    height: 25px;
    width: 100px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    -webkit-appearance: none;
}
*/
.Account-btn {
    height: 25px;
    width: 60px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
}

.Publish-btn {
    background-color: white /*#f6f6f6*/;
    border: 1px solid #c2c5c9;
}

.Question-btn {
    height: 25px;
    width: 58px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
}

.Standard-DDL {
    width: 210px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 105;
}

.Prelim-DDL {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.SurveyQuestionTitle {
    position: relative;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 8px;
    font-size: 10pt;
    background: white;
    border-bottom: 1px solid #0072C6;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 25px;
    color: #0072C6;
}

.SurveyQuestion {
    position: relative;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 8px;
    font-size: 10pt;
    background: white;
    border-bottom: 1.5px solid #cccccc;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 21px;
}

.block-text-no-border {
    border-bottom: 0px !important;
}

.Label-survey {
    width: 180px;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.input-survey {
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    border: 1px solid gray;
    font-size: inherit;
    min-width: 200px !important;
}

textarea {
    resize: none;
    font-family: Arial;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

.no-button {
    border: none;
    padding: 0 0 0 0;
    background: none;
}

.Link-btn {
    height: 25px;
    width: 25px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    text-align: center;
    font-size: small;
}

.Grid-Header {
    max-width: 1070px;
    margin-top: 10px;
    padding-left: 2px;
    padding-right: 2px;
}

.Grid-Footer {
    max-width: 1070px;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
}

.Grid-Container {
    max-width: 1100px;
    padding-left: 12px;
    min-height: 580px;
    overflow: auto;
}

.Grid-Container-Survey1 {
    min-width: 1030px;
    padding-left: 12px;
    height: 120px;
    overflow: auto;
    margin-bottom: 20px;
}

.Grid-Container-Survey2 {
    max-width: 1100px;
    padding-left: 12px;
    min-height: 630px;
    overflow: auto;
}

.Grid-Footer-Survey {
    max-width: 1075px;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: auto;
}

.ListLinkButtons {
    color: #8c8c8c;
}

.Hdn_Btn {
    display: none;
}

/* Notification Labels */
.Notification {
    position: relative;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 10pt;
}

.Notification-Label {
    padding-left: 10px;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    line-height: 25px;
    color: Red;
    top: 0px;
    left: 0px;
}

.notify-warning {
    background: #ffffb2;
    border: 1px solid #e5e500;
    color: Black;
}

.notify-succes {
    background: green;
    border: 1px solid green;
    color: White;
}
/**/
.notify-error {
    background: #ff9999;
    border: 1px solid #fd6a55;
    color: Black;
    top: 1px;
    left: 0px;
    width: 347px;
}

.notify-error2 {
    background: #ff9999;
    border: 1px solid #fd6a55;
    color: Black;
    height: 20px;
    padding: 10px;
    margin-top: 5px;
}

/* #ff3232*/
.notify-correct {
    background: #cce5cc;
    border: 1px solid #4ca64c;
    color: Black;
}


.STypeBox_Online_S {
    width: 15px;
    height: 15px;
    border: 1px solid #F2184B;
    background-color: #f9a2b7;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}

.STypeBox_Online_M {
    width: 15px;
    height: 15px;
    border: 1px solid #184BF2;
    background-color: #a2b7f9;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}

.STypeBox_Email {
    width: 15px;
    height: 15px;
    border: 1px solid #4BF218;
    background-color: #b7f9a2;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}

.STypeBox_PDF {
    width: 15px;
    height: 15px;
    border: 1px solid #BF18F2;
    background-color: #e5a2f9;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}

.STypeBox_SMS {
    width: 15px;
    height: 15px;
    border: 1px solid #F2BF18;
    background-color: #f8df8b;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}
.STypeBox_IVR {
    width: 15px;
    height: 15px;
    border: 1.5px solid #000000;
    background-color: #ffffff;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}

.STypeBox_PSH {
    width: 15px;
    height: 15px;
    border: 1px solid #1ebaa0;
    background-color: #1ebaaa;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}

.STypeBox_PSTL {
    width: 15px;
    height: 15px;
    border: 1px solid #ba281e;
    background-color: #901eba;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: Black !important;
}



.STypeBox_Title {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.push-right-410 {
    margin-left: 410px;
}

.push-right-10 {
    margin-left: 5px;
}

.push-left-10 {
    margin-right: 5px;
}
/* Line Heights */
.LineHeight-30 {
    line-height: 30px;
}

.LineHeight-20 {
    line-height: 20px;
}

/* Table Custom */
.box-table-a {
    font-family: Arial;
    font-size: 12.5px;
}

    .box-table-a th {
        border: 1px solid #c2c5c9;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .box-table-a td {
        border: 1px solid #c2c5c9;
    }


    .box-table-a td {
        border: 1px solid #c2c5c9;
    }


.box-table-b {
    font-family: Arial;
    font-size: 12px;
    margin-right: 108px;
}

    .box-table-b th {
        border: 1px solid #c2c5c9;
        border-left: 1px solid white;
        border-left: 1px solid white;
        border-right: 1px solid white;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .box-table-b td {
        border: 1px solid #c2c5c9;
        border-left: 1px solid white;
        border-right: 1px solid white;
    }

.box-table-c {
    font-family: Arial;
    font-size: 11.5px;
}

    .box-table-c th {
        border: 1px solid white;
        border-left: 1px solid white;
        border-left: 1px solid white;
        border-right: 1px solid white;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .box-table-c td {
        border: 1px solid white;
        border-left: 1px solid white;
        border-right: 1px solid white;
    }



.table-padding {
    padding-left: 10px;
    padding-right: 3px;
    height: 30px;
}


.table-padding-image {
    padding-left: 20px;
    padding-top: 2px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > tr {
    background-color: rgb(0,114,198);
    color: White;
}

.table-hover-b > tbody > tr:hover > td, .table-hover-b > tbody > tr:hover > tr {
    background-color: #f6f6f6;
    color: Black;
}

.AltQRow {
    background-color: #f6f6f6;
    color: Black;
}

.AltQTextRow {
    background-color: #ECECEC;
    color: Black;
}

.table-padding {
    padding-left: 10px;
    padding-right: 3px;
    min-height: 30px;
    padding-top: 3px;
}

.header-tasks {
    background-color: White;
}














.Image-Chk {
    vertical-align: middle;
    padding-bottom: 5px;
}



/* Rad Text Editor */
.reLeftVerticalSide, .reRightVerticalSide, .reToolZone, .reToolCell {
    background: white !important;
}

.reToolCell {
    display: none\9 !important; /* for all versions of IE in order to prevent border bottom disappearing */
}

.reContentCell {
    border-width: 0 !important;
}

.formInput {
    border: solid 1px black;
}

.RadEditor {
    filter: chroma(color=c2dcf0);
}

.reWrapper_corner, .reWrapper_center {
    display: none !important; /* for FF */
}


td.reWrapper_corner, td.reWrapper_center {
    display: block\9 !important; /* for all versions of IE */
}

.White-background {
    color: White important !;
    background-color: White !important;
}


.gridview_footer {
    background-color: #f8f9fa;
    height: 40px;
    padding: 2px;
    margin: 2% auto;
}

    .gridview_footer a {
        background-color: #6c757d;
        padding: 5px 10px 5px 10px;
        color: #fff;
        text-decoration: none;
        border: none !important;
        border-style: none;
        border-radius: 0.2rem;
    }

    .gridview_footer span {
        background-color: #0F70B7;
        color: #fff; /*border-radius: 50%;*/
        padding: 5px 10px 5px 10px;
        border-radius: 0.2rem;
    }

a > img {
    border: 0;
}

.cbx_pagebreaks {
    display: inline-block;
    padding-left: 25%;
}

.OrderLinkButtons {
    color: #8c8c8c;
    text-align: center;
    padding-left: 15%;
}

.breakrow {
    border-top: 10px;
}

.Arrows {
    padding-left: 15%;
    padding-top: 5%;
}

.paginate-arrow {
    width: 16px;
    height: 16px;
    margin:0 10px;
}


.ArrowUp {
    width: 18px;
    height: 18px;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
}

.ArrowDown {
    width: 18px;
    height: 18px;
    float: right;
    display: inline-block;
    padding-right: 15%;
    background-repeat: no-repeat;
}






.Buttons {
    padding-left: 2%;
    padding-top: 10%;
    width: 100px;
}



.RemoveQuestion {
    float: right;
    padding-left: 8px;
    padding-right: 8px;
}


.AlternativeQuestions {
    float: right;
    display: inline-block;
    vertical-align: middle;
    padding-right: 1%;
}

.EditQuestion {
    float: right;
    padding-left: 8px;
    padding-right: 8px;
}

.ShowResponses {
    float: right;
    padding-left: 8px;
    padding-right: 8px;
}

.QuestionText {
    float: left;
    display: inline-block;
    vertical-align: middle;
    padding-right: 2%;
}

.ResponseGrid {
    float: left;
    padding-top: 20px;
}


.UpdatePanelmodal {
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.UpdatePanelcenter {
    z-index: 1000;
    margin: 0 auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .UpdatePanelcenter img {
        height: 128px;
        width: 128px;
    }


.loadDiv {
    width: 1000px;
    height: 1000px;
    background-color: #000000;
    color: #ffffff;
    background-image: url("..\img\Survey\Loading.gif");
    vertical-align: top;
}

.DashboardTile {
    border: 1px solid #0F70B7;
    width: 550px;
    height: 420px;
    text-align: center;
}

.DashboardTile-Export {
    border: 1px solid #0F70B7;
    width: 550px;
    height: 420px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.TilePopup {
    width: 550px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
}

.dashboard-export-panel {
    width: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;

}

.dashboard-export-btn {
    margin-left: 10px;
    margin-right: 10px;
}

.DashboardTile2 {
    border: 1px solid #0F70B7;
    width: 550px;
    height: 400px;
    text-align: center;
}

.DashboardTask {
    background: #1A91C7;
    color: #fff;
    height: 40px;
    font-weight: bold;
    width: 120px;
}

.UpdateDashboardTrustMessage {
    background: #1A91C7;
    color: #fff;
    height: 40px;
    padding-left: 20px;
    font-weight: bold;
    border: solid 1px #1A91C7;
}

.DashboardMessageHeader {
    background: #0F70B7;
    height: 30px;
    color: White;
    padding: 10px;
    font-size: 15px;
    font-weight: bold
}

.DashboardSettingMessage {
    padding: 10px;
    background-color: #20a2dd;
    font-weight: bold;
    color: #ffffff;
    height: 40px;
}

.DashboardNumber {
    background: #fff;
    color: #8B8D8E;
    height: 40px;
    text-align: center;
    font-weight: bold;
    width: 30px;
    border-top: 1px #1A91C7 solid;
    border-bottom: 1px #1A91C7 solid;
}

.DashboardPlannerTitle {
    background: #0F70B7;
    color: #fff;
    height: 40px;
    font-weight: bold;
    width: 120px;
}

.taskLink {
    text-decoration: none;
    color: #1A91C7;
}

.DashboardSettingButton {
    background: #0F70B7;
    color: #fff;
    height: 20px;
    width: 200px;
    text-align: center;
    font-weight: bold;
    border-left: 2px solid #fff;
    padding: 10px;
}

.DashboardTrustMessage {
    background: #fff;
    color: #000;
    text-align: center;
    font-style: italic;
    /*border:1px solid #EAEAEA;*/
    font-size: 14px;
    line-height: 20px;
    background: #EDEDED
}

.DashboardEmail {
    width: 100px;
    height: 80px;
    text-align: center;
}

.DashboardImage {
    float: left;
    width: 100px;
    height: 80px;
}

.DashboardMessage {
    float: right;
    height: auto;
    padding: 10px;
    width: 980px;
}


.TileHeader {
    background: #0F70B7;
    height: 100px;
    padding: 10px;
    color: White;
    vertical-align: middle;
    text-align: center;

}

.TileHeader-Export {
    background: #0F70B7;
    color: White;
    vertical-align: middle;
    text-align: center;
    width: 552px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ExportAll {
    width: auto;
}

.lblsurveyref {
    padding-left: 10px;
/*    padding-right: 12px;*/
}

.tbxdeleteguid {
    margin-left: 10px;
}

/*.pnlsearchoptions {
    height: 320px;
}*/

.buttonsguids {
    position: static;
    padding: 15px 40px 20px 15px;
    float: right;
    height: 30px;
}


.lblsearchoptioons {
    color: #0072C6;
    font-size: large;
}

.lblsearchoptions {
    padding-top: 20px;
    padding-left: 5px;
}

.btnimportguidsfromexcel, .btnimportreffromexcel {
    float: right;
}

.btndelete {
    margin-left: 11px;
    float: left;
}




.btnsearch {
    margin-right: 20px;
    float: right;
}

.btnsearch1 {
    float: right;
    margin-top: 10px;
    margin-right: 7px;
}

.btnsearchicon {
    padding-top: 4px;
    padding-left: 15px;
    padding-right: 7px;
    float: right;
}



.line-separator1 {
    padding-top: 3px;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 43px;
    margin-bottom: 5px;
}

.line-separator2 {
    padding-top: 7px;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 18px;
}

.btnsearchguids {
    float: right;
    margin-right: 26px;
    width: 122px;
    margin-top: 8px;
}

.btnsearchexcel {
    margin-top: 15px;
    margin-right: 98px;
    float: right;
}

.tabletitles {
    position: relative;
    width: 99%;
    padding: 3px;
    text-align: center;
    align-self: center;
    display: block;
    background-color: #F3F3F3;
    font: 18px Helvetica;
    border: 2px solid lightgray;
    color: gray;
}

.btn_refresh {
    float: right;
    padding-top: 3px;
    margin-right: 5px;
}


.deleterow {
    background-color: #FF6600;
    color: white;
}

.normalrow {
    background-color: white;
    color: black;
}

.btn_searchtbx {
    margin-left: 7px;
}

.divbuttons {
    float: left;
}

.btn_list {
    padding: 6px 7px 0px 15px;
    float: right;
}



.UpdateProgress1 {
    float: left;
    margin-right: 200px;
}

.divpnlsearch {
    position: relative;
    padding-top: 20px;
}


.divcaptcha {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 260px;
    height: 225px;
    margin-left: -140px;
    margin-top: -80px;
    z-index: 1000;
    background-color: White;
    padding: 15px 15px 15px 15px;
    border: 6px solid #e68a00;
}

.divkapback {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
}

.lbl_capcha {
    float: left;
    padding-left: 40px;
    padding-top: 10px;
    color: Red;
}


.pagenumber {
    height: 24px;
    width: 24px;
    background-color: #f6f6f6;
    border: 1px solid #c2c5c9;
    text-align: center;
    font-size: small;
}

.table-padding-divguids {
    height: 30px;
    border: 1px doted #c2c5c9;
}


.table-hover-c > tbody > tr:hover > td, .table-hover-c > tbody > tr:hover > tr {
    background-color: #f6f6f6;
    color: Black;
}

.box-table-c {
    font-family: Arial;
    font-size: 12px;
    margin-right: 108px;
}

    .box-table-c th {
        border: 1px solid #c2c5c9;
        border-left: 1px solid #c2c5c9;
        border-left: 1px solid #c2c5c9;
        border-right: 1px solid #c2c5c9;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .box-table-c td {
        border: 1px solid #c2c5c9;
        border-left: 1px solid #c2c5c9;
        border-right: 1px solid #c2c5c9;
    }

.Notification-Label-DelGuids {
    padding-left: 35px;
    display: inline-block;
    line-height: 25px;
    color: Black;
    top: 5px;
    padding-right: -70px;
    max-width: 96.9%;
}

.IE_btn_list {
    /* padding-top:10px;         float: right;     background-color:Red;*/
}

.IE_btnsearchicon {
    /*padding-top: 4px;     padding-left: 15px;     padding-right: 7px;     float: right;*/
}

.IE_btndelete {
    /* margin-left: 11px;*/
    float: left;
}


.IE_buttonsguids {
    float: left;
    padding-top: 150px;
    width: 100px;
    height: 100px;
    color: Red; /*     position: static;              height: 30px;*/
}

.MediaPlayer {
    margin-top: 1%;
}


.fixedcolumn {
    border-left: 1px solid #828282 !important;
    border-right: 1px solid #828282 !important;
}

.RadGrid {
    /*works in IE*/
    word-break: break-word;
}

    .RadGrid td {
        /*works in Firefox*/
        /*overflow: hidden;*/
    }


.gridbuttons {
    vertical-align: middle;
}

.btndeletetasksmaster {
    margin: auto;
    padding: 2px;
}

.Grid, .Grid th, .Grid td {
    border: 1px solid #ccd9ff;
    border-left: 1px solid #ccd9ff;
    border-left: 1px solid #ccd9ff;
    border-right: 1px solid #ccd9ff;
    padding-top: 6px;
    padding-bottom: 6px;
}

.box-table-c2 {
    font-family: Arial;
    font-size: 11.5px;
}

    .box-table-c2 th {
        border: 1px solid #ccd9ff;
        border-left: 1px solid #ccd9ff;
        border-left: 1px solid #ccd9ff;
        border-right: 1px solid #ccd9ff;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .box-table-c2 td {
        border: 1px solid #ccd9ff;
        border-left: 1px solid #ccd9ff;
        border-right: 1px solid #ccd9ff;
    }



.pending {
    background-color: #0000ff;
    color: White;
    font-weight: bold;
}

.overdue {
    background-color: #ff0000;
    color: White;
    font-weight: bold;
}

.cancelled {
    background-color: #737373;
    color: White;
    font-weight: bold;
}

.complete {
    background-color: #009900;
    color: White;
    font-weight: bold;
}

{
    margin-top: 1%;
}


.Title1S1 {
    font-size: "10pt" !important;
    color: #0072C6;
}

.Title2S1 {
    font-size: "11pt" !important;
    color: #8c8c8c;
}

.TextS1 {
    font-size: "10pt" !important;
}

.line {
    display: none;
}




#progressbar {
    background-color: White;
    border-radius: 5px;
    /*margin-bottom: 1em;*/
}

.bar {
    background-color: #0072C6;
    height: 0.5em;
    border-radius: 20px;
    background: repeating-linear-gradient( 135deg, #0072C6, #0072C6 5px, #e6f4ff 5px, #e6f4ff 10px );
}

.bar2 {
    background-color: #e6f4ff;
    width: 100%;
    height: 0.5em;
    border-radius: 2px;
}

.lbl_progbar {
    text-align: center;
    color: #0072C6;
    font-weight: bold;
    margin-bottom: 0.3em;
}

#DivPrelimLabels {
    float: left;
    width: 20%;
}

#DivPrelimDropDowns {
    float: right;
    width: 80%;
}

.PrelimTable {
    width: 100%;
}

.Prelim-DDL {
    float: left;
    width: 75%;
}

.PrelimLabels {
    width: 100px;
    margin-top: 5px;
}

#DivPrelimLabels {
    margin-bottom: 20px;
}

.centre-align2 {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}


.updatepanel {
    background-color: Red;
}


.BtnSurvey123 {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    text-shadow: 0px 0px 0px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 17px;
    background: #0074CC;
    border: solid #1f628d 0px;
    text-decoration: none;
    width: 25%;
    text-align: center;
}

    .BtnSurvey123:hover {
        background: #54b5ff;
        text-decoration: none;
    }

.RadComboBox_Bootstrap .rcbInput {
    padding-left: 6px !important;
}

.btn-dashboard {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.RadGrid {
    outline: none !important;
}

.RadWindow .rwDialogText {
    margin-bottom: 5px;
}

.RadWindow .rwDialogPopup .rwPopupButton, .RadWindow .rwDialogPopup .rwPopupButton span {
    float: right !important;
}

.flex-align-center {
    display: flex !important;
    align-items: center !important;
}

.flex-end {
justify-content:flex-end;
}
.flex-start {
    justify-content: flex-start;
}
.TabButton {
    -webkit-border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 9px 12px;
    padding-top: 7px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #5e5e5e;
    background-color: #0F70B7;
    color: #fff;
    width: 150px;
    border: none;
    text-shadow: none;
    box-shadow: none;
    margin-right: 1px;
    height: 40px;
}

.ActiveButton {
    -webkit-border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 9px 12px;
    padding-top: 7px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #5e5e5e;
    background-color: #1A91C7;
    color: #fff;
    width: 150px;
    border: none;
    text-shadow: none;
    box-shadow: none;
    margin-right: 1px;
    height: 48px;
}

.hr-info {
    border: 1px solid #1A91C7;
}


.border-0 {
    border: 0px;
    border-color: #fff;
}

.ActiveButton {
    height: 45px !important;
}


.d-flex-bottom {
    display: flex;
    align-items: flex-end;
}

.label-align-middle-34 {
    line-height: 34px;
    vertical-align: middle;
}

.grid-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.2rem;
    color: #495057;
    background-color: #f9f9f9;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


    .grid-control.is-valid {
        border-color: #28a745;
        padding-right: 2.25rem;
        background-repeat: no-repeat;
        background-position: center right calc(2.25rem / 4);
        background-size: calc(2.25rem / 2) calc(2.25rem / 2);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    }

    .grid-control.is-invalid {
        border-color: #dc3545;
        padding-right: 2.25rem;
        background-repeat: no-repeat;
        background-position: center right calc(2.25rem / 4);
        background-size: calc(2.25rem / 2) calc(2.25rem / 2);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    }


    .grid-control.is-match {
        border-color: #0090ff;
        padding-right: 2.25rem;
        background-repeat: no-repeat;
        background-position: center right calc(2.25rem / 4);
        background-size: calc(2.25rem / 2) calc(2.25rem / 2);
        background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' style='enable-background:new 0 0 128 128;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M49.14,82.91v-5.76c0-2.65,0.27-5.04,0.81-7.2c0.55-2.15,1.38-4.2,2.49-6.15 c1.11-1.94,2.55-3.83,4.32-5.68c1.76-1.83,3.89-3.74,6.38-5.71c2.18-1.71,4.02-3.24,5.53-4.59c1.5-1.35,2.72-2.69,3.65-4 c0.94-1.33,1.61-2.71,2.03-4.16c0.41-1.45,0.62-3.14,0.62-5.06c0-2.95-1-5.39-3-7.31c-2-1.92-5.04-2.88-9.14-2.88 c-3.58,0-7.43,0.75-11.56,2.26c-4.12,1.51-8.39,3.35-12.79,5.53l-7.93-17.19c2.23-1.3,4.65-2.53,7.27-3.7 c2.62-1.17,5.34-2.2,8.17-3.11c2.83-0.91,5.69-1.62,8.6-2.14c2.91-0.52,5.76-0.78,8.56-0.78c5.29,0,10.06,0.64,14.31,1.91 c4.26,1.27,7.86,3.13,10.82,5.56c2.96,2.44,5.22,5.4,6.81,8.87c1.58,3.47,2.37,7.44,2.37,11.9c0,3.27-0.36,6.19-1.09,8.75 c-0.73,2.56-1.81,4.95-3.23,7.16c-1.43,2.2-3.22,4.33-5.37,6.38c-2.15,2.05-4.66,4.21-7.51,6.49c-2.18,1.71-3.95,3.2-5.33,4.47 c-1.38,1.27-2.45,2.48-3.23,3.62c-0.78,1.15-1.31,2.32-1.6,3.54c-0.29,1.22-0.43,2.66-0.43,4.32v4.67H49.14z M46.57,109.51 c0-2.44,0.35-4.5,1.05-6.19c0.7-1.68,1.67-3.04,2.92-4.08c1.24-1.04,2.71-1.79,4.4-2.26c1.68-0.46,3.48-0.7,5.41-0.7 c1.82,0,3.54,0.24,5.18,0.7c1.63,0.46,3.07,1.22,4.32,2.26c1.24,1.04,2.23,2.4,2.96,4.08c0.73,1.69,1.09,3.75,1.09,6.19 c0,2.33-0.36,4.33-1.09,5.99c-0.73,1.66-1.71,3.03-2.96,4.12c-1.25,1.09-2.68,1.88-4.32,2.37c-1.64,0.5-3.36,0.74-5.18,0.74 c-1.92,0-3.72-0.24-5.41-0.74c-1.69-0.49-3.16-1.28-4.4-2.37c-1.24-1.09-2.21-2.46-2.92-4.12 C46.92,113.84,46.57,111.84,46.57,109.51z' style='fill:%2340C0E7;'/%3E%3C/svg%3E");
    }

    .grid-control.is-warning {
        border-color: #ffb200;
        padding-right: 2.25rem;
        background-repeat: no-repeat;
        background-position: center right calc(2.25rem / 4);
        background-size: calc(2.25rem / 2) calc(2.25rem / 2);
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.0' width='450' height='450' id='svg2'%3E%3Cdefs id='defs5'/%3E%3Cg transform='translate(61.622316,0)' id='g2553'%3E%3Cpath d='M 231.05905,439.39622 C 211.3175,436.60615 183.80083,425.38265 172.98982,415.71091 C 152.20015,397.11211 158.93849,374.83735 188.42338,364.69266 C 221.56326,353.29037 276.84636,359.80781 302.55328,378.14763 C 349.39373,411.56454 304.74956,449.81086 231.05905,439.39622 z' id='path2412' style='fill:%23ffcc00'/%3E%3Cpath d='M 151.63547,299.45486 C 141.59437,298.1347 137.885,295.51076 133.62826,286.71687 C 122.65178,264.04076 85.443835,195.76074 57.960454,147.8593 C 42.351438,120.65407 21.750175,68.269145 15.818092,52.065445 L 5.0325995,22.6042 C 2.6116298,-1.4232385 135.85828,-1.0516548 223.43582,18.244065 C 225.21368,18.773617 233.58011,95.177766 238.80828,165.6673 L 248.31411,293.83017 L 230.14326,295.90577 C 197.24548,299.66359 164.48682,301.14451 151.63547,299.45486 z' id='path2392' style='fill:%23ffcc00'/%3E%3C/g%3E%3C/svg%3E");
    }

.search-group {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    padding: 5px;
}

.check-list label {
    margin-left: 5px;
}

.list-group-item.is-valid {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right calc(2.25rem / 4);
    background-size: calc(2.25rem / 2) calc(2.25rem / 2);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

    .list-group-item.is-valid.active {
        padding-right: 2.25rem;
        background-repeat: no-repeat;
        background-position: center right calc(2.25rem / 4);
        background-size: calc(2.25rem / 2) calc(2.25rem / 2);
        color: White;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    }

.hierarchy-is-valid {
    line-height: 28px;
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-size: calc(2.25rem / 2) calc(2.25rem / 2);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.data-import-panel {
    border-width: 1px;
    border-style: solid;
    border-color: #1A91C7;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.status {
    position: relative;
    padding: 8px;
    padding-top: 7px;
    font-weight: 600;
    text-align: center;
}

.status-sm {
    padding: 4px 8px;
    font-size: 0.875rem;
    line-height: 1.5;
}

.status-border {
    border: 1px solid #777;
    border-radius: 0.1rem;
    background-color: #eee;
}

.status-success {
    color: #049300;
}

.status-warning {
    color: #f6c900;
}

.status-danger {
    color: #c10000;
}

/*background-position: center left calc(2.25rem / 4);
background-repeat: no-repeat;
background-size: calc(2.25rem / 2) calc(2.25rem / 2);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");*/