h1 {
    font-family: 'VIC-SemiBold', Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 1px;
}

h2 {
    font-family: 'VIC-Bold', Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #642667;
}

h3 {
    font-family: 'VIC-SemiBold', Arial, Helvetica, sans-serif;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: #642667;
    display: inline-block;
}

h4 {
    font-family: 'VIC-SemiBold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #642667;
}

body {
    font-family: 'VIC-Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    /*color: #6F6F6F;*/
    color: #4c4c4c;
}

a {
    font-family: 'VIC-Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #642667 !important;
}

a:focus{
    outline: -webkit-focus-ring-color auto 0px;
    outline:0px;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline: 0px;
}

b, strong {
    font-family: 'VIC-Semibold';
    letter-spacing: 0.4px;
}





.container-fluid{

    padding-left:40px;

    padding-right:40px;

}



.instructions{

    font-family: 'VIC-Italic', Arial, Helvetica, sans-serif;

    font-size: 16px;

    color: #6F6F6F;

}



.toprightdiv {
    /*background-color:#F4F4F6;*/
    background-color: #1F1646;
    width: auto;
    margin-right:-17px;
    height:105px;
    text-align:center;
    vertical-align:middle;
    line-height:4;
    padding: 20px 40px;
}
.toprightdiv a {
    color: #ffffff !important;
}


.backtodashboardlink {

    color: #ffffff !important;

    text-decoration: none;

    font-size: 15px;

    font-family: 'VIC-Regular';

    font-weight: normal;

}



.backtodashboardlink:hover {

    text-decoration: none;

}



.backtodashboarddiv {

    text-align: left;

    padding-left: 10px;

    padding-top: 4px;

    background-color:#1F1646;

    padding: 13px 18px;

}



.page-title{

    font-family: 'VIC-SemiBold';    

}


#OptionPanel{

    width:300px;

    background:#f4f4f6;

}



#pagesList{

    padding-top: 10px;

}



/*#pagesList li>a {

    display: block;

    color: #7f7f80 !important;

    font-size: 16px;

    font-family: 'VIC-Regular';

    line-height: 17px;

    padding: 9px 0 9px 28px;

}*/

#pagesList li>a {

    display: block;

    color: #7f7f80 !important;

    font-size: 16px;

    font-family: 'VIC-Regular';

    line-height: 17px;

    padding: 9px 0 9px 4px;

    margin-left: 24px;

}

.nav>li>a:focus, .nav>li>a:hover {

    text-decoration: none;

    background-color: transparent !important;

    border-bottom: 2px solid #1F1646;

}



/*#pagesList .active>a, #pagesList .active:hover>a, #pagesList .active:focus>a {

    padding-left: 6px;

    font-weight: 700;

    color: #642669 !important;

    padding: 9px 0 9px 28px;

    background: #f3f3f3;

    font-family: 'VIC-Semibold';

    border:0;

}*/



#pagesList .active>a, #pagesList .active:hover>a, #pagesList .active:focus>a {

    color: #642669 !important;

    padding: 9px 0px 9px 4px;

    font-family: 'VIC-Semibold';

    margin-left: 24px;

    border: 0;

    border-bottom: 2px solid #642669;

    margin-bottom: 8px !important;
    
}









#pagesList .g-complete{

    background-color: transparent !important;

}



.triangle-topleft {

    width: 0;

	height: 0;

    /*--border-top: 105px solid #642669;--*/

    border-top: 105px solid #ffffff;

    border-right: 42px solid transparent;

	position: absolute;

}



.headerdiv

{
    background-color: #73698B;
    padding: 10px 20px 20px 68px;
    display: inline-table;
    margin: 0;
    width: 100%;
}

div#grdData_Q7_filter:before, .dataTables_filter:before {
    content: '\f002';
    padding-right: 10px;
    font-family: FontAwesome;
    color: #999;
    font-size: 20px;
}

h1#projectName {

    font-size: 36px !important;

    letter-spacing: 0.8px;

    color: #ffffff;

}


.leftBorder

{

    border-left:0;

}



.signuplabel

{

    text-align: center;

    background-color: white !important;

    border: 0;

    font-size: 18px;

    color: #642667 !important;

    font-family: 'VIC-SemiBold', Arial, Helvetica, sans-serif;

}

