Microsoft Word - Assignment_2_ISY10209_2019.docx School of Business and Tourism Web Development I (ISY10209) Session 1, 2020 Assignment 2: Unit Objectives: Due Date: Weight: Submission of Continuous...

1 answer below »
I have to complete various continuous tasks on process to design a webpage.


Microsoft Word - Assignment_2_ISY10209_2019.docx School of Business and Tourism Web Development I (ISY10209) Session 1, 2020 Assignment 2: Unit Objectives: Due Date: Weight: Submission of Continuous Assessment Tasks, Topics 4 - 7 1 - 3 Week 7, Friday 24th April 2020. 15% of overall unit assessment Expected Time to Complete: 10 Hours 1. Task Description Most topics of the study guide contain continuous assessment tasks that form part of your assignments. You will complete the continuous assessment tasks for Topics 4 to 7 as your submission as your assignment 2. For your convenience I have included all of the continuous assessments as an appendix of this document. 2. Marking criteria The following marking criteria should assist you in completing your assignment. Please make sure that you address each of these items in your assignment. Have a look at the marking spreadsheet provided in the Assignments folder of the MySCU site for additional information. Correct submission: • 1% - All continuous assessment tasks must be present in properly submitted zip file. See section 8 “Assignment Submission”. Continuous Assessment to be marked (Topic 4 - 7) • Assessment 4 - 3%. • Assessment 5 - 4% • Assessment 6 - 2% • Assessment 7 - 5%. Each of the assessments will be marked for the following: • Meets all listed criteria and validates (as per the continuous assessment task) • Source code readability, accuracy (development). Note: There is no requirement to upload this assignment to the infotech.scu.edu.au server. 3. Advice You will need to start this assignment in the 4th week of semester. By working through your tutorial exercises each week, you should have more than sufficient time to complete the assignment by the due date. 4. More information All written works for continuous assessment must be word-processed. Drawings and diagrams should be word- processed or scanned into a word document. Files created in non-university standard programs cannot be accepted, as the marker may not be able to view them. If you need more information about completing this assignment, then you should contact your lecturer or your tutor. 5. Original work Your assignment must be your original work. Assignments form a major part of course work. Exchange of ideas can be considered educationally valuable; however, excessive collaboration will be regarded as plagiarism, which is a University offence. For example, the copying of significant parts of a document, even if subsequently modified, is plagiarism. Such academic dishonesty will be penalised in accordance with the University's rules and regulations. You must not copy material from books, magazines, internet sources or other students’ assignments. Of course, you may include direct quotes from any source, but these must be small (e.g. one sentence or one paragraph) and must be properly referenced, using the Harvard Referencing Style. The assessment process may require some students to attend an interview in order to explain aspects of their assignment. Plagiarism is strictly prohibited. If plagiarism is found, students may receive zero marks on that piece of assessment item. 6. Identification There is no need to hand in a hardcopy of this assignment. Ensuring that your name is in the filename of the handed-in file will be sufficient identification. 7. Retain duplicate copy Before submitting the assignment, you are advised to either photocopy or retain electronic copies of original work. In the event of any uncertainty regarding the submission of assessment items, you may be requested to reproduce a final copy. 8. Assignment submission Time: Week 7, Friday 24th April 2020. Location: Internal, Online, Sydney/Melbourne/Perth: submit via "Submit Assignments “folder" (on unit’s MySCU site). IBS and GXUST: as directed by local tutor. File Naming conventions: One zip file only with a filename = YourFirstInitialLastName_ISY10209_Ass2.zip IMPORTANT NOTE: do not include any spaces or hyphens within your filename as MySCU seems to reject files with special characters including spaces and hyphens. For assignment 2, click on the "Assignment Submission” folder in the MySCU site. Upload your assignment to the Assignment 2 submission item. You will upload your zipped folder of the continuous assessments 4-7 on or before the due date. Make sure you wait for the upload to be complete - many students end up rushing this and as a result submit a corrupted file. 9. Penalty for late submission All assessment tasks submitted during the study period will normally be marked and returned within two weeks of the required date of submission (provided that the assessment materials have been submitted by the due date). If you need an extension/special consideration for an assignment you will need to fill in the "Special Consideration for Assessment" form. If the requested extension is for more than 48 hours you will need to include some documentary proof of the reason you need the extension (i.e. doctors certificate etc.). Remember that extensions will not be granted on due dates of the assignments (except in exceptional situations) - get your request in before the assignment is due. To streamline and improve the special consideration process, new eForms have been developed that will enable students to submit an application electronically via MyEnrolment for: • Special Consideration for Assessment (extension and marking) • Special Exam Application Extensions within 24 hours of submission or following the submission deadline will not be granted (unless supported by a doctor’s certificate or where there are exceptional circumstances – this will be at the unit assessor’s discretion and will be considered on a case by case basis). A penalty of 5% of the total available grade will accrue for each 24-hour period that an assessment item is submitted late. Therefore, an assessment item worth 20 marks will have 1 mark deducted for every 24-hour period and at the end of 20 days will receive 0 marks. Students who fail to submit following the guidelines in this Unit Information Guide will be deemed to have not submitted the assessment item and the above penalty will be applied until the specified submission guidelines are followed.10. Marks and Feedback All assessment materials submitted during the semester will normally be marked and returned within two weeks of the required date of submission (provided that the assessment materials have been submitted by the due date). Marks will be made available to each student using MySCU Gradebook. Feedback comments will also be available through the Gradebook. 11. Appendix This contains all the continuous assessments associated with this assignment. Topic 4 Continuous Assessment During this session your major assignment (see Assignment 3 for details) will be to build a personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study guide will bring you closer to being able to produce this website. This topics continuous assessment forms part of your assignment 2, due in week 8. Create a new folder for your continuous assessments 4-7 and name it with your name and ISY10209_Ass2, e.g. ‘bsmart_ISY10209_Ass2’. This will be your work folder for Assign 2. Create the following folders inside this work folder: • documents - This will be your documents folder for Assignment 2. • images - This will be the folder for all images used in assessments 4-7. • css - This will be the folder for all css files used in assessments 4-7. You will be required to submit your work folder (as a zip file) to your tutor as part of your assignment 2. See the assignment folder on MySCU for additional information. 1. You will need to copy the files you created in CA3 and rename them appropriately for CA4 e.g bsmart10_CA4_index.html, bsmart10_CA4_resume.html and bsmart_CA4_web_skill.html or you can chose to start creating the pages you will reuse for your major assignment (see assignment 3 specifications). If you have reused your existing pages modify any links created earlier to work in this new file and remember to copy all images from CA3 that are in use on your pages to the new images folder. 2. Use an external CSS file to format your web site. Save this file as ‘styles_CA4.css’ in your CSS folder. Again you will need to link to this file using a relative address e.g. css/styles_CA4.css (perhaps start by copying your CA3 style sheet and rename it appropriately). You must use either a 2-column layout or 3- column layout on at least the home page (all pages if so desired). 3. Your pages must have an identical navigation bar on each page. 4. Your pages must have a logo (any reasonable image will be OK). 5. Your new CA4 home page must have your contact details and a notice stating that you have permission to use or that you are the copyright holder of all content on your site. This content must be in the ‘footer’ (not necessarily the HTML5 element - but it would work) of the page using the copyright symbol. 6. All HTML pages and your CSS file must validate. Your pages must have at least the level of formatting shown in Hands-On Practice 6.5 and 6.6 (6.4 - 7th edition text) e.g. use different colours, fonts, padding etc. Does it work as expected? Make sure to test resizing your site (reduce/increase the size of the browser window - does it work as expected?). Remember to view your site in multiple browsers (Firefox, Safari, Internet Explorer, Chrome etc.)! There are differences between the browsers!!!!! Additional video resources are available to assist you. See the How-to Video's folder on the MySCU site for this unit. Of particular use to you for this topic is: • How-to implement CSS Part 4 • How to debug and good coding style On the textbooks companion website located at: http://www.pearsonglobaleditions.com/Felke-Morris is a VideoNote that may be of assistance to you: • Interactivity with CSS pseudo-classes Topic 5 Continuous Assessment During this session your major assignment (see Assignment 3 for details) will be to build a personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study guide will bring you closer to being able to produce this website. This topics continuous assessment forms part of your assignment 2, due in week 8. Save all the files for this exercise to the folder, you have created in CA4. You will be required to submit this to your tutor as part of your assignment 2. See the assignment folder on MySCU for additional information. 1. Copy the HTML files you created in CA4 and rename them appropriately for CA5 e.g. change CA4 to CA5 in the
Answered Same DayApr 27, 2021ISY10209Southern Cross University

