﻿/* Generic Styles */

#container { background-color: #fff; padding-right: var(--bs-gutter-x,0rem);
    padding-left: var(--bs-gutter-x,0rem); max-width: 1000px}
#container .Content { background:#fff; }
#Inner { padding:20px 20px 20px 20px; }
#container #Inner .progbar { padding:10px 0; text-align:center; width:100%; }
#container .Section { background-color:#d6000d; color:#fff; display:block; font-size:14px; font-weight:bold; padding: 10px 10px 10px 10px; overflow: auto;}
#container .Section #SecTitle { float:left; }
#container .Section #logout { float:right; padding:0 0 0 10px; }
#container .Section #logout p { padding:0; }
#header { float:none; }
#container .Content #title { float:none; width:auto; }
#container #Inner h1 { color:#d6000d; font-size: 1.4em; font-weight: bold; margin: 10px 0; padding: 0; }
#container #Inner h2 { font-size: 1.2em; font-weight: bold; color:#d6000d; padding:10px 0 0 0; } /* Suzanne, 23/02/17 - added color */
#container #Inner h3 { color:#d6000d; font-size: 1.1em; font-weight: bold; }
#container #Inner #content { float:none;/* padding:0;*/ width:auto; }
#container #Inner #content h2 { margin-top:15px; }
#container #Inner #content table { border-collapse:collapse; color: #6F7071;}
#container #Inner #content  hr { border-color:#ccc; border-style:solid; border-width:1px 0 0; clear:both; height:0; margin:10px 0; }
#container #Inner .button-right,
#container #Inner .CallToAction,
#container #Inner .button-left.Theme { background-color:#D6000D; border:none; border-radius:3px; -webkit-border-radius:3px; color:#fff; cursor:pointer; font-size:11px; padding:3px 20px; text-transform:lowercase; }
#container #Inner .button-right:hover, #container #Inner .CallToAction:hover, #container #Inner .button-left.Theme:hover { background-color:#003E7E; }
#container #Inner .CallToAction { background-color:#8F0E20; display:block; font-size:14px; margin:10px auto; padding:6px 25px; }	/* Suzy, 08/01/18 - #003E7E*/
#container #Inner .CallToAction:hover { background-color:#4A4A4A; box-shadow: 5px 6px 6px 2px #e9ecef; transform: scale(1.1);}		/* Suzy, 08/01/18 - #D6000D*/
#container #Inner .CallToActionHyperLink:hover { text-decoration:none; }
#container #Section #logout { float:right; padding:0 0 0 10px; }
#container #KXError { display:block; margin:10px 0;}
#container #Inner table.display td { padding:0; }
#container #Inner .FormReset { margin:0 auto; padding:0; width:95%; }
#container #Inner .FormReset table td { float:none; width:auto !important; } /*to overwrite inline style*/
#container #Inner .FormReset table td.content { background:none; padding-right:30px; width:400px !important;  }
#container #Inner .FormReset table td.label { width:316px !important; }
#container #Inner .FormReset table td label, #container #Inner .VertRadioRow td label, #container #Inner table.ApplicationIntroTable tr td.Gender table tr td label,
#container #Inner div#content table.content2 tr td label, #container #Inner td.content.ApplicationConfirmation label, #container #Inner #content .ApplicationConfirmation label { padding-left:5px; }
#container #Inner table table { border-collapse:collapse; margin:0; padding:0; width:auto; }
#container #Inner table.CarParkingRequired tr td table tr td { padding:0 20px 0 0; }
#container #Inner table table td:first-child { padding-right:10px; }
#container #Inner .RadioRow table { margin:0 auto; }
#container #Inner .RadioRow table td { padding: 0; text-align: center; }
#container #Inner .RadioRow table td:first-child { padding: 0; }
#container #Inner .formLayout .RadioRow td, #container #Inner .formLayout .RadioRow td:first-child { padding: 5px 0 10px 0; }
#container #Inner .formLayout .label { /*color: #333;*/ font-size: 14px; text-align: left; }
#container #Inner .Location .RadioRow { margin: 20px 0; text-align: center; width: 100%; }
#container #Inner .Navigation { clear: both; margin-top: 10px; text-align: center; }
#container #Inner .Navigation.NoClear { clear:none; }
#container #Inner .button-right { background-color:#8F0E20; float:right; font-size:14px; margin-right: 0; padding:5px 20px; }	/* Suzy, 08/01/18 - #003E7E */
#container #Inner .button-right:hover { background-color:#4A4A4A; box-shadow: 5px 6px 6px 2px #e9ecef; transform: scale(1.1); }		
#container #Inner .button-left { float:left; }
#container #Inner .formLayout.RadioList.FormReset td { padding: 5px 0; }
#container #Inner p.center { padding: 0; text-align: center; }
#container #Inner > table.RootTable, #Inner fieldset table { border-collapse: collapse; margin: 10px 20px; padding: 0; }
#container #Inner > table td > h2, #container #Inner #content table.RootTable h2 { background-color: #8F0E20; color: #fff; font-weight: normal; margin: 0 0 10px 0; padding: 8px 2%; font-size:1.1em; }
#container #Inner ol li > table { width: 45%;}
#container #Inner .RootTable { background-color: #EFEEE9; }
#container #Inner .RootTable.TableSpacer { margin: 0 2% 20px 2%; width: 96%; }
#container #Inner .RootTable > tbody > tr:first-child > td { padding: 0; }
#container #Inner .RootTable > tbody > tr > td { padding: 0 20px; }
#container #Inner table table.Location, #container #Inner fieldset table.Location  { margin: 15px 0; }
#container #Inner table table td, #container #Inner .RootTable tr td:first-child { vertical-align: top; }
#container #Inner #content > table { width: 100% }
#container #Inner .VertRadioRow td { padding: 0 0 10px 0; }
#container #Inner fieldset { background-color: #EFEEE9; border: none; margin: 15px auto; padding: 0; } /* Suzanne, 23/02/17 - was margin: 35px auto; */
#container #Inner fieldset table td { padding: 0; }
#container #Inner fieldset legend { background-color: #d6000d; color: #fff; font-size: 1em; font-weight: bold; margin: 0; padding: 5px 0; width: 100%; }
#container #Inner fieldset legend span { display: block; margin-left: 10px; }
#container #Inner fieldset fieldset legend { background: none; color:#6F7071; display: inline; margin-right: 4%; float: left; font-weight: bold; padding: 0; width: 30%;  }
#container #Inner fieldset#Access { background: none; border: none; margin: 20px auto; padding-bottom: 0; }
#container #Inner fieldset#Access label { margin: 0 2% 0 0; width: 50%;}
#container #Inner fieldset#Access .Reject { margin: 0 2% 0 0; width: 60%;}
#container #Inner fieldset#Access legend { display: none; }
#container #Inner fieldset label, #container #Inner fieldset span.Login { display: inline-block; float:left; /*margin-right: 2%;*//* width: 30%;*/ }
#container #Inner fieldset span.Login { font-weight:bold; /*width:15%;*/ }
#container #Inner fieldset > label { margin: 10px 20px; width: auto; }
#container #Inner fieldset input[type=text], 
#container #Inner fieldset input[type=password] { padding: 5px; /*width: 45%; */}
#container #Inner fieldset ol { margin: 0 2%; padding: 15px 0; }
#container #Inner fieldset li { clear:both; list-style: none; }
#container #Inner fieldset table td.TableIntro { padding: 15px 0; }
#container #Inner .signInBox { border: none; width: 100%; }
#container #Inner .submitBtn.CallToAction { float: none; }
#container #Inner .errorMessageHome, #container #Inner .errorMessage { margin: 0; padding: 0; }
#container .clear { clear:both; }
#container #Inner #FormReset { margin:0 auto; padding:0; width:95%; }
#container #Inner #FormReset table td.RadioLabel { background:none; width:400px !important; padding-right:30px; vertical-align:top; }
#container #Inner #content .Spacer { margin-top:20px; }
#container #Inner #content .Spacer input[type=text] { margin-right:10px; }
/* Page Overrides*/
/*Create Account - validateqstudent.aspx */
#container #Inner .Navigation.StudentVal { text-align: left; }
#container #Inner .CreateAccount table { width: 95%; }
#container #Inner .CreateAccount table td { padding: 5px 0; vertical-align: top; }
/*Error Page - validationfailed.aspx */
#container #Inner.ErrorPage .content { padding: 0; }
/*Create Login Page - createlogin.aspx */
#container #Inner fieldset.CreateLogin ol li table { margin: 0; width: 100%; }
#container #Inner fieldset.CreateLogin ol li table td { padding: 5px 0; }
#container #Inner fieldset.CreateLogin ol li table td.label { width: 230px; }
#container #Inner fieldset.CreateLogin ol li table td#Password { padding-top: 25px; }
/*login.aspx */
#container #Inner fieldset ol li p { color: #555; text-align: left; }
#container #Inner fieldset ol li#Center { text-align: center; }
/*Thank you for registering - registered.aspx */
#container #Inner #content > div .CallToAction { display: inline-block; }
/*Your password has successfully been changed - resetpassworddone.aspx */
#container #Inner #content #Spacer { margin-top: 20px; text-align: center;  }
/*Your current status is: - mydetails.aspx */
/*#container #Inner #content #MyDetails { background-color: #EFEEE9; margin: 35px auto; padding: 5px 20px 10px 20px; width: 95%; }*/
#container #Inner #content #MyDetails .RootTable td { background-color: #d6000d; color: #fff; margin: 0; padding: 5px 2%; width: 96%; }
#container #Inner #content #MyDetails table table tr td:first-child { padding-right: 0; }
/* contactdetails.aspx */
#container #Inner .RootTable.ApplicationIntroTable { width: 95%; display: table;}
#container #Inner .RootTable.ApplicationIntroTable > tbody > tr > td { padding: 3px 0 3px 20px ; }
#container #Inner .RootTable.ApplicationIntroTable .NoPadding { padding: 0; }
#container #Inner .RootTable.ApplicationIntroTable input[type=text] { /*width:228px !important;*/ }
#container #Inner .Style1Table.ApplicationIntroTable input[type=text] { width:260px; }
#container #Inner .Style1Table.ApplicationIntroTable select { width:265px; }
#container #Inner table tr#Last td { padding-bottom: 20px; }
/* applicationtype.aspx */
#container #Inner.ApplicationType #FormReset table.ApplicationTypeTable td { float: none }/*to overwrite inline style*/
#container #Inner.ApplicationType #FormReset table.ApplicationTypeTable td.content { background: none; width: 400px !important; padding-right: 30px; }
#container #Inner.ApplicationType #FormReset table.ApplicationTypeTable td label { padding-left: 5px; }
/* ApplicationPreferencesReturnersUG.aspx */
#container #Inner .ApplicationPreferencesReturnersUG,
#container #Inner .ApplicationPreferencesUG { margin-top: 25px; }
#container #Inner .PrefList fieldset ol li table { margin: 0; width: auto; }
#container #Inner .PrefList fieldset ol li .prefimage { padding-right: 20px; vertical-align: top; }
#container #Inner .PrefList fieldset ol li span { display: inline-block; }
#container #Inner .PrefList fieldset ol li span:first-child { margin-right: 30px;}
#container #Inner .PrefList strong { display: block; }
/* applicationpreferencesnurses.aspx */
#container #Inner .TableIntro { margin-bottom:15px; }
/* paymentresponse.aspx */
#Inner .ErrorMessge { color:#ff0000; font-weight:bold; text-align: center; }
/* conOfferDetails.aspx - indComplete1.aspx */
#container #Inner .nav .CallToAction, #container #Inner .CallToAction.Induct { display: inline-block; }
/* conDeclineOffer.aspx + indintro2.aspx */
#container #Inner .CallToAction.Decline, #container #Inner .CallToAction.Begin { display: inline-block; margin: 0; }
/* error.aspx */
#container #Inner div.error_message { color: #900; font-size: .9em; font-weight: 500; text-align: center; }
#container #Inner h1.error_message { text-align:center; }
/* conOfferDetails.aspx */
#container #Inner .CallToAction.Continue { /*width: 150px; */}
/*ApplicationPreferencesReturnersPG.aspx*/
#container #Inner fieldset ol li fieldset.InnerField, #container #Inner fieldset ol li fieldset.InnerField table { margin: 0; }
#container #Inner fieldset ol li fieldset.InnerField table { width: 50%; }
#container #Inner fieldset ol li fieldset.InnerField table td { padding-bottom: 5px; }
#container #Inner fieldset ol li fieldset.InnerField table td input { float: left; margin-right: 10px; }
#container #Inner fieldset ol li fieldset.InnerField table td label { width: 35%; }
#container #Inner #AppPrefRetPGr { display:block; float:right; padding:0 0 0 10px; text-align:justify; width:784px; }
#container #Inner #AppPrefRetPGl { display:block; float:left; }
#container #Inner fieldset ol li div.ApplicationPreferencesReturnersPG { padding:0; }
#container #Inner fieldset ol li table.PrefTable { margin:0; width:100%; }
#container #Inner fieldset ol li table.PrefTable td, #container #Inner fieldset ol li table.AppPrefShare td { padding:5px 0; }
#container #Inner fieldset ol li table.AppPrefShare { margin:10px 0; }
/*applicationpreferencesug.aspx*/
#container #Inner .Location .RadioRow td label { float:none; padding-left:5px; width:auto; }
#container #Inner fieldset#Access .SingleLabel { font-weight:bold; }
#container #Inner .LabelShort { width:15%; }
/*Login.aspx*/
#container #Inner fieldset#Login { margin:15px auto; }
#container #Inner fieldset#Login p.label { display: block; margin: 0; width: 100%; }
/* validateqstudent.aspx */
#container #Inner .CreateAccount .label { width:430px; }
/*ApplicationPreferencesPG.aspx*/
#container #Inner div#content table.content2.TwoRadio tr td label { float:none; margin-right:15px; }
/*ApplicationPreferencesReturnersUG.aspx*/
#container #Inner .PrefList table td p strong { display:inline; }
/*ApplicationPreferencesErasmus.aspx*/
#container #Inner div#content td.FullWidth { font-size:13px; padding: 20px 0; }
/*ApplicationOptions.aspx*/
#container #Inner div#content div.FullWidth { padding: 20px 0; }
#container #Inner div#content div.FormResetLeft,
#container #Inner table#FormReset.FormResetLeft { margin:0; padding:0; width:100%; }
#container #Inner div#content div.FormResetLeft table.RadioRow td { padding:0; }
#container #Inner div#content div.FormResetLeft table.RadioRow tr.RadioSpacer td table tr td { padding-bottom:15px; text-align:left; }
#container #Inner div#content div.FormResetLeft table.RadioRow tr.RadioSpacer.InLine td table tr td { padding:0; }
#container #Inner div#content div.FormResetLeft .RadioRow table { margin:0; }
#container #Inner div#content td.Question { width:480px; }
/* IE7 */
.ie7 #Inner fieldset legend { left: -7px; position: relative; }
.ie7 #Inner > fieldset, .ie7 #Inner .PrefList > fieldset { display: block; }
.ie7 #container #Inner .RootTable.TableSpacer { width: 920px;}
/* IE7 - Login.aspx + resetpassword.aspx*/
.ie7 #container #Inner center#Image, .ie7 #container #Inner .Spacer { margin-top: 20px; }
/*IE7 - validateqstudent.aspx */
.ie7 #container #Inner .CreateAccount .label { width: auto; }
/*IE7 - confirmemail.aspx */
.ie7 #container #Inner fieldset#Access { padding:20px 0; }