.successfulsignupdiv{

    text-align: center;

    padding-top: 17%;

}

.signout-link {
    margin-left: 0px !important;
}


.question-text label{

    font-family: 'VIC-SemiBold', Arial, Helvetica, sans-serif;

    /*font-size: 12px;*/

    font-size: 16px;

    letter-spacing: 0.6px;

    color: #6F6F6F;

    font-weight: 700 !important;

}



.SubmitButton{
    background-color: #642669;
    border-radius: 0px;
    background-image: linear-gradient(to bottom,#642669 0,#642669 100%) !important;
    border: 0;
    font-size: 15px;
    font-family: 'VIC-SemiBold';
    text-shadow: none !important;
}



#divLogin,.formwrapper {

    max-width: 359px;

    margin: 40px auto;

    display: flow-root;

    padding: 20px;

    box-shadow: 0px 2px 8px 0px #a29292;

}



#divLogin h3 {

    text-align: center;

    display: block;

}



.login-title, .formtitle {

    background: none !important;

    color: #642667;

    font-size: 20px;

    font-weight: 700;

    margin: 0;

}



.form-horizontal .control-label {

    padding-top: 7px;

    margin-bottom: 0;

    text-align: left;

    color: #747474;

    font-weight: 700;

    font-size: 12px;

}


input[type]::placeholder, textarea::placeholder{
    color:#a9a9a9 !important;
}


textarea.form-control {

    height: auto;

    border: 1px solid #ccc;

    padding: 10px;

}

.form-control {
	box-shadow: none;
	border: 1px solid #e9e9e9;
	border-radius: 0;
	padding: 5px 10px;
	background-color: #f2f2f2;
	background-image: none;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.form-control:focus{

    border-color: #672667;

    box-shadow: none;

}



#tblLogin, #divForgotPassword{

	display: flow-root;

    width: 80%;

    margin: 0 10% 0;

}



a#lnkForgotPassword {

    display: block;

    text-align: center;

    margin: 15px 0 0 0;

    color: #6a2f6d;

    font-size: 15px;

    width: 100%;

}



#lblForgotPwdMsg{

    color: #6f6f6f;

    font-size: 16px;

    margin-top: 20px;

    display: inline-block;

    

}



/* #btnSubmit, input#btnSignIn, .genbutton{
    background: #642667;
    border-radius: 0;
    border: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    margin-top: 10px;
    width: 100%;
} */



input#btnGenerateDoc{

    background: #1F1646 !important;

    border-radius: 0;

    border: 0;

    font-size: 18px;

    font-weight: 500;

    line-height: 1.7;

    margin-top: 10px;

    width:auto;

    padding: 6px 60px;

}


input#btnGenerateDoc:hover {
    background: #642669 !important;
}




.question-text{

    border: 0;

}



.cell-footer{

    margin-top: 20px;

}



#lblAfter {

    color: #6F6F6F;

    font-family: 'VIC-Regular', Arial, Helvetica, sans-serif;

    font-size: 16px;

}



.tile-lg {

    width: 210px;

    height: 160px;

    border-radius: 0;

    box-shadow: none;

}



.tile-badge {

    position: absolute;

    top: 20px;

    left: 15px;

    font-size: 13px;

    font-weight: normal;

    color: #bb9dce;

    text-align: left;

    background-color: transparent;

    text-shadow: none;

}



.tile-lg .tile-icon {

    padding-top: 70px;

    position: absolute;

    right: 15px;

    bottom: 15px;

    filter: brightness(20);

}



.tile-content {
    position: absolute;
    color: #fff;
    font-size: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: none !important;
}



/* Grid CSS */

.table-bordered,.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th

{

    border: 1px solid #d6b7d9;

}



table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected{
    color: #676767 !important;
    background-color: #e0d7e0 !important;
}
table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
    color: #676767;
}
table.dataTable tbody tr.selected {
    font-weight: bold;
}

table.dataTable.display tbody>tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {
    background-color: #926d93 !important;
    color: #ffffff !important;
}
table.dataTable.display tbody>tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: #926d93;
    color: #ffffff;
}
tr .odd {
    background: #f7f7f7 !important;
}

.table th, .table .sub-head, #grdTemplates .sub-head {
	background-color: #657587 !important;
    color: #fff;
    font-family: VIC-Light;
    letter-spacing: 0.8px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}