Answer To: Microsoft Word - Assignment_2_ISY10209_2019.docx School of Business and Tourism Web Development I...

Sanghamitra answered on May 01 2021
141 Votes
SMainali_ISY10209_Ass2/css/stylesprint_CA5.css
* { box-sizing: border-box; }
body {
    font-family:Verdana, Arial, sans-serif;
background-color: #fff;
     margin:0;
}
#wrapper { background-color: #fff;
color: #000;
width: 100%;
         margin: auto;
min-width: 960px;
         max-width: 1200px;
}
nav { display: none }    
header {
color: #00005D;
font-size: 250%;
padding: 10px 10px 10px 155px;
        background: #ffffff ;
}
h1 { margin-bottom: 20px; }
h2 { color: #869dc7;
font-family: arial, sans-serif;
}

#floatright { margin: 10px;
float: right;
}
footer { font-size:140%;
text-align: center;
         clear: right;
padding: 20px;
         background-color: #ffffff;
}
.serif {
font-family: "Times New Roman", Times, serif;
}
.sansserif {
font-family: Arial, Helvetica, sans-serif;
}
.monospace {
font-family: "Lucida Console", Courier, monospace;
}
#para1 {
text-align: center;
color: red;
}

#wrapper {
    width: 100%;
    background: #fff;
    margin: 0 auto;
}

#header {
    background: black;
    color: white;
}
#header h1{margin-left:4%;}
#column-left {
    width: 200px;
    float: left;
    background: white;
    height:1200px;
    
}

#column-center {
    width: 745px;
    float: left;
    background: white;
    padding:2%;
}
#column-center img{ display:none; }
#column-right {
    width: 235px;
    padding:8px;
    float: left;
    background: white;
    height:1200px;
}
#footer {
    background: white;
    clear:both;
}
SMainali_ISY10209_Ass2/css/stylesprint_CA6.css
* { box-sizing: border-box; }
body {
    font-family:Verdana, Arial, sans-serif;
background-color: #fff;
     margin:0;
}
#wrapper { background-color: #fff;
color: #000;
width: 100%;
         margin: auto;
min-width: 960px;
         max-width: 1200px;
}
nav { display: none }    
header {
color: #00005D;
font-size: 250%;
padding: 10px 10px 10px 155px;
        background: #ffffff ;
}
h1 { margin-bottom: 20px; }
h2 { color: #869dc7;
font-family: arial, sans-serif;
}

#floatright { margin: 10px;
float: right;
}
footer { font-size:140%;
text-align: center;
         clear: right;
padding: 20px;
         background-color: #ffffff;
}
.serif {
font-family: "Times New Roman", Times, serif;
}
.sansserif {
font-family: Arial, Helvetica, sans-serif;
}
.monospace {
font-family: "Lucida Console", Courier, monospace;
}
#para1 {
text-align: center;
color: red;
}

#wrapper {
    width: 100%;
    background: #fff;
    margin: 0 auto;
}

#header {
    background: black;
    color: white;
}
#header h1{margin-left:4%;}
#column-left {
    width: 200px;
    float: left;
    background: white;
    height:1200px;
    
}