/** SC 30/09/2014 - Hub page fixes **/
#container #Inner #MyDetails .RootTable { background-color: #d6000d; color: #fff; padding: 7px 5px 7px 20px; }
#container #Inner #MyDetails .centerbuttons { display: block !important; margin:auto; }

/** SC 05/03/2015 - Preference radio buttons **/
.GenderRadioBtn { margin-top: 10px !important; }
.GenderRadioBtn input { display: inline-block; float: left; margin: 2px; }
.GenderRadioBtn label { display: inline-block; margin: 0px !important; width: 200px !important; }

/** **/
.ApplicationType .apptypeRadioButtons, .disabilityRadio { width: 250px; }
.ApplicationType .apptypeRadioButtons td, .disabilityRadio td { width: 50px; }
.ApplicationType .apptypeRadioButtons input, .disabilityRadio input { margin-right: 5px; }
.disabilityLabel { display: inline-block; float: left; height: 37px; width: 500px; }
.disabilityInput { display: inline-block; height: 37px; width: 300px; }
.disabilityRadio2 td { margin: 0px 10px; }
.disabilityRadio2 input { margin-right: 7px; }

/** SC - Bank Details **/
.bankDetails p { text-align: left; }
.bankDetails p label { display: inline-block; font-weight: bold; float: left; text-align: left; height: auto; width: 30%; vertical-align: top; }
.bankDetails p input { border: 1px solid #ccc; display: inline-block; text-align: left; padding: 5px; width: 60%; }
.bankDetails p textarea { border: 1px solid #ccc; display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; padding: 5px; width: 60%; resize: none; }
.bankDetails .errorMessage { background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; display: block; font-size: 1em; margin-top: 20px !important; padding: 8px !important; } 
.bankDetails .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; font-weight: bold; margin-bottom: 20px; padding: 10px; width: 100%; box-sizing: border-box; text-align: left; }

/*Request Hub Buttons*/
.RequestButtons { width:100%; }
.HubColumn { display: inline-block; text-align:center; width:48%; }
.HubColumn input { width:370px  !important; }
.HubColumn input.disabled { background-color:Gray !important; cursor:not-allowed !important; }

/*Request Preference Buttons*/
.RequestPreference div { display: inline-block; width:35%; }
.detailsTable tr td { padding:2px;}

/*ZSOLT*/
/* GENERAL */
textarea { width: 100%!important; box-sizing: border-box; margin-top: 5px; min-height: 100px; padding: 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; resize: none; font-size: 14px!important; }
/*.errorMessage {background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442 !important; display: block; font-size: 1em; margin-top: 20px !important; padding: 8px !important; text-align:center  }*/
/*.KxError { background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442 !important; display: block; font-size: 1em; margin-top: 20px !important; padding: 8px !important; text-align:center }*/
select { cursor: pointer; padding: 5px; min-height: 30px; box-sizing: border-box; }
input[type = "text"],
input[type = "password"],
input[type = "tel"],
input[type = "text"] { box-sizing: border-box; font-size: 14px!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;}
#release label {
    padding-left: 10px;
    display: inline;
}
error-Message { text-align: center; }
/* H1 */
#container .requestReportConcern #Inner #content > p:first-child,
#container .requestNotifyAbsence #Inner #content > p:first-child,
#container .requestRoomMove #Inner #content > p:first-child,
#container .requestRelease #Inner #content > p:first-child,
#container #Inner #content.bankDetails > p:first-child {
    text-align: left;
}

