﻿.LabelStyle {
    clear: both;
    display: block;
    font-weight: lighter;
    text-align: right;
    float: left;
    width: 35%;
    font-size: small;
}

.LabelStyle1 {
    clear: both;
    display: block;
    font-weight: lighter;
    text-align: right;
    float: left;
    width: 35%;
    font-size: small;
}

.TextboxStyle {
    float: left;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #aacfe4;
    width: 60%;
    margin: 2px 0 5px 5px;
}

.TextboxStyle1 {
    float: left;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #aacfe4;
    width: 60%;
    margin: 2px 0 5px 5px;
}

.DropdownStyle {
    float: left;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #aacfe4;
    margin: 2px 0 5px 5px;
}
.Questionaire_Footer {
    background-color: #FFFFFF;
    padding: 10px;
    color: #666666;
    margin-bottom: 10px;
}

/*.captcha {
    background-color: #FFFFCC;
    padding: 10px;
    color: #006600;
}*/

.SubmitQuestion {
    border-style: none;
    border-color: #3399FF;
    color: #FFFFFF;
    clear: both;
    text-align: right;
    padding-right: 0px;
}

.QuestionaireHeader {
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px 0px;
    border: thin none #3399FF;
    background-color: #FFFF99;
    color: black;
    clear: both;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}


.Form_col1 {
    border-width: 3px;
    border-color: #CCCCCC;
    padding: 10px;
    background-color: #D0E7F9;
    color: #333333;
    border-right-style: double;
}


.Form_col2 {
    padding: 10px;
    background-color: #507CD1;
    color: #FFFFFF;
}



.SuperAdminLinkAutoCreate {
    padding: 0px 5px 0px 5px;
    color: White;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 1px;
    background-color: Green;
    font-family: arial, Helvetica, sans-serif;
}

a.SuperAdminLinkAutoCreate:visited {
    text-decoration: none;
    color: White;
}

a.SuperAdminLinkAutoCreate:active {
    text-decoration: none;
    color: White;
}

a.SuperAdminLinkAutoCreate:link {
    text-decoration: none;
    color: White;
    text-align: center;
}

a.SuperAdminLinkAutoCreate:hover {
    border-style: none;
    border-width: thin;
    color: #FF0000;
    text-decoration: none;
    background-color: White;
    padding: 0px 5px 0px 5px;
}


.SuperAdminLink {
    padding: 0px 5px 0px 5px;
    color: White;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 1px;
    background-color: #f89e8f;
    font-family: arial, Helvetica, sans-serif;
}

a.SuperAdminLink:visited {
    text-decoration: none;
    color: White;
}

a.SuperAdminLink:active {
    text-decoration: none;
    color: White;
}

a.SuperAdminLink:link {
    text-decoration: none;
    color: White;
    text-align: center;
padding: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #d9534f;
}

a.SuperAdminLink:hover {
    border-style: none;
    border-width: thin;
    color: #FF0000;
    text-decoration: none;
    background-color: White;
    padding: 0px 5px 0px 5px;
}

.SuperAdminLink1 {
    padding: 3px 5px 3px 5px;
    color: Black !important;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 1px;
    background-color: #8ff8b9;
    font-family: arial, Helvetica, sans-serif;
}

a.SuperAdminLink1:visited {
    text-decoration: none;
    color: black;
}

a.SuperAdminLink1:active {
    text-decoration: none;
    color: Black;
}

a.SuperAdminLink1:link {
    text-decoration: none;
    color: Black;
    text-align: center;
}

a.SuperAdminLink1:hover {
    border-style: none;
    border-width: thin;
    color: yellow !important;
    text-decoration: none;
    background-color: Black;
    padding: 5px 5px 5px 5px;
}

.ArticleBody {
    border-color: #0066CC;
    padding: 5px;
    /*background-color: #D8DBFC;
    border-style: solid;
    border-width: thin;*/
    margin-right: -15px;
    margin-left:5px;
    font-size: 14px;
}


.NewHeaderbs {
     /*margin-top:-15px;*/
    padding: 10px;
    border: thin solid #005288;
    background-color: #005288;
    width: 100%;
    color: white;
    float: left;
    clear: both;
    margin-top: 2px;

    margin-bottom: 10px;
}

.NewHeader1bs {
padding: 10px;
border: thin solid #005288;
background-color: #005288;
width: 100%;
color: #fff;
float: left;
clear: both;
margin-top: 2px;
margin-bottom: 10px;

}

.LabelStyleBS {
    clear: both;
    display: block;
    font-weight: lighter;
    text-align: left;

    margin-bottom:5px;
    /*float: left;*/
    
}

.LabelStyle1BS {
    clear: both;
    display: block;
    font-weight: lighter;
    text-align: left;

    margin-bottom:5px;
    /*float: left;*/
    
}

.checkboxbs {
  
    display: block;
    min-height: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
/*float:left;*/
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
}



.checkboxbs label {
  padding-left: 5px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.checkboxbs1 {
    min-height: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
    
}



    .checkboxbs1 label {
        padding-left: 5px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    /*.checkbox-inline
    {
        display:inline !important;
    }*/
/*.ontheline {
display:block !important;
}*/



/* The container */
.check-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .check-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
    .check-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
    }

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
    .check-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}





.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
    .radio-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        border-radius: 50%;
    }

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
    .radio-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.blur {
    background-color:azure;
    filter: alpha(opacity=80);
    opacity: 0.7;
    z-index: 198720;
    position:absolute;
    width: 100%;
    height: 100%;
top:0;
left:0;
}

.LoaderStyleOld {
    max-height: 100%;
    max-width: 100%;
    position:fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.LoaderStyle {
    left: 50%;
    top: 50%;
    z-index: 287722;
   position: absolute;
}



.checkboxbsbold {
    min-height: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
}



    .checkboxbsbold label {
        padding-left: 5px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
        font-weight: bold;
    }

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.ErrorMessage {
    text-align: center;
    color: red;
    font-size: 20px;
    font-weight: bold;
}


.padding-10 {
    padding: 10px;

}

.padding-5 {
    padding: 5px;
}

.page-section {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2), 4px 3px 5px 1px rgba(0, 0, 0, 0.19);
    border-bottom: 2px solid #9f9f9f;
    border-left:2px;
    border-right: 2px;
}