html {
    height: 100%;
    font-family: Arial;
    font-size: 12px;
}

iframe {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border: none;
}

body {
}

table {
    border-spacing: 0px;
}

.Container {
    width: 90%;
    height: 100%;
    padding: 0px;
    position: relative;
    margin: 0 auto;
    background-color: #FFFFFF;
}

.Content {
    width: 100%;
    padding: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ClearTable, .ClearTableForm {
    width: 100%;
    border: none;
    margin: 0px;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ClearTableForm {
    color: #005073;
}

    .ClearTableForm td:nth-child(odd) {
        padding-left: 16px;
        vertical-align: middle;
        width: 30%;
    }

    .ClearTableForm td:not(.BlockHeader) {
        height: 42px;
    }

.ReqField {
    vertical-align: middle;
    color: red;
    font-size: 12px;
}

.Note {
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    font-size: 8.5pt;
}

#ProgressBar, .ProgressBar {
    padding: 2px;
    border: 2px solid #EAEAEA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
}

.orgtab {
    /*Gradient*/
    background: #9cbe16; /* Old browsers */
    background: -moz-linear-gradient(top, #a6c820 0%, #9cbe16 25%, #9cbe16 75%, #92b40c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6c820), color-stop(25%,#9cbe16), color-stop(75%,#9cbe16), color-stop(100%,#92b40c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a6c820 0%,#9cbe16 25%,#9cbe16 75%,#92b40c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a6c820 0%,#9cbe16 25%,#9cbe16 75%,#92b40c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a6c820 0%,#9cbe16 25%,#9cbe16 75%,#92b40c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a6c820 0%,#9cbe16 25%,#9cbe16 75%,#92b40c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c820', endColorstr='#92b40c',GradientType=0 ); /* IE6-9 */
    /*Text*/
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}

.ProgressBar .orgtab {
    padding: 5px;
    width: 70%;
}

.BlockHeader {
    /*Gradient*/
    background: #000436 !important;
    background: -moz-linear-gradient(top, #000436 0%, #207cca 49%, #80bbe9 100%) !important;
    background: -webkit-linear-gradient(top, #000436 0%,#207cca 49%,#80bbe9 100%) !important;
    background: linear-gradient(to bottom, #000436 0%,#207cca 49%,#80bbe9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000436', endColorstr='#80bbe9',GradientType=0 ) !important;
    /*Round Edges*/
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    /*Text*/
    padding: 11px 8px 6px 8px !Important;
    color: #FFFFFF;
    font-family: gotham book, Arial;
    /*text-decoration: underline;*/
    font-weight: bold;
}

    .BlockHeader td:first-child {
        /*Round Edges*/
        -webkit-border-radius: 4px 0px 0px 0px;
        -moz-border-radius: 4px 0px 0px 0px;
        border-radius: 4px 0px 0px 0px;
    }

    .BlockHeader td:last-child {
        /*Round Edges*/
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px;
        border-radius: 0px 4px 0px 0px;
    }

.TextHeader {
    /*Text*/
    color: #005073;
    font-family: gotham book, Arial;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}


/**** ____ Arrows ____ ****/
.blueArrow, .greyArrow {
    background-image: none !important;
    position: relative;
    height: 10px !important;
    width: 7px !important;
    margin: 4px;
}

    .blueArrow:after, .blueArrow:before,
    .greyArrow:after, .greyArrow:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .blueArrow:after, .greyArrow:after {
        border-width: 8px;
        margin-top: -8px;
    }

    .blueArrow:before, .greyArrow:before {
        border-width: 12px;
        margin-top: -12px;
    }

.blueArrow {
    background: #52A5DC;
    border: 3px solid #52A5DC;
}

    .blueArrow:after {
        border-left-color: #52A5DC;
    }

    .blueArrow:before {
        border-left-color: #52A5DC;
    }

.greyArrow {
    background: #9D9C9C;
    border: 3px solid #9D9C9C;
}

    .greyArrow:after {
        border-left-color: #9D9C9C;
    }

    .greyArrow:before {
        border-left-color: #9D9C9C;
    }


/**** ____ Inputs ____ ****/
/*input[type="text"], select, textarea {
    color: #545454;
    background-color: #ffffff;
    border: solid 1px #D9E7F4;
    padding: 3px;
}*/
/*select { 
    width: 258px;
    height: 28px; 
}*/
/*input[type="text"] { 
    width: 258px; 
    height: 28px; 
}*/

input[type="checkbox"], input[type="radio"] {
    width: initial;
    height: initial;
}

textarea {
    width: 258px;
}

/**** ____ Buttons ____ ****/
.btnBlue, .btnGrey {
    /*Transition*/
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
    /*Element*/
    width: initial;
    padding: 0px 6px;
    min-width: 80px;
    min-height: 28px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    /*Text*/
    font-family: gotham light, Arial;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.btnBlue {
    /*Gradient*/
    background: #000436; /* Old browsers */
    background: -moz-linear-gradient(top, #000436 0%, #000436 25%, #000436 75%, #000436 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000436), color-stop(25%,#000436), color-stop(75%,#000436), color-stop(100%,#000436)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000436 0%,#000436 25%,#000436 75%,#000436 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000436 0%,#000436 25%,#000436 75%,#489bd2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000436 0%,#000436 25%,#000436 75%,#000436 100%); /* IE10+ */
    background: linear-gradient(to bottom, #000436 0%,#000436 25%,#000436 75%,#489bd2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cafe6', endColorstr='#489bd2',GradientType=0 ); /* IE6-9 */
    border: 1px solid #52A5DC;
    color: #FFFFFF;
}

    .btnBlue:hover {
        background: #5cafe6; /* Old browsers */
        background: -moz-linear-gradient(top, #66b9f0 0%, #5cafe6 25%, #5cafe6 75%, #52a5dc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66b9f0), color-stop(25%,#5cafe6), color-stop(75%,#5cafe6), color-stop(100%,#52a5dc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #66b9f0 0%,#5cafe6 25%,#5cafe6 75%,#52a5dc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #66b9f0 0%,#5cafe6 25%,#5cafe6 75%,#52a5dc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #66b9f0 0%,#5cafe6 25%,#5cafe6 75%,#52a5dc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #66b9f0 0%,#5cafe6 25%,#5cafe6 75%,#52a5dc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b9f0', endColorstr='#52a5dc',GradientType=0 ); /* IE6-9 */
    }

    .btnBlue:active {
        background: #489bd2; /* Old browsers */
        background: -moz-linear-gradient(top, #52a5dc 0%, #489bd2 25%, #489bd2 75%, #3e91c8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a5dc), color-stop(25%,#489bd2), color-stop(75%,#489bd2), color-stop(100%,#3e91c8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #52a5dc 0%,#489bd2 25%,#489bd2 75%,#3e91c8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #52a5dc 0%,#489bd2 25%,#489bd2 75%,#3e91c8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #52a5dc 0%,#489bd2 25%,#489bd2 75%,#3e91c8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #52a5dc 0%,#489bd2 25%,#489bd2 75%,#3e91c8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a5dc', endColorstr='#3e91c8',GradientType=0 ); /* IE6-9 */
    }

.btnGrey {
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #e4e4e4 25%, #e4e4e4 75%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(25%,#e4e4e4), color-stop(75%,#e4e4e4), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#e4e4e4 25%,#e4e4e4 75%,#dadada 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#e4e4e4 25%,#e4e4e4 75%,#dadada 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#e4e4e4 25%,#e4e4e4 75%,#dadada 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#e4e4e4 25%,#e4e4e4 75%,#dadada 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
    border: 1px solid #e4e4e4;
    color: #555555;
}

    .btnGrey:hover {
        background: #eeeeee; /* Old browsers */
        background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 25%, #eeeeee 75%, #e4e4e4 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(25%,#eeeeee), color-stop(75%,#eeeeee), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 25%,#eeeeee 75%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f8f8f8 0%,#eeeeee 25%,#eeeeee 75%,#e4e4e4 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f8f8f8 0%,#eeeeee 25%,#eeeeee 75%,#e4e4e4 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f8f8f8 0%,#eeeeee 25%,#eeeeee 75%,#e4e4e4 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
    }

    .btnGrey:active {
        background: #dadada; /* Old browsers */
        background: -moz-linear-gradient(top, #e4e4e4 0%, #dadada 25%, #dadada 75%, #d0d0d0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(25%,#dadada), color-stop(75%,#dadada), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e4e4e4 0%,#dadada 25%,#dadada 75%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e4e4e4 0%,#dadada 25%,#dadada 75%,#d0d0d0 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e4e4e4 0%,#dadada 25%,#dadada 75%,#d0d0d0 100%); /* IE10+ */
        background: linear-gradient(to bBlockHeaderottom, #e4e4e4 0%,#dadada 25%,#dadada 75%,#d0d0d0 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
    }


.info, .success, .warning, .errorDiv, .validation {
    border: 0px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family: OpenSans;
    font-size: 13px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../../images/formationalmessages.jpg);
}

.info_text {
    font-family: OpenSans;
    font-size: 13px;
    color: #00529B;
    font-weight: normal;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url(../../images/SuccessMessages.jpg);
    text-align: left;
}

.success_text {
    font-family: OpenSans;
    font-size: 13px;
    color: #4F8A10;
    font-weight: normal;
    text-align: left;
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../../images/WarningMessages.jpg);
    text-align: left;
}

.warning_text {
    font-family: OpenSans;
    font-size: 13px;
    color: #9F6000;
    font-weight: normal;
    text-align: left;
}

.errorDiv {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../../images/ErrorMessages.jpg);
    font-family: OpenSans;
    font-size: 13px;
    color: #D8000C;
    font-weight: normal;
    text-align: left;
}

.error_text {
    font-family: OpenSans;
    font-size: 13px;
    color: #D8000C;
    font-weight: normal;
    text-align: left;
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../../images/validation.png);
}

.validation_text {
    font-family: OpenSans;
    font-size: 13px;
    color: #D63301;
    font-weight: normal;
    text-align: left;
}

.logo1 {
    width: 160px;
    height: 52px;
    float: left;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 18px;
}

.appformheaderpos {
    position: sticky;
    top: 0;
    z-index: 100;
}

.appformfooter {
    background: #f1f1f1;
    width: 100%;
    height: 50px;
    position: sticky;
    bottom: 0;
    left: 0;
}

.appformsubheader {
    text-align: left !important;
    padding: 10px;
    font-size: 20px;
    font-family: OpenSansBold;
    color: #000436;
    margin-left: 50px;
}

.appformmandatory {
    /*width: 100%;*/
    text-align: left !important;
    padding-left: 40px;
    font-size: 14px;
    font-family: OpenSans;
    color: #000436;
}

.appformsecureNote {
    /*width: 100%;*/
    text-align: left !important;
    padding-left: 40px;
    font-size: 16px;
    font-family: OpenSans;
    color: #000436;
}

.appformforget {
    width: 100%;
    text-align: left !important;
    padding-left: 65px;
    font-size: 14px;
    font-family: OpenSans;
    color: #0b0c0c;
    text-decoration: underline;
}

.appformNote {
    width: 100%;
    text-align: left !important;
    padding-left: 0px;
    font-size: 14px;
    font-family: OpenSans;
    color: #0b0c0c;
}

.appformdisclaimer {
    width: 100%;
    text-align: left !important;
    padding-left: 100px !important;
    padding-right: 35px !important;
    font-size: 14px;
    font-family: OpenSans;
    color: #000436;
}

.appformtextBoxdiv {
    text-align: left !important;
    font-size: 18px;
    font-family: OpenSans;
    color: #000436;
    padding: 5px;
}

.appformLabeldiv {
    text-align: left !important;
    font-size: 18px;
    font-family: OpenSans;
    color: #000436;
    padding-left: 30px;
    font-weight: normal;
}

.appformcontrol {
    Height: 40px;
    Width: 95%;
    color: #8c8c8c;
    font-size: 18px;
    font-family: OpenSans;
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #F1F1F1;
    padding-left: 13px;
    /*padding-top:10px;*/
}

.appformstartcontrol {
    Height: 40px;
    Width: 310px;
    color: #8c8c8c;
    font-size: 18px;
    font-family: OpenSans;
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #F1F1F1;
    padding-left: 13px;
    /*padding-top:10px;*/
}

.appformcalendarcontrol {
    Height: 40px;
    Width: 88%;
    color: #8c8c8c;
    font-size: 18px;
    font-family: OpenSans;
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #F1F1F1;
    padding-left: 13px;
    /*padding-top:10px;*/
}

.appformtxtstart {
    height: 40px !important;
    width: 10px !important;
    background-color: #000436 !important;
    position: absolute !important;
}

.appformbutton {
    Height: 45px;
    Width: 90%;
    background-color: #000436;
    border: none;
    color: white;
    font-family: OpenSansBold;
    font-size: 17px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.appformheader {
    width: 100%;
    height: 75px;
    vertical-align: top;
    background: rgb(255,255,255) !important;
    background: -moz-linear-gradient(273deg, rgba(255,255,255,1) 0%, rgba(0,4,54,1) 0%, rgba(0,10,117,1) 50%, rgba(0,18,219,1) 100%) !important;
    background: -webkit-linear-gradient(273deg, rgba(255,255,255,1) 0%, rgba(0,4,54,1) 0%, rgba(0,10,117,1) 50%, rgba(0,18,219,1) 100%) !important;
    background: linear-gradient(273deg, rgba(255,255,255,1) 0%, rgba(0,4,54,1) 0%, rgba(0,10,117,1) 50%, rgba(0,18,219,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#0012db",GradientType=1) !important;
    /*background: #0012db !important;*/
}


.appformheaderchargesview {
    width: 100%;
    height: 75px;
    vertical-align: top;
    background: #000B75 !important;
 
}

.appformbuttoncontrol {
    width: 100%;
    text-align: center !important;
    padding: 20px;
    font-size: 20px;
    font-family: OpenSansBold;
    color: #000436;
}

.appformSpan {
    font-size: 17px;
    font: inherit;
    color: #000436 !important;
}

.appformsavebutton {
    Height: 40px;
    Width: 50%;
    background-color: #000436;
    border: none;
    color: white;
    font-family: OpenSansBold;
    font-size: 17px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    float: right;
}

.appformbackbutton {
    Height: 40px;
    Width: 40%;
    background-color: #949191;
    border: none;
    color: white;
    font-family: OpenSansBold;
    font-size: 17px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.appformcontinuebutton {
    Height: 40px;
    Width: 25%;
    background-color: #000436;
    border: none;
    color: white;
    font-family: OpenSansBold;
    font-size: 17px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    float: left;
}

.appformverifybutton {
    Height: 40px;
    Width: 50%;
    background-color: #000436;
    border: none;
    color: white;
    font-family: OpenSansBold;
    font-size: 17px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.appformcartbutton {
    Height: auto;
    background-color: #000436;
    border: none;
    color: white;
    font-family: OpenSansBold;
    font-size: 17px;
    padding-right: 15px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.appformfinishbutton {
    Height: 40px;
    Width: 25%;
    background-color: #000436;
    border: none;
    color: white;
    font-family: OpenSansBold;
    font-size: 17px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    float: left;
    margin-top: -10px;
}

.RadPicker_Default .rcCalPopup, .RadPicker_Default .rcTimePopup {
    display: block;
    overflow: hidden;
    background-color: transparent;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0 !important;
    width: 30px !important;
    height: 30px !important;
}

.appformCalendar {
    float: right;
    margin-right: 15px;
    margin-top: -40px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #000436;
}
.appformWarwickCalendar {
    margin-left: 279px;
    margin-top: -39px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #000436;
}

.appformcheckbox label {
    margin-left: 10px;
    font-weight: 500;
    padding-top: 10px;
}

.appformgridheader {
    background: #000a75 !important;
    color: white !important;
}

.appformaddonsgridheader {
    background: #000a75 !important;
    color: white !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.appformbundlesgridheader {
    background: #000a75 !important;
    color: white !important;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.appformradio input[type="radio"] {
    margin-right: 5px;
    margin-top: 20px;
}

.appformsummaryheader {
    background: #000a75 !important;
    color: white !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: OpenSans;
    font-size: 16px;
}

.appformpaymentheader {
    background: #e4e4e4 !important;
    color: white !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: OpenSans;
}

.appformpaddingLR {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-family: OpenSans;
    font-size: 16px;
}

.appformcheckboxsummary label {
    margin-left: 10px;
    font-weight: 500;
}

.appformtotal {
    padding-left: 15px;
    font-weight: bold;
    font-size: 16px !important;
    font-family: OpenSans !important;
}

.appformRoomSelButton{
    background-color:#000436!important;
}
.appPayicon {
    padding-left: 50px;
    color: #000436;
}
/** PRS APPLICATION FORM **/
.appformfontAwesome{
    color: #000436;
}
.appformprsmainheader {
    text-align: center !important;
    padding: 20px;
    font-size: 30px;
    font-family: OpenSansBold;
    color: #000436;
}
.appformenqtitle {
    text-align: center !important;
    padding: 20px;
    font-size: 20px;
    font-family: OpenSansBold;
    color: #000436;
}
.appformenqemail {
    height: 50px;
    width: 10px;
    background-color: #000436;
    position: absolute;
}
.appformenqtextbox {
    font-size: 20px;
    font-family: OpenSans;
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #F1F1F1;
    padding-left: 25px!important;
    z-index: 100;
}
.appformprsenqmandatory {
    width: 100%;
    text-align: center !important;
    padding: 10px;
    font-size: 15px;
    font-family: OpenSans;
    color: #000436;
}
.appformprsmainbutton {
    background-color: #000436;
    border: none;
    color: white;
    font-family: OpenSansBold;
    font-size: 20px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.appformliteral{
    padding-left: 50px!important; 
    padding-top: 10px
}
.appformRowHeader{
    width: 100%!Important;
     margin-left: 0px!important;
      margin-right: 0px!important;
}
.appformmobilemessage{
    font-family: OpenSans; 
    font-size: 12px!important; 
    color: #000436;
}
.appformPRSResidentHeader {
    text-align: left !important;
    padding: 10px;
    font-size: 20px;
    font-family: OpenSansBold;
    color: #000436;
    margin-left: 50px;
}
.appformgridCalendar {
    float: right!important;
    margin-right: 10px!important;
    margin-top: -3px!important;
    position: relative!important;
    z-index: 1!important;
    cursor: pointer!important;
    color: #000436!important;
}
.appprsConfirmation{
    text-align: left!important;
     padding: 10px;
      font-size: 18px;
       font-family: OpenSans;
        color: #000436;
         margin-left: 50px;
}

.usrRoomheaderDetails {
    border: 4px solid #000436;
    padding: 5px;
    color: white;
    background-color: #000436;
}

.usrgrdRowHeader {
    background-color: #f1f1f1;
    color: #000436;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

.usrgrdApartmentHeader {
    color: #000436;
    font-weight: 800;
}

ul#wizardStatus {
    padding-left: 5px;
}

/*ResponseSage */
 .ResponseSageBackground{

        background-color: #e4e4e4!important;
        overflow-x: hidden;
    }

    .MargintopInverse{

        margin-top: -20px!important;

    }
    .MinHeight{
        min-height: 500px !important;

    }

.w-100 {
    width: 100%;
}


.h-50 {
    height: 50%;
}
.pt-15, .py-15 {
    padding-top: 15px !important;
}

.pl-50, .px-50 {
    padding-left: 50px !important;
}

.pl-75, .px-75 {
    padding-left: 75px !important;
}

.pl-90, .px-90 {
    padding-left: 90px !important;
}



@media (max-width: 1100px) {
    ul#wizardStatus li {
        background-color: white;
        color: #3d4c4f;
        display: inline-block;
        margin-right: 5px;
        font-size: 10px;
        padding: 15px;
        position: relative;
        font-family: OpenSandBold;
        width: 180px;
        height: 40px;
    }

        ul#wizardStatus li.current:first-child {
            color: white;
            text-align: center;
            position: relative;
            background: #000436;
        }

            ul#wizardStatus li.current:first-child:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 0px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.current:first-child:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid #000436;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

        ul#wizardStatus li.hollow:first-child {
            position: relative;
            background: #f1f1f1;
            color: #8c8c8c;
            text-align: center;
        }

            ul#wizardStatus li.hollow:first-child:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 0px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.hollow:first-child:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid #f1f1f1;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

        ul#wizardStatus li.current {
            position: relative;
            background: #000a75;
            color: white;
            text-align: center;
        }

            ul#wizardStatus li.current:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.current:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid #000a75;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

        ul#wizardStatus li.hollow {
            position: relative;
            background: #f1f1f1;
            color: #8c8c8c;
            text-align: center;
        }

            ul#wizardStatus li.hollow:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.hollow:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid #f1f1f1;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

        ul#wizardStatus li.current:last-child {
            background: #0012db;
            position: relative;
            color: white;
            text-align: center;
        }

            ul#wizardStatus li.current:last-child:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.current:last-child:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 0px solid #0012db;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

        ul#wizardStatus li.hollow:last-child {
            position: relative;
            background: #f1f1f1;
            color: #8c8c8c;
            text-align: center;
        }

            ul#wizardStatus li.hollow:last-child:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.hollow:last-child:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 0px solid #f1f1f1;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

    div.AppMenu {
        width: 150px;
        text-align: center;
    }
}

@media (min-width: 1101px) {
    ul#wizardStatus li {
        background-color: white;
        color: #3d4c4f;
        display: inline-block;
        margin-right: 5px;
        font-size: 13px;
        padding: 10px;
        position: relative;
        font-family: OpenSandBold;
        width: 180px;
        height: 40px;
    }

        ul#wizardStatus li.current:first-child {
            color: white;
            text-align: center;
            position: relative;
            background: #000436;
        }

            ul#wizardStatus li.current:first-child:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 0px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.current:first-child:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid #000436;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }


        ul#wizardStatus li.hollow:first-child {
            position: relative;
            background: #f1f1f1;
            color: #8c8c8c;
            text-align: center;
        }

            ul#wizardStatus li.hollow:first-child:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 0px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.hollow:first-child:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid #f1f1f1;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }



        ul#wizardStatus li.current {
            position: relative;
            background: #000a75;
            color: white;
            text-align: center;
        }

            ul#wizardStatus li.current:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.current:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid #000a75;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

        ul#wizardStatus li.hollow {
            position: relative;
            background: #f1f1f1;
            color: #8c8c8c;
            text-align: center;
        }

            ul#wizardStatus li.hollow:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.hollow:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid #f1f1f1;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

        ul#wizardStatus li.current:last-child {
            background: #0012db;
            position: relative;
            color: white;
            text-align: center;
        }

            ul#wizardStatus li.current:last-child:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.current:last-child:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 0px solid #0012db;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

        ul#wizardStatus li.hollow:last-child {
            position: relative;
            background: #f1f1f1;
            color: #8c8c8c;
            text-align: center;
        }

            ul#wizardStatus li.hollow:last-child:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 10px solid white;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

            ul#wizardStatus li.hollow:last-child:before {
                content: "";
                position: absolute;
                right: -10px;
                bottom: 0;
                width: 0;
                height: 0;
                border-left: 0px solid #f1f1f1;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }

    div.AppMenu {
        width: 180px;
        text-align: center;
    }
}