/* NAVIGATION */
#container #Inner .button-right,
#container #Inner .CallToAction,
#container #Inner .button-left.Theme { min-height: 30px; width: auto; }
#container #Inner .button-left { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #ccc; cursor: pointer; text-transform: lowercase; font-size: 14px; margin-right: 0; padding: 5px 20px;  color: #888; box-sizing: border-box; text-align: center; min-height: 30px;}
#container #Inner .button-left:hover { text-decoration: none; color: black;background-color:#fff; box-shadow: 5px 6px 6px 2px #e9ecef; transform: scale(1.1); }

/* PAGE - REQUEST FOR RELEASE */
#container .requestRelease #Inner #content table td { padding-top: 10px; }
#container .requestRelease #Inner #content table td input { margin: 5px; }
#container .requestRelease #Inner #content table tr:first-child td { padding-top: 0; }
#container .requestRelease #Inner #content br+br+p+span { display: block; }
#container .requestRelease #Inner #content br+br+p+span p+p+p { }
#container .requestRelease #Inner #content br+br+p+span p+p+p input { margin-left: 22px; }

/* PAGE - REQUEST ROOM MOVE */
#container .requestRoomMove .RequestPreference { width: 100%; }
#container .requestRoomMove .RequestPreference > div { width: 49%; float: right; }
#container .requestRoomMove .RequestPreference > div:first-child { float: left; }
#container .requestRoomMove .RequestPreference select { width: 100%; }
#container .requestRoomMove select { margin-bottom: 10px; }
#container #Inner #content table td input {margin: 5px; }