#column-center {
    width: 745px;
    float: left;
    background: white;
    padding:2%;
}
#column-center img{ display:none; }
#column-right {
    width: 235px;
    padding:8px;
    float: left;
    background: white;
    height:1200px;
}
#footer {
    background: white;
    clear:both;
}
SMainali_ISY10209_Ass2/css/styles_CA4.css
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body {
    margin: 0
}
a {
    background-color: transparent
}
a:active {
    outline: 0
}
a:hover {
    outline: 0
}
b,
strong {
    font-weight: 700
}
h1 {
    margin: .67em 0;
    font-size: 2em
}
mark {
    color: #000;
    background: #ff0
}
small {
    font-size: 80%
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: t
extfield
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}
legend {
    padding: 0;
    border: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
td,
th {
    padding: 0
}
@media print {
    *,
    ::after,
    ::before {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000!important
    }
    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd!important
    }
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
@-ms-viewport {
    width: device-width
}
@viewport {
    width: device-width
}
html {
    font-size: 16px;
    -webkit-tap-highlight-color: transparent
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #373a3c;
    background-color: #fff
}
[tabindex="-1"]:focus {
    outline: 0!important
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}
p {
    margin-top: 0;
    margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #818a91
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}
dt {
    font-weight: 700
}
dd {
    margin-bottom: .5rem;
    margin-left: 0
}
blockquote {
    margin: 0 0 1rem
}
a {
    color: #0275d8;
    text-decoration: none
}
a:focus,
a:hover {
    color: #014c8c;
    text-decoration: underline
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
pre {
    margin-top: 0;
    margin-bottom: 1rem
}
figure {
    margin: 0 0 1rem
}
img {
    vertical-align: middle
}
[role=button] {
    cursor: pointer
}
[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
table {
    background-color: transparent
}
caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #818a91;
    text-align: left;
    caption-side: bottom
}
th {
    text-align: left
}
label {
    display: inline-block;
    margin-bottom: .5rem
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}
button,
input,
select,
textarea {
    margin: 0;
    line-height: inherit;
    border-radius: 0
}
textarea {
    resize: vertical
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}
input[type=search] {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-appearance: none
}
output {
    display: inline-block
}
[hidden] {
    display: none!important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}
h1 {
    font-size: 2.5rem
}
h2 {
    font-size: 2rem
}
h3 {
    font-size: 1.75rem
}
h4 {
    font-size: 1.5rem
}
h5 {
    font-size: 1.25rem
}
h6 {
    font-size: 1rem
}
.h1 {
    font-size: 2.5rem
}
.h2 {
    font-size: 2rem
}
.h3 {
    font-size: 1.75rem
}
.h4 {
    font-size: 1.5rem
}
.h5 {
    font-size: 1.25rem
}
.h6 {
    font-size: 1rem
}
.lead {
    font-size: 1.25rem;
    font-weight: 300
}
.display-1 {
    font-size: 6rem;
    font-weight: 300
}
.display-2 {
    font-size: 5.5rem;
    font-weight: 300
}
.display-3 {
    font-size: 4.5rem;
    font-weight: 300
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 300
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
    font-size: 80%;
    font-weight: 400
}
.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}
.list-unstyled {
    padding-left: 0;
    list-style: none
}
.list-inline {
    padding-left: 0;
    list-style: none
}
.list-inline-item {
    display: inline-block
}
.list-inline-item:not(:last-child) {
    margin-right: 5px
}
.dl-horizontal {
    margin-right: -1.875rem;
    margin-left: -1.875rem
}
.dl-horizontal::after {
    display: table;
    clear: both;
    content: ""
}
.initialism {
    font-size: 90%;
    text-transform: uppercase
}
.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    line-height: 1.5;
    color: #818a91
}
.blockquote-footer::before {
    content: "\2014 \00A0"
}
.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}
.blockquote-reverse .blockquote-footer::before {
    content: ""
}
.blockquote-reverse .blockquote-footer::after {
    content: "\00A0 \2014"
}
.carousel-inner>.carousel-item>a>img,
.carousel-inner>.carousel-item>img,
.img-fluid {
    display: block;
    max-width: 100%;
    height: auto
}
.img-rounded {
    border-radius: .3rem
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: .25rem;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.img-circle {
    border-radius: 50%
}
.figure {
    display: inline-block
}
.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}
.figure-caption {
    font-size: 90%;
    color: #818a91
}
code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}
kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: .2rem
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    line-height: 1.5;
    color: #373a3c
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}
.container {
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-right: auto;
    margin-left: auto
}
.container::after {
    display: table;
    clear: both;
    content: ""
}
@media (min-width:544px) {
    .container {
        max-width: 576px
    }
}
@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}
@media (min-width:992px) {
    .container {
        max-width: 940px
    }
}
@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}
.container-fluid {
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-right: auto;
    margin-left: auto
}
.container-fluid::after {
    display: table;
    clear: both;
    content: ""
}
.row {
    margin-right: -.9375rem;
    margin-left: -.9375rem
}
.row::after {
    display: table;
    clear: both;
    content: ""
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: .9375rem;
    padding-left: .9375rem
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}
.col-xs-1 {
    width: 8.333333%
}
.col-xs-2 {
    width: 16.666667%
}
.col-xs-3 {
    width: 25%
}
.col-xs-4 {
    width: 33.333333%
}
.col-xs-5 {
    width: 41.666667%
}
.col-xs-6 {
    width: 50%
}
.col-xs-7 {
    width: 58.333333%
}
.col-xs-8 {
    width: 66.666667%
}
.col-xs-9 {
    width: 75%
}
.col-xs-10 {
    width: 83.333333%
}
.col-xs-11 {
    width: 91.666667%
}
.col-xs-12 {
    width: 100%
}
.col-xs-pull-0 {
    right: auto
}
.col-xs-pull-1 {
    right: 8.333333%
}
.col-xs-pull-2 {
    right: 16.666667%
}
.col-xs-pull-3 {
    right: 25%
}
.col-xs-pull-4 {
    right: 33.333333%
}
.col-xs-pull-5 {
    right: 41.666667%
}
.col-xs-pull-6 {
    right: 50%
}
.col-xs-pull-7 {
    right: 58.333333%
}
.col-xs-pull-8 {
    right: 66.666667%
}
.col-xs-pull-9 {
    right: 75%
}
.col-xs-pull-10 {
    right: 83.333333%
}
.col-xs-pull-11 {
    right: 91.666667%
}
.col-xs-pull-12 {
    right: 100%
}
.col-xs-push-0 {
    left: auto
}
.col-xs-push-1 {
    left: 8.333333%
}
.col-xs-push-2 {
    left: 16.666667%
}
.col-xs-push-3 {
    left: 25%
}
.col-xs-push-4 {
    left: 33.333333%
}
.col-xs-push-5 {
    left: 41.666667%
}
.col-xs-push-6 {
    left: 50%
}
.col-xs-push-7 {
    left: 58.333333%
}
.col-xs-push-8 {
    left: 66.666667%
}
.col-xs-push-9 {
    left: 75%
}
.col-xs-push-10 {
    left: 83.333333%
}
.col-xs-push-11 {
    left: 91.666667%
}
.col-xs-push-12 {
    left: 100%
}
.col-xs-offset-0 {
    margin-left: 0
}
.col-xs-offset-1 {
    margin-left: 8.333333%
}
.col-xs-offset-2 {
    margin-left: 16.666667%
}
.col-xs-offset-3 {
    margin-left: 25%
}
.col-xs-offset-4 {
    margin-left: 33.333333%
}
.col-xs-offset-5 {
    margin-left: 41.666667%
}
.col-xs-offset-6 {
    margin-left: 50%
}
.col-xs-offset-7 {
    margin-left: 58.333333%
}
.col-xs-offset-8 {
    margin-left: 66.666667%
}
.col-xs-offset-9 {
    margin-left: 75%
}
.col-xs-offset-10 {
    margin-left: 83.333333%
}
.col-xs-offset-11 {
    margin-left: 91.666667%
}
.col-xs-offset-12 {
    margin-left: 100%
}
@media (min-width:544px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-1 {
        width: 8.333333%
    }
    .col-sm-2 {
        width: 16.666667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.333333%
    }
    .col-sm-5 {
        width: 41.666667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.333333%
    }
    .col-sm-8 {
        width: 66.666667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.333333%
    }
    .col-sm-11 {
        width: 91.666667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.333333%
    }
    .col-sm-pull-2 {
        right: 16.666667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.333333%
    }
    .col-sm-pull-5 {
        right: 41.666667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.333333%
    }
    .col-sm-pull-8 {
        right: 66.666667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.333333%
    }
    .col-sm-pull-11 {
        right: 91.666667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.333333%
    }
    .col-sm-push-2 {
        left: 16.666667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.333333%
    }
    .col-sm-push-5 {
        left: 41.666667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.333333%
    }
    .col-sm-push-8 {
        left: 66.666667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.333333%
    }
    .col-sm-push-11 {
        left: 91.666667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.333333%
    }
    .col-sm-offset-2 {
        margin-left: 16.666667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.333333%
    }
    .col-sm-offset-5 {
        margin-left: 41.666667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.333333%
    }
    .col-sm-offset-8 {
        margin-left: 66.666667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.333333%
    }
    .col-sm-offset-11 {
        margin-left: 91.666667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}
@media (min-width:768px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-1 {
        width: 8.333333%
    }
    .col-md-2 {
        width: 16.666667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.333333%
    }
    .col-md-5 {
        width: 41.666667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.333333%
    }
    .col-md-8 {
        width: 66.666667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.333333%
    }
    .col-md-11 {
        width: 91.666667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.333333%
    }
    .col-md-pull-2 {
        right: 16.666667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.333333%
    }
    .col-md-pull-5 {
        right: 41.666667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.333333%
    }
    .col-md-pull-8 {
        right: 66.666667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.333333%
    }
    .col-md-pull-11 {
        right: 91.666667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.333333%
    }
    .col-md-push-2 {
        left: 16.666667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.333333%
    }
    .col-md-push-5 {
        left: 41.666667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.333333%
    }
    .col-md-push-8 {
        left: 66.666667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.333333%
    }
    .col-md-push-11 {
        left: 91.666667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.333333%
    }
    .col-md-offset-2 {
        margin-left: 16.666667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.333333%
    }
    .col-md-offset-5 {
        margin-left: 41.666667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.333333%
    }
    .col-md-offset-8 {
        margin-left: 66.666667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.333333%
    }
    .col-md-offset-11 {
        margin-left: 91.666667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}
@media (min-width:992px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-1 {
        width: 8.333333%
    }
    .col-lg-2 {
        width: 16.666667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.333333%
    }
    .col-lg-5 {
        width: 41.666667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.333333%
    }
    .col-lg-8 {
        width: 66.666667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.333333%
    }
    .col-lg-11 {
        width: 91.666667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.333333%
    }
    .col-lg-pull-2 {
        right: 16.666667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.333333%
    }
    .col-lg-pull-5 {
        right: 41.666667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.333333%
    }
    .col-lg-pull-8 {
        right: 66.666667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.333333%
    }
    .col-lg-pull-11 {
        right: 91.666667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.333333%
    }
    .col-lg-push-2 {
        left: 16.666667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.333333%
    }
    .col-lg-push-5 {
        left: 41.666667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.333333%
    }
    .col-lg-push-8 {
        left: 66.666667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.333333%
    }
    .col-lg-push-11 {
        left: 91.666667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.333333%
    }
    .col-lg-offset-2 {
        margin-left: 16.666667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.333333%
    }
    .col-lg-offset-5 {
        margin-left: 41.666667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.333333%
    }
    .col-lg-offset-8 {
        margin-left: 66.666667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.333333%
    }
    .col-lg-offset-11 {
        margin-left: 91.666667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}
@media (min-width:1200px) {
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }
    .col-xl-1 {
        width: 8.333333%
    }
    .col-xl-2 {
        width: 16.666667%
    }
    .col-xl-3 {
        width: 25%
    }
    .col-xl-4 {
        width: 33.333333%
    }
    .col-xl-5 {
        width: 41.666667%
    }
    .col-xl-6 {
        width: 50%
    }
    .col-xl-7 {
        width: 58.333333%
    }
    .col-xl-8 {
        width: 66.666667%
    }
    .col-xl-9 {
        width: 75%
    }
    .col-xl-10 {
        width: 83.333333%
    }
    .col-xl-11 {
        width: 91.666667%
    }
    .col-xl-12 {
        width: 100%
    }
    .col-xl-pull-0 {
        right: auto
    }
    .col-xl-pull-1 {
        right: 8.333333%
    }
    .col-xl-pull-2 {
        right: 16.666667%
    }
    .col-xl-pull-3 {
        right: 25%
    }
    .col-xl-pull-4 {
        right: 33.333333%
    }
    .col-xl-pull-5 {
        right: 41.666667%
    }
    .col-xl-pull-6 {
        right: 50%
    }
    .col-xl-pull-7 {
        right: 58.333333%
    }
    .col-xl-pull-8 {
        right: 66.666667%
    }
    .col-xl-pull-9 {
        right: 75%
    }
    .col-xl-pull-10 {
        right: 83.333333%
    }
    .col-xl-pull-11 {
        right: 91.666667%
    }
    .col-xl-pull-12 {
        right: 100%
    }
    .col-xl-push-0 {
        left: auto
    }
    .col-xl-push-1 {
        left: 8.333333%
    }
    .col-xl-push-2 {
        left: 16.666667%
    }
    .col-xl-push-3 {
        left: 25%
    }
    .col-xl-push-4 {
        left: 33.333333%
    }
    .col-xl-push-5 {
        left: 41.666667%
    }
    .col-xl-push-6 {
        left: 50%
    }
    .col-xl-push-7 {
        left: 58.333333%
    }
    .col-xl-push-8 {
        left: 66.666667%
    }
    .col-xl-push-9 {
        left: 75%
    }
    .col-xl-push-10 {
        left: 83.333333%
    }
    .col-xl-push-11 {
        left: 91.666667%
    }
    .col-xl-push-12 {
        left: 100%
    }
    .col-xl-offset-0 {
        margin-left: 0
    }
    .col-xl-offset-1 {
        margin-left: 8.333333%
    }
    .col-xl-offset-2 {
        margin-left: 16.666667%
    }
    .col-xl-offset-3 {
        margin-left: 25%
    }
    .col-xl-offset-4 {
        margin-left: 33.333333%
    }
    .col-xl-offset-5 {
        margin-left: 41.666667%
    }
    .col-xl-offset-6 {
        margin-left: 50%
    }
    .col-xl-offset-7 {
        margin-left: 58.333333%
    }
    .col-xl-offset-8 {
        margin-left: 66.666667%
    }
    .col-xl-offset-9 {
        margin-left: 75%
    }
    .col-xl-offset-10 {
        margin-left: 83.333333%
    }
    .col-xl-offset-11 {
        margin-left: 91.666667%
    }
    .col-xl-offset-12 {
        margin-left: 100%
    }
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}
.table td,
.table th {
    padding: .75rem;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #eceeef
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef
}
.table tbody+tbody {
    border-top: 2px solid #eceeef
}
.table .table {
    background-color: #fff
}
.table-sm td,
.table-sm th {
    padding: .3rem
}
.table-bordered {
    border: 1px solid #eceeef
}
.table-bordered td,
.table-bordered th {
    border: 1px solid #eceeef
}
.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9
}
.table-hover tbody tr:hover {
    background-color: #f5f5f5
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}
.nav-link {
    display: inline-block
}
.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}
.nav-link.disabled {
    color: #818a91
}
.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: transparent
}
.nav-inline .nav-item {
    display: inline-block
}
.nav-inline .nav-item+.nav-item,
.nav-inline .nav-link+.nav-link {
    margin-left: 1rem
}
.navbar {
    position: relative;
    padding: .5rem 1rem
}
.navbar::after {
    display: table;
    clear: both;
    content: ""
}
@media (min-width:544px) {
    .navbar {
        border-radius: .25rem
    }
}
.navbar-brand {
    float: left;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem
}
.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}
.navbar-brand>img {
    display: block
}
.navbar-divider {
    float: left;
    width: 1px;
    padding-top: .425rem;
    padding-bottom: .425rem;
    margin-right: 1rem;
    margin-left: 1rem;
    overflow: hidden
}
.navbar-divider::before {
    content: "\00a0"
}
.navbar-toggler {
    padding: .5rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}