table.dataTable thead .sorting:after {
    opacity: 1 !important;
    content: "\e150";
}

.dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus {
 background: transparent !important; 
 border: 0; 
 box-shadow: none; 
 text-shadow: none !important;
} 
.dropdown-toggle:hover {
    background: none !important;
    text-shadow: none !important;
    color: #ffffff !important;
    text-decoration: underline;
}


table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 30px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 50%;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: inherit;
    line-height: 14px;
    content: '+';
    background-color: #999999;
    font-weight: bold;
}



/*--- MAIN BUTTON STYLE ---*/
.btn-primary {
    background: #1f1646 !important;
    text-shadow: none !important;
}
.btn-primary:hover {
    background: #642669 !important;
}

a.btn.btn-primary.dropdown-toggle:hover {
    background: #1F1646 !important;
}

.open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #642669;
    border-color: #122b40;
}
.open>.dropdown-toggle.btn-primary:focus {
    background: #1F1446 !important;
}


.btn .caret {

    margin-left: 5px;

}



/*a.btn.btn-info {
    font-weight: bold;
    font-size: 16px !important;
    white-space: normal;
    text-decoration: none;
    background: #642669;
    color: #ffffff !important;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none !important;
    text-shadow: none !important;
}*/

.btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #642669;
    border-color: #204d74;
    box-shadow: none;
    text-shadow: none;
}


/*.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #333333;
    background-image: none;
    border: 0px !important;
}*/
.btn-group, .btn-group-vertical {
    width: 100%;
}

.dropdown a {
    color: #ffffff !important;
    font-weight: bold;
    letter-spacing: 0.3px;
}

.dropdown a:hover {
    color: #ffffff !important;
}

.dropdown-menu>li>a {
    color: #333 !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #666666;
}





.navbar-right{

    margin-right:0;

}



.navbar-right .dropdown-menu {
    right: 20px;
    left: auto;
    top: 46px;
}

.navbar-text, .navbar-home li a{
    height: 85%;
    line-height: 75px;
    vertical-align: middle;
}



.dropdown-menu{

    border: 0;

    border-radius: 0;

}



/*table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{

background: #f7f4f7;

} */



.navbar .container-fluid{

    padding: 0 0 0 40px;

    /*display: block;*/

    display: flex;

    align-items: center;

}



nav{flex:1}

/*#navbar-header {flex:0} */



#navbar-header {

    flex: 0;

    background: #642669;

    padding: 24px 0px 24px 40px;

    margin-left: -40px;

}



/*.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{

    float: left;

    width: 210px;

    display: block;

    margin-top: 21px;

}*/

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {

    float: left;

    width: 250px;

    display: block;

}



.navbar-text,#HomeMenu  a{

    height: 85%;

    line-height: 75px;

    vertical-align: middle;

}



/*--- HEADER BAR ---*/
header.ix-nav, .navbar:hover, header.navbar:hover,.navbar-text.form-title {
    background: #ffffff !important;
}





/*--- HEADER TEXT ---*/

.navbar-text {

    color: #1F1646 !important;

    font-size: 22px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 900;

}

.navbar-text.form-title {

    background: transparent !important;

}

.appform-subtitle {
    font-family: 'VIC-Regular' !important;
    color: #ffffff;
    font-size: 18px;
    width: 80% !important;
    letter-spacing: 0.5px;
}


header.navbar {

    margin-bottom: 30px;

    position: relative;

}



.Group {

    border-left: 0 !important;

}









#formHeader h1{

 

}



.field-validation-error {

color:#dc3936;

margin-top:4px;

display:block;

font-size:14px;

}



/*--- CUSTOM TABLE STYLE ---*/

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {

    border: 2px solid #ffffff;

}





.qtdiv{

/*display:block;*/

padding:0;

} 



.wrn, .autocomplete-message {

    background: #ffeaea;

    padding: 2px;

    color: #ff3d3d;

    border-radius: 0;

    display: inline-block;

    padding: 7px 15px;

    line-height: 16px;

    margin-top: 7px;

    letter-spacing: 0.5px;

} 



.HelpText{

    border: solid 1px #e0e0e0;

    background-color: #f4f4f6;

    color: #999;

    font-size: 15px;

    outline:none;

}