/* PAGE - REQUEST NOTIFY ABSENCE */
#container .requestNotifyAbsence .detailsTable { width: 100%; table-layout: fixed; }
#container .requestNotifyAbsence .detailsTable tr:first-child { font-weight: bold; }
#container .requestNotifyAbsence .detailsTable td { position: relative; width: 49.5%; padding-left: 20px; }
#container .requestNotifyAbsence .detailsTable td input { width: 100%; }
#container .requestNotifyAbsence .detailsTable td img { position: absolute; right: -15px; top: 0; display: none; }
#container .requestNotifyAbsence .detailsTable td:first-child { padding-left: 0; width: 50.5%; }
#container .requestNotifyAbsence .detailsTable td:first-child input { width: 94%; }
#container .requestNotifyAbsence .detailsTable td:first-child img { display: block; }

/* PAGE - REQUEST Inventory */
#container .requestInventory #ContentTarget div { margin: 0; padding: 0; }
#container .requestInventory #ContentTarget ul { list-style-type: none; margin: 0; padding: 0; }
#container .requestInventory #ContentTarget ul li { margin: 0; padding: 2px 0; }
#container .requestInventory #ContentTarget h3 { margin: 5px 0; }
#container .requestInventory select { margin-bottom: 10px; }

/* DATEPICKER */
.date-picker-wrapper { left: 50%!important; width: 428px; margin-left: -229px; margin-top: 10px; text-align: center; }