@media (min-width:544px) {
    .navbar-toggleable-xs {
        display: block!important
    }
}
@media (min-width:768px) {
    .navbar-toggleable-sm {
        display: block!important
    }
}
@media (min-width:992px) {
    .navbar-toggleable-md {
        display: block!important
    }
}
.navbar-nav .nav-item {
    float: left
}
.navbar-nav .nav-link {
    display: block;
    padding-top: .425rem;
    padding-bottom: .425rem
}
.navbar-nav .nav-link+.nav-link {
    margin-left: 1rem
}
.navbar-nav .nav-item+.nav-item {
    margin-left: 1rem
}
.label {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}
.label:empty {
    display: none
}
.btn .label {
    position: relative;
    top: -1px
}
a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.label-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}
.media {
    margin-top: 15px
}
.media:first-child {
    margin-top: 0
}
.media,
.media-body {
    overflow: hidden;
    zoom: 1
}
.media-body {
    width: 10000px
}
.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}
.media-middle {
    vertical-align: middle
}
.media-bottom {
    vertical-align: bottom
}
.media-object {
    display: block
}
.media-object.img-thumbnail {
    max-width: none
}
.media-right {
    padding-left: 10px
}
.media-left {
    padding-right: 10px
}
.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}
.media-list {
    padding-left: 0;
    list-style: none
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    opacity: 0;
    line-break: auto
}
.invisible {
    visibility: hidden!important
}
.text-hide {
    font: "0/0" a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.text-justify {
    text-align: justify!important
}
.text-nowrap {
    white-space: nowrap!important
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-xs-left {
    text-align: left!important
}
.text-xs-right {
    text-align: right!important
}
.text-xs-center {
    text-align: center!important
}
@media (min-width:544px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}
@media (min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}
@media (min-width:992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}
@media (min-width:1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}
.text-lowercase {
    text-transform: lowercase!important
}
.text-uppercase {
    text-transform: uppercase!important
}
.text-capitalize {
    text-transform: capitalize!important
}
.font-weight-normal {
    font-weight: 400
}
.font-weight-bold {
    font-weight: 700
}
.font-italic {
    font-style: italic
}
.text-muted {
    color: #818a91
}
.text-primary {
    color: #0275d8!important
}
a.text-primary:focus,
a.text-primary:hover {
    color: #025aa5
}
.text-success {
    color: #5cb85c!important
}
a.text-success:focus,
a.text-success:hover {
    color: #449d44
}
.text-info {
    color: #5bc0de!important
}
a.text-info:focus,
a.text-info:hover {
    color: #31b0d5
}
.text-warning {
    color: #f0ad4e!important
}
a.text-warning:focus,
a.text-warning:hover {
    color: #ec971f
}
.text-danger {
    color: #d9534f!important
}
a.text-danger:focus,
a.text-danger:hover {
    color: #c9302c
}
.bg-inverse {
    color: #eceeef;
    background-color: #373a3c
}
.bg-faded {
    background-color: #f7f7f9
}
.bg-primary {
    color: #fff!important;
    background-color: #0275d8!important
}
a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #025aa5
}
.bg-success {
    color: #fff!important;
    background-color: #5cb85c!important
}
a.bg-success:focus,
a.bg-success:hover {
    background-color: #449d44
}
.bg-info {
    color: #fff!important;
    background-color: #5bc0de!important
}
a.bg-info:focus,
a.bg-info:hover {
    background-color: #31b0d5
}
.bg-warning {
    color: #fff!important;
    background-color: #f0ad4e!important
}
a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #ec971f
}
.bg-danger {
    color: #fff!important;
    background-color: #d9534f!important
}
a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #c9302c
}
.m-x-auto {
    margin-right: auto!important;
    margin-left: auto!important
}
.m-a-0 {
    margin: 0 0!important
}
.m-t-0 {
    margin-top: 0!important
}
.m-r-0 {
    margin-right: 0!important
}
.m-b-0 {
    margin-bottom: 0!important
}
.m-l-0 {
    margin-left: 0!important
}
.m-x-0 {
    margin-right: 0!important;
    margin-left: 0!important
}
.m-y-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}
.m-a-1 {
    margin: 1rem 1rem!important
}
.m-t-1 {
    margin-top: 1rem!important
}
.m-r-1 {
    margin-right: 1rem!important
}
.m-b-1 {
    margin-bottom: 1rem!important
}
.m-l-1 {
    margin-left: 1rem!important
}
.m-x-1 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}
.m-y-1 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}
.m-a-2 {
    margin: 1.5rem 1.5rem!important
}
.m-t-2 {
    margin-top: 1.5rem!important
}
.m-r-2 {
    margin-right: 1.5rem!important
}
.m-b-2 {
    margin-bottom: 1.5rem!important
}
.m-l-2 {
    margin-left: 1.5rem!important
}
.m-x-2 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}
.m-y-2 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}
.m-a-3 {
    margin: 3rem 3rem!important
}
.m-t-3 {
    margin-top: 3rem!important
}
.m-r-3 {
    margin-right: 3rem!important
}
.m-b-3 {
    margin-bottom: 3rem!important
}
.m-l-3 {
    margin-left: 3rem!important
}
.m-x-3 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}
.m-y-3 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}
.p-a-0 {
    padding: 0 0!important
}
.p-t-0 {
    padding-top: 0!important
}
.p-r-0 {
    padding-right: 0!important
}
.p-b-0 {
    padding-bottom: 0!important
}
.p-l-0 {
    padding-left: 0!important
}
.p-x-0 {
    padding-right: 0!important;
    padding-left: 0!important
}
.p-y-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}
.p-a-1 {
    padding: 1rem 1rem!important
}
.p-t-1 {
    padding-top: 1rem!important
}
.p-r-1 {
    padding-right: 1rem!important
}
.p-b-1 {
    padding-bottom: 1rem!important
}
.p-l-1 {
    padding-left: 1rem!important
}
.p-x-1 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}
.p-y-1 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}
.p-a-2 {
    padding: 1.5rem 1.5rem!important
}
.p-t-2 {
    padding-top: 1.5rem!important
}
.p-r-2 {
    padding-right: 1.5rem!important
}
.p-b-2 {
    padding-bottom: 1.5rem!important
}
.p-l-2 {
    padding-left: 1.5rem!important
}
.p-x-2 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}
.p-y-2 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}
.p-a-3 {
    padding: 3rem 3rem!important
}
.p-t-3 {
    padding-top: 3rem!important
}
.p-r-3 {
    padding-right: 3rem!important
}
.p-b-3 {
    padding-bottom: 3rem!important
}
.p-l-3 {
    padding-left: 3rem!important
}
.p-x-3 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}
.p-y-3 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}
.pos-f-t {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}
.hidden-xs-up {
    display: none!important
}
@media (max-width:543px) {
    .hidden-xs-down {
        display: none!important
    }
}
@media (min-width:544px) {
    .hidden-sm-up {
        display: none!important
    }
}
@media (max-width:767px) {
    .hidden-sm-down {
        display: none!important
    }
}
@media (min-width:768px) {
    .hidden-md-up {
        display: none!important
    }
}
@media (max-width:991px) {
    .hidden-md-down {
        display: none!important
    }
}
@media (min-width:992px) {
    .hidden-lg-up {
        display: none!important
    }
}
@media (max-width:1199px) {
    .hidden-lg-down {
        display: none!important
    }
}
@media (min-width:1200px) {
    .hidden-xl-up {
        display: none!important
    }
}
.hidden-xl-down {
    display: none!important
}
.visible-print-block {
    display: none!important
}
@media print {
    .visible-print-block {
        display: block!important
    }
}
.visible-print-inline {
    display: none!important
}
@media print {
    .visible-print-inline {
        display: inline!important
    }
}
.visible-print-inline-block {
    display: none!important
}
@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}
@media print {
    .hidden-print {
        display: none!important
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */
body {
    color: #8c8c8c;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    overflow-x: hidden;
    line-height: 1.5;
     margin: 0;
}
[role="button"], a, area, button, input, label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
a {
color: #0275d8;
text-decoration: none;
}
a {
background-color: transparent;
}
img {
vertical-align: middle;
}
img {
border: 0;
}
.navbar-brand > img {
display: block;
}
a, button { transition: all 0.3s ease; }
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
h2 { font-size: 2.2rem; }
.tm-thin-font { font-weight: 300; }
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    max-width: 1390px;
    overflow-x: hidden;
}
.container-fluid::after {
display: table;
clear: both;
content: "";
}
.navbar-brand {
float: left;
padding-top: .25rem;
padding-bottom: .25rem;
margin-right: 1rem;
font-size: 1.25rem;
}
@media (max-width: 1390px) {
    .container-fluid {
        padding-left: 5%;
        padding-right: 5%;
    }
}
.tm-header-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
    -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
    height: 100px;
}
*, ::after, ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.tm-site-name {
    color: #cc9900;
    display: block;
    font-size: 2.6rem;
    font-weight: 400;
}
.tm-main-nav { font-size: 1.2rem; }
.navbar-nav .nav-link {
    border-radius: 6px;
    color: black;
    padding: 10px 40px;
}
.nav-item.active .nav-link,
/*.nav-link:hover,
.nav-link:focus {
    color: white;
    background-color: #cc9900;
}
*/
.tm-gold-text { color: #cc9900; }
.tm-section {
    padding-top: 80px;
    padding-bottom: 100px;
}
.tm-home-img-container {
    background-image: url('../images/tm-home-img.jpg');
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
}
.tm-about-img-container { background-image: url('../images/tm-about-img.jpg');    }
.tm-blog-img-container { background-image: url('../images/tm-blog-img.jpg'); }
.tm-contact-img-container { background-image: url('../images/tm-contact-img.jpg'); }
.tm-about-img-container,
.tm-blog-img-container,
.tm-contact-img-container {
    background-size: auto 200px;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
}
.tm-title {
    margin-bottom: 1rem;
    line-height: 1.4;
}
.tm-subtitle {
    font-size: 1.4rem;
    max-width: 800px;
    margin: 0 auto 80px;
}
.tm-content-box {
    max-width: 310px;
    margin: 0 auto;
}
h3 { font-size: 1.65rem; }
h4 {
    font-size: 1.4rem;
    line-height: 1.6;
}
.tm-btn {
    color: white;
    background-color: #cc9900;
    border: none;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 30px;
}
.tm-btn:hover,
.tm-btn:focus {
    background-color: #906E09;
    color: white;
    outline: none;
}
.tm-btn-gray { background-color: #666666; }
.tm-btn-gray:hover,
.tm-btn-gray:focus {
    background-color: #515050;    
}
.tm-margin-b-15 { margin-bottom: 15px; }
.tm-margin-b-20 { margin-bottom: 20px; }
.tm-margin-b-30 { margin-bottom: 30px; }
.tm-margin-b-40 { margin-bottom: 40px; }
.tm-margin-t-big { margin-top: 90px; }
.tm-margin-t-mid { margin-top: 60px; }
.tm-margin-t-small { margin-top: 30px; }
.tm-text-link {
    color: #006699;
    line-height: 2.8;
    text-decoration: underline;
}
.tm-overflow-auto { overflow: auto; }
.tm-small-font { font-size: 1rem; }
.tm-related-post { margin-bottom: 40px; }
.tm-related-post:last-child { margin-bottom: 0; }
.media-left { padding-right: 25px; }
.media-body {
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
}
.tm-media-description { margin-bottom: 0; }
.tm-2-col-right { padding-left: 20px; }
.tm-footer {
    color: #c6c6c6;
    background-color: #191919;
    background-image: url('../images/classic-pattern-bg.png');
    font-size: 1rem;
    padding-top: 40px;
    padding-bottom: 20px;
}
.tm-footer-links-container { padding-left: 10px; }
.tm-footer-link {
    color: #CCCC66;
    line-height: 2.8;
    text-decoration: underline;
}
.tm-footer-link:hover,
.tm-footer-link:focus {
    color: #CCCC66;
    text-decoration: none;
}
.tm-footer-thumbnail { margin-bottom: 5px; }
.tm-copyright-text {
    color: #999999;
    margin-bottom: 0;
}
hr { border-top: 1px solid #CCCCCC; }
p { line-height: 1.9; }
.tm-gray-bg {
    background-color: #CCCCCC;
    color: black;
    padding: 30px 20px 20px;
}
.tm-footer-content-box-title { margin-bottom: 30px; }
.tm-img-post { margin-bottom: 30px; }
.tm-aside-r { padding-left: 30px; }
.form-control {
    border-radius: 0;
    font-size: 1.1rem;
    padding: 0.75rem 1rem;
}
.form-control:focus { border-color: #CC9900; }
.tm-form-description { margin-top: 30px; }
.tm-contact-form { padding-top: 20px; }
#google-map {
height: 333px;
width: 100%;
margin-top: 40px;
}
.tm-contact-right { padding-left: 30px; }
.tm-p-small { font-size: 1rem; }
@media (max-width: 1199px) {
    .tm-2-col-left { padding-right: 0; }
    .tm-2-col-right { padding-left: 0; }
    .tm-text-link {
        line-height: 2.2;
    }
    .container-fluid {
        padding-left: 4%;
        padding-right: 4%;
    }
}
@media (max-width: 991px){
    .tm-home-img-container {
        background:none;
        height: auto;
    }
    .tm-subtitle { margin-bottom: 40px; }
    
    #tmNavbar .navbar-nav .nav-link { padding: 10px 25px; }
    .media { max-width: 240px; }
    .media-left {
        display: block;
        margin-bottom: 20px;
    }
    .tm-content-box { margin-bottom: 50px; }
    .tm-text-link { line-height: 2.4; }
    .tm-section {
     padding-top: 50px;
     padding-bottom: 60px;
    }
    .tm-2-col-left, .tm-2-col-right {
        margin: 0 auto;
        max-width: 660px;
    }
    
    .tm-margin-t-big { margin-top: 30px; }
    .media { max-width: 100%; }
    .media-left {
        display: table-cell;
        margin-bottom: 0;
    }
    .tm-footer-content-box { margin-bottom: 40px; }
    .tm-2-rows-md-swap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
    .tm-2-rows-md-down-1 {
        -webkit-order: 1;
         -ms-flex-order: 1;
         order: 1;        
    }
    .tm-2-rows-md-down-2 {
        -webkit-order: 2;
         -ms-flex-order: 2;
         order: 2;
        margin-bottom: 0;
        margin-top: 30px;        
    }
    .tm-contact-right {
        padding-left: 15px;
        padding-top: 40px;
    }
}
@media (max-width: 897px) {
    .tm-btn {
        padding: 10px 15px;
        font-size: 1rem;
    }
}
@media (max-width: 767px) {
    .tm-main-nav {
        position: fixed;
        right: 0;
        top: 21px;
        z-index: 1000;
    }
    #tmNavbar .navbar-nav .nav-item { float: none; }
    #tmNavbar .navbar-nav .nav-link { padding: 10px 35px; }
    #tmNavbar {
        background: white;
        border-radius: 6px;
    }
    #tmNavbar .navbar-nav .nav-item+.nav-item { margin-left: 0; }
    .navbar-toggler {
        background: white;
        border-color: #cc9900;
        color: #cc9900;
        display: block;
        margin-left: auto;
        margin-right: 0;
    }
    .navbar-toggler:focus { outline: none; }
    .tm-content-box { margin-bottom: 50px; }
    
    .tm-2-col-left {
        padding-right: 0;
        max-width: 660px;
    }
    .tm-2-col-right { padding-left: 0; }
    .tm-margin-b-40 { margin-bottom: 25px; }
    
    .tm-copyright-text { padding-top: 0; }
    .tm-gray-bg { padding: 20px 20px 10px; }
    .tm-footer { padding-bottom: 15px; }
    .tm-2-rows-sm-swap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
    }
    .tm-2-rows-sm-down-1 {
        -webkit-order: 1;
         -ms-flex-order: 1;
         order: 1;        
    }
    .tm-2-rows-sm-down-2 {
        -webkit-order: 2;
         -ms-flex-order: 2;
         order: 2;
        margin-bottom: 0;
        margin-top: 30px;        
    }
    .tm-sm-m-b { margin-bottom: 20px; }
    .tm-aside-r { padding-left: 15px; }
    .tm-aside-container {
        max-width: 310px;
        margin: 0 auto;
    }
    .tm-blog-post {    padding-bottom: 10px; }
    .tm-content-box-contact {
        margin-top: 40px;
        margin-bottom: 0;
    }
    .tm-contact-row-related-posts {    margin-top: 40px; }
}
@media (max-width: 543px) {
    .tm-footer-links-container { padding-left: 0; }
    .tm-xs-m-t { margin-top: 20px; }
    .tm-btn { padding: 10px 30px; }
}
@media(max-width: 510px) {
    .media { max-width: 240px; }
    .media-left {
        display: block;
        margin-bottom: 20px;
    }
        
    .tm-section {
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .tm-subtitle { margin-bottom: 20px; }
    .tm-margin-b-40 { margin-bottom: 15px; }
    .tm-content-box { margin-bottom: 40px; }
    .tm-margin-t-mid { margin-top: 30px; }
    .tm-footer-content-box { margin-bottom: 40px; }
    .tm-footer-content-box-title { margin-bottom: 15px; }
    #google-map { margin-top: 25px; }
    .tm-map-section { margin-top: 50px; }
    .tm-contact-related-posts-container {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
    }
}
.navbar-brand > img {

width: 75px;
height: 75px;
}
.tm-header{ background-color: #f7eab7;
}
.companyname { font-weight: bold;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.25em; }
SMainali_ISY10209_Ass2/css/styles_CA5.css
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body {
    margin: 0
}
a {
    background-color: transparent
}
a:active {
    outline: 0
}
a:hover {
    outline: 0
}
b,
strong {
    font-weight: 700
}
h1 {
    margin: .67em 0;
    font-size: 2em
}
mark {
    color: #000;
    background: #ff0
}
small {
    font-size: 80%
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-box-sizing:...
SOLUTION.PDF

Answer To This Question Is Available To Download

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here