.question-text, .question-text-inline {

    color: #6F6F6F !important;

    font-size: 16px;

}



.regulartext{

    font-family: 'VIC-Regular', Arial, Helvetica, sans-serif;

    font-size: 16px;

    color: #6F6F6F;

    font-weight: normal;

}



/*Custom radio button*/



.radio-inline, .checkbox-inline{

    padding-left:0;

}



.radio > label, .radio-inline > label {

    display: block;

    position: relative;

    padding-left: 25px;

    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 > label input, .radio-inline > label input{

    position: absolute;

    opacity: 0;

}



/* Create a custom radio button */

.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    border: 2px solid #1F1646 !important;

    border-radius: 50%;

}



/* On mouse-over, add a grey background color */

.radio > label:hover input ~ .checkmark, .radio-inline > label:hover input ~ .checkmark {

    background-color: #f2e7f3;

}



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

.radio > label input:checked ~ .checkmark, .radio-inline > label input:checked ~ .checkmark{

    background-color: #ffffff;

    border: 2px solid #642669;

}



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

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



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

.radio > label input:checked ~ .checkmark:after, .radio-inline > label input:checked ~ .checkmark:after  {

    display: block;

}



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

.radio > label .checkmark:after, .radio-inline > label .checkmark:after {

 	top: 3px;

    left: 3px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    /*background: #642669;*/

    background: #1F1646;

}

/*Checkbox CSS*/



/* The container */

.checkbox-inline > label, .checkbox > label {

    display: block;

    position: relative;

    padding-left: 25px;

    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 */

.checkbox-inline > label input, .checkbox > label input{

    position: absolute;

    opacity: 0;

}



/* Create a custom checkbox */

.checkboxmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    border: 2px solid #642669;

    border-radius: 4px;

}



/* On mouse-over, add a grey background color */

.checkbox-inline > label:hover input ~ .checkboxmark, .checkbox > label:hover input ~ .checkboxmark  {

    background-color: #fff;

}



/* When the checkbox is checked, add a blue background */

.checkbox-inline > label input:checked ~ .checkboxmark, .checkbox > label input:checked ~ .checkboxmark {

    background-color: #642669;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkboxmark:after {

    content: "";

    position: absolute;

    display: none;

}



/* Show the checkmark when checked */

.checkbox-inline > label input:checked ~ .checkboxmark:after, .checkbox > label input:checked ~ .checkboxmark:after {

    display: block;

}



/* Style the checkmark/indicator */

.checkbox-inline > label .checkboxmark:after, .checkbox > label .checkboxmark:after {

    left: 6px;

    top: 2px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}





/*default Buttons*/

.tile-md {

    width: auto;

    height: auto;

    position: unset;

    border-radius: 0;

    box-shadow: none;

    background: #1F1646 !important;

    border: 0;

}



.tile-md:hover {

    border-width: 0px;

    border-style: initial;

    border-color: initial;

    border-image: initial;

    background: #642669 !important;

}



.tile-md > .tile-content {

   /* display: inline-block;*/

    position: unset;

    padding: 5px 30px;

    color: #fff;

    font-size: 16px;

    white-space: nowrap;

    font-family: 'VIC-SemiBold';

}



.tile-lg > .tile-content {
    position: absolute;
    /*left: 25px;
    top: 25px;*/    
    color: #fff;
    font-size: 20px;
    /* white-space: normal; */
    font-family: 'VIC-Medium';
    padding-right: 10px;
    letter-spacing: 1.3px;
}


.amenment-details{

    float: right;

    padding: 22px 50px 0;

    width: 20%;

    text-align: center;

}



/*.amendment-num{

    display: block;

    color: #642669;

    font-family: 'VIC-SemiBold';

}*/

.amendment-num {

    display: block;

    color: #ffffff;

    font-family: 'VIC-Regular';

    letter-spacing: 0.8px;

    text-align: right;

}



/*.amendment-status{

    color: #a579a9;

    font-family: 'VIC-SemiBold';

    font-size: 13px;

    text-transform: uppercase;

    margin: 13px auto 0;

    display: block;

    border: 2px solid #b79eb7;

    border-radius: 20px;

    width: max-content;

    padding: 1px 13px;

}*/