/* ERROR MESSAGES */

body.KxErrorFound #container .requestReportConcern .errorMessage,
body.KxErrorFound #container .requestRelease .errorMessage,
body.KxErrorFound #container .requestRoomMove .errorMessage,
body.KxErrorFound #container .requestNotifyAbsence .errorMessage, .preferencePageError { background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; display: block; font-size: 1em; margin-top: 20px !important; padding: 8px !important; text-align:center } 
body.KxErrorFound #container .errorMessage, 
body.KxErrorFound #container .error { background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442 !important; display: block; font-size: 1em; margin-top: 5px !important; padding: 8px !important; }
.preferencePageError {margin-top: 5px !important; margin-top: 5px !important;}
.elmsVillage input {
    margin: 0px 4px;
}

.ApplicationAdditionalInformation .TwoRadio { display: block; margin: 0 0 20px 0; }
.ApplicationAdditionalInformation .TwoRadio label { cursor: pointer; margin: 0 10px; }
.ApplicationAdditionalInformation .TwoRadio input { cursor: pointer; }
.ApplicationAdditionalInformation .table tr td { border: none; }
.ApplicationAdditionalInformation .table tr td input { margin-left: 15px; }

.paymentOptions { display: block; padding:1px }
.paymentOptions input { cursor: pointer; float: left; margin-top: 14px; }
.paymentOptions label { cursor: pointer; margin: 10px; }