.amendment-status {

    color: #ffffff;

    font-family: 'VIC-SemiBold';

    font-size: 14px;

    text-transform: uppercase;

    margin: 12px auto 0;

    display: block;

    border: 2px solid #ffffff;

    border-radius: 20px;

    width: max-content;

    padding: 5px 15px;

    letter-spacing: 0.6px;
    
    float : right;

}



.header-leftaside{

    float:left;

    width:80%;

}



.btn-block label.active{

    color: #ffffff !important;

    background: #642669 !important;

    border-color: #642669 !important;

}



.btn-block label.btn-primary{

    background: #fff;

    color: #adadad;

    text-shadow: none;

    border: 1px solid #adadad;

}



/*input[type=button] {

    background: white;

    border-radius: 0;

    color: #777;

    font-family: 'VIC-SemiBold';

    padding: 10px 20px;

}*/

input[type=button] {

    border-radius: 0;

    color: #1F1646 !important;

    font-family: 'VIC-SemiBold';

    padding: 10px 20px;

    border: 2px solid #1F1646 !important;

    letter-spacing: 0.6px;
    
    text-shadow: none !important;    
    
}

.pageNav .nav, .fr .nextPage {
    border: 0px !important;
    background-color: transparent;   
}



.btn-default:hover {
    color: #ffffff !important;
    background-color: #642667 !important;
    border-color: #1F1646;
    text-shadow: none !important;
    letter-spacing: 0.6px;
    /* Keep background to fix issue with calendar select button*/
    background: #642667;
}

/*--- DROP DOWN WIDTH --*/
select#Q603 {
    width: 350px !important;
}




#closeHelp {

    font-size: 12px;

}



.tile:hover {

    border: 0;

}



#startupload{

    width: auto;

    height: auto;

    position: unset;

    border-radius: 0;

    box-shadow: none;

    background: #642667 !important;

    border: 0;

}



#closeupload, #cancelupload{

    background: #f1f1f1;

    border-radius: 0;

    color: #777;

    font-family: 'VIC-Regular';

    padding: 5px 20px;

    box-shadow: none;

    border: 1px solid #c3c3c3;

}



/*Modal Window CSS*/

.modal-content.modal-insert {

    padding: 40px 0;

}



#ProjectAnswerFiles{display:none;}



.planning-scheme

{

    width:30% !important;

}



.split{

    width:12% !important;

}



.tile-wd {
    height:100% !important
    border-radius:0px;
}



.dashboardbutton

{

    margin-top:-40px;

    margin-bottom:-20px;

}



.LandingGroupCenterContainer .tile-lg{

    width: 260px;

}



.LandingGroupCenterContainer .tile-lg {

    width: 260px;

    height:204px;

}



.GroupCenterContainer, .LandingGroupCenterContainer{

    width: 600px;

    margin: 0 auto;

    padding-top:50px;

}



.GroupCenterContainer .l-cell, .LandingGroupCenterContainer .l-cell{

  

}



.GroupCenterContainer .btn-group{

    width: 100%;

    height: 12em;

}



.GroupCenterContainer .ls:first-child .btn-group{

    height:auto;

}



.GroupCenterContainer .tile-sm, .LandingGroupCenterContainer .tile-sm{

    width: 48px;

    height: 48px;

    background: none !important;

    box-shadow: none;

    padding: 0;

    position: relative;

    top: 60px;

}



.GroupCenterContainer .tile-sm .tile-icon, .LandingGroupCenterContainer .tile-sm .tile-icon

{

    filter: hue-rotate(95deg);

}



.GroupCenterContainer .subtitle{

    color: #fff;

    background: #642669;

    font-size: 18px;

    font-family: 'VIC-SemiBold', Arial;

    padding: 30px 20px;

}



.GroupCenterContainer .tile-lg{

    width: 100%;

    height: 100%;

    border-radius: 0;

    box-shadow: none;

    background: none !important;

    border: 2px solid #642669 !important;

}



.GroupCenterContainer .tile-content{

    top: 45px;

    text-shadow: none;

    color: #642669;

}



.GroupCenterContainer .subtitle span{

    font-size: 14px;

    font-weight: normal;

    color: #bb91ae;

    font-family: 'VIC-Regular', Arial;

}



.GroupCenterContainer .tile-lg .tile-icon{

    filter: hue-rotate(95deg);

}



.tile-sm .tile-icon {

   padding-top:0px;

}

.navbar, .navbar-inverse .navbar-collapse {
    background: #ffffff !important;
}

.navbar-text.form-title {
    background: #ffffff !important;
    color: #1f1646 !important;
    font-family: 'VIC-Semibold';
    padding-left: 40px;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
    text-shadow: none !important;
}
.navbar-inverse .navbar-nav > li > a, .navbar-text {
    color: #1F1646 !important;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent !important;
    border-bottom: none;
}


.navigationbtn {
    background-color:#1F1646;
}


/*---- TABLE STYLING ----*/


.btn-info {
    color: #ffffff !important;
    background-color: #642667;
    border-color: none !important;
    background-image: none !important;
}


.l-table {
    display: table;
    width: 100%;
}
.question-label h1 {
    color: #1f1646 !important;
}

.l-cell.lccell {
    width: 25%;
    table-layout: fixed;
}
.btn.btn-info {
    width: 100%;
}
input#hid_DataGridSetup, input#hid_ExpandedIndices {
    display: none;
}


/*-- Expand / Collapse --*/
a#expandall, a#collapseall {
    margin-right: 10px;
    text-decoration: none;
}


/*
.question-group .question-text {
    width: 50%;
    float: left;
}

div#grdData_Q19_wrapper .row .col-sm-6, div#grdData_Q70_wrapper .row .col-sm-6,
div#grdData_Q20_wrapper .row .col-sm-6
 {
    width: 50%;
    float: right;
    padding-top: 12px;
}*/


#Q83 a {
    padding: 0px !important;
    display: inline;
    color: #6F6F6F;
}
#Q83 a:hover {
    color: #642669 !important;
    background: none;
}

.lc .question-group .question-label a {
    white-space: normal;
    padding: 20px 10px;
    min-height: 80px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: bold;
    border: 0px;
}

.btn-info:focus, .btn-info:hover {
    background-color: #1f1446;
    background-position: 0 -15px;
}
.lc .question-group .question-label a.disabled {
    background: #cccccc;
    text-decoration: none;
    pointer-events: none;
    color: #777777 !important;
    text-shadow: none !important;
    opacity: 1;
    border: 0px;
}
button#labelQ5, button#labelQ37, button#labelQ38, button#labelQ45 {
    padding: 20px;
    border: none;
    min-width:350px !important;
    text-align:center !important;
}
button#labelQ38 .tile-content:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: '\f01e';
    font-size: 24px;
    vertical-align: middle;
}
button#labelQ45 .tile-content:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: '\f01e';
    font-size: 24px;
    vertical-align: middle;
}
button#labelQ37 .tile-content:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: '\f007';
    font-size: 24px;
    vertical-align: middle;
}
button#labelQ5 .tile-content:before {
    content: '\F044';
    margin-right: 10px;
    font-family: FontAwesome;
    font-size: 24px;
    vertical-align: middle;
}


div#Q16 a, div#Q60 a {
    background: #1f1646;
    color: #ffffff !important;
    font-weight: bold;
}
div#Q16 a:hover, div#Q60 a:hover {
    background: #642669;
    color: #ffffff;
    font-weight: bold;
}
div#Q79 a {
    text-decoration: underline;
    color: blue;
}

/*---- PAGINATION ----*/

.pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li:first-child > a:hover, .pagination > li > a:hover {
    color: #000000 !important;
    background-color: #d9d9d9 !important;
    border-color: #dddddd !important;
}

/*---- DATE SELECTOR ----*/
.ui-state-disabled span {
    color: #999999 !important;
    background: #e4e4e4 !important;
    cursor: no-drop;
}

.ui-state-disabled span:hover {
    color: #999999 !important;
    background: #e4e4e4 !important;
    cursor: no-drop;
}

/*---- DISABLED BUTTONS STYLING ----*/

.btn-default[disabled] {
    background-color: #e0e0e0 !important;
    border: 2px solid #aaaaaa !important;
    color: #aaaaaa !important;
}
.btn-default[disabled]:hover {
    background-color: #e0e0e0 !important;
    border: 2px solid #aaaaaa !important;
    color: #aaaaaa !important;
}