.appSummary h2 { border-bottom: 1px solid #ccc; padding-bottom: 2px; width: 100%; }
.appSummary .table tr td { border: 0; padding: 3px; }

td.label { color: #6F7071; display: inline-block; font-size: 0.9em; font-weight: bold; text-align: left; margin-top: 10px; vertical-align: baseline; max-width: 200px; }

#MyDetails { background-color: transparent; margin: auto; width: 95%; }
#MyDetails .hubSession { background-color: #efeee9; padding: 5px 25px; margin: 15px 0; }
#MyDetails h1 { margin: 20px auto 20px auto !important; }
.hubHR { margin: 10px auto 20px auto !important; width: 80%; }
#MyDetails .CallToAction { width: 100%; }

.ApplicationIntroTable { margin-bottom: 40px !important; }
.ApplicationIntroTable input[type=text] { padding: 5px; }
.innerExtend {
    padding: 20px 40px 20px !important;
}
.marginTop { margin-top: 5px; }
@media (max-width:767px) {


    #container #Inner fieldset span.Login {
       /* width: 40%;*/
    }

    .disabilityLabel {
        width: auto;
        height: auto;
    }

    .disabilityRadio2 td {
        display: flex;
    }

    .formLayout td {
        display: flex;
    }


    .paymentOptions label {
        cursor: pointer;
        margin-left: 20px;
        margin-top: 10px;
        display:block;
    }

    #container #Inner .RootTable.ApplicationIntroTable {
       margin: 0px;
    }

    .innerExtend {
        padding: 20px 40px 20px !important;
    }
}

#container #Inner fieldset span.Login {
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*width: 40%;*/
}
#understand label {
    display: inline;
}
.team-td {
    width: 30%;
}
.selector-for-some-widget {
    box-sizing: content-box;
}

label {
    font-weight: bold;
}
.loginInputWidth {
    width: 250px;
}
.badgeStyle {

}
.fireSafetyVdo {
    display: flex;
    justify-content: center;   
}
.containerRemovePadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.marginTop {
    margin-top:5px;
}
.marginTop {
    margin-bottom: 5px;
}
.addLeftPadding {
    padding-left: 8px !important;   
}
.ytp-cued-thumbnail-overlay-image {
    background-position: unset!important;
}
.removePadding-Top {
    padding-top: 0px !important;
}
#lifeStyle label {  margin-right:115px; }

@media (max-width:280px) {
    .loginInputWidth {
        width: 160px;
    }    

    .badgeStyle {
        width: 160px;
    }
}
@media (max-width:360px) {
    .loginInputWidth {
        width: 200px;
    }
    .badgeStyle {
        width: 200px;
    }
}
@media (max-width:990px) {
    #lifeStyle tr {
        display: inline-grid;
        padding: 10px;
    }
    #lifeStyle td {        
        padding: 5px;
    }
    #bedding td {
        padding: 5px;
    }    
}

