/*!
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700%7COpen+Sans:300,400,700,800");
/* ----------------------------------------------------------------
[ OVER RIGHT DEFAULT ]
-----------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none !important;
list-style: none;
}
*,
*::before,
*::after
{
box-sizing: border-box;
}
html
{
font-family: 'Roboto', 'Open Sans', sans-serif !important;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport
{
width: device-width;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section
{
display: block;
}
body {
font-family: 'Roboto', 'Open Sans', sans-serif !important;
font-size: 0.9rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
text-align: left;
Xcolor: #525f7f;
color: #00000a;
background-color: #fff;
overflow-x: hidden !important;
}
[tabindex='-1']:focus
{
outline: 0 !important;
}
hr
{
overflow: visible;
box-sizing: content-box;
height: 0;
}
h1,
h2,
h3,
h4,
h5,
h6
{
margin-top: 0;
margin-bottom: .5rem;
font-family: 'Roboto', 'Open Sans', sans-serif;
}
span, a, a:hover {
display: inline-block;
text-decoration: none;
color: inherit;
}
p {
font-size: 0.9rem;
color: #666;
font-weight: 300;
line-height: 1.5;
word-spacing: 1px;
margin: 0;
}
abbr[title],
abbr[data-original-title]
{
cursor: help;
text-decoration: underline;
text-decoration: underline dotted;
border-bottom: 0;
-webkit-text-decoration: underline dotted;
}
address
{
font-style: normal;
line-height: inherit;
margin-bottom: 1rem;
}
ol,
ul,
dl
{
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol
{
margin-bottom: 0;
}
dt
{
font-weight: 600;
}
dd
{
margin-bottom: .5rem;
margin-left: 0;
}
blockquote
{
margin: 0 0 1rem;
}
dfn
{
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
text-decoration: none;
color: #fff;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
text-decoration: none;
color: #fca328;
}
a:not([href]):not([tabindex]){
text-decoration: none;
color: inherit;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus{
text-decoration: none;
color: inherit;
}
a:not([href]):not([tabindex]):focus{
outline: 0;
}
pre,
code,
kbd,
samp
{
font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
font-size: 1em;
}
pre
{
overflow: auto;
margin-top: 0;
margin-bottom: 1rem;
-ms-overflow-style: scrollbar;
}
figure
{
margin: 0 0 1rem;
}
img {
width: 100%;
height: auto;
vertical-align: middle;
border-style: none;
}
svg
{
overflow: hidden;
vertical-align: middle;
}
table
{
border-collapse: collapse;
}
caption
{
padding-top: 1rem;
padding-bottom: 1rem;
caption-side: bottom;
text-align: left;
color: #8898aa;
}
th
{
text-align: inherit;
}
label
{
display: inline-block;
margin-bottom: .5rem;
}
button
{
border-radius: 0;
}
button:focus
{
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea
{
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
}
button,
input
{
overflow: visible;
}
button,
select
{
text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit']
{
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox']
{
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month']
{
-webkit-appearance: listbox;
}
textarea
{
overflow: auto;
resize: vertical;
}
fieldset
{
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend
{
font-size: 1.5rem;
line-height: inherit;
display: block;
width: 100%;
max-width: 100%;
margin-bottom: .5rem;
padding: 0;
white-space: normal;
color: inherit;
}
progress
{
vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button
{
height: auto;
}
[type='search']
{
outline-offset: -2px;
-webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration
{
-webkit-appearance: none;
}
::-webkit-file-upload-button
{
font: inherit;
-webkit-appearance: button;
}
output
{
display: inline-block;
}
summary
{
display: list-item;
cursor: pointer;
}
template
{
display: none;
}
[hidden]
{
display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
font-family: inherit;
font-weight: 400;
line-height: 1.5;
margin-bottom: .5rem;
color: #32325d;
}
h1,
.h1
{
font-size: 2.5rem;
}
h2,
.h2
{
font-size: 2rem;
}
h3,
.h3
{
font-size: 1.75rem;
}
h4,
.h4
{
font-size: 1.5rem;
}
h5,
.h5
{
font-size: 1.25rem;
}
h6,
.h6
{
font-size: 1rem;
}
.lead
{
font-size: 1.25rem;
font-weight: 300;
}
.display-1
{
font-size: 3.3rem;
font-weight: 600;
line-height: 1.5;
}
.display-2
{
font-size: 2.75rem;
font-weight: 600;
line-height: 1.5;
}
.display-3
{
font-size: 2.1875rem;
font-weight: 600;
line-height: 1.5;
}
.display-4
{
font-size: 1.6275rem;
font-weight: 600;
line-height: 1.5;
}
hr
{
margin-top: 2rem;
margin-bottom: 2rem;
border: 0;
border-top: .0625rem 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: .5rem;
}
.initialism
{
font-size: 90%;
text-transform: uppercase;
}
.blockquote
{
font-size: 1.25rem;
margin-bottom: 1rem;
}
.blockquote-footer
{
font-size: 80%;
display: block;
color: #8898aa;
}
.blockquote-footer::before
{
content: '\2014 \00A0';
}
.img-fluid
{
max-width: 100%;
height: auto;
}
.img-thumbnail
{
max-width: 100%;
height: auto;
padding: .25rem;
border: .0625rem solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.figure
{
display: inline-block;
}
.figure-img
{
line-height: 1;
margin-bottom: .5rem;
}
.figure-caption
{
font-size: 90%;
color: #8898aa;
}
code
{
font-size: 87.5%;
word-break: break-word;
color: #f3a4b5;
}
a > code
{
color: inherit;
}
kbd
{
font-size: 87.5%;
padding: .2rem .4rem;
color: #fff;
border-radius: .2rem;
background-color: #212529;
box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
}
kbd kbd
{
font-size: 100%;
font-weight: 600;
padding: 0;
box-shadow: none;
}
pre
{
font-size: 87.5%;
display: block;
color: #212529;
}
pre code
{
font-size: inherit;
word-break: normal;
color: inherit;
}
.pre-scrollable
{
overflow-y: scroll;
max-height: 340px;
}
.container-fluid{
overflow: hidden;
}
.container
{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px)
{
.container
{
max-width: 540px;
}
}
@media (min-width: 768px)
{
.container
{
max-width: 720px;
}
}
@media (min-width: 992px)
{
.container
{
max-width: 960px;
}
}
@media (min-width: 1200px)
{
.container
{
max-width: 1040px;
}
}
.container-fluid
{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.row {
display: flex;
/*margin-right: -15px;
margin-left: -15px;*/
padding-right: 0;
padding-left: 0;
flex-wrap: wrap;
}
.row.no-gutters {
margin-right: 0 !important;
margin-left: 0 !important;
& > [class^="col-"],
& > [class*=" col-"] {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-']
{
padding-right: 0 ;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto
{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 480px) {
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 0;
padding-left: 0;
}
}
.col
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-first
{
order: -1;
}
.order-last
{
order: 13;
}
.order-0
{
order: 0;
}
.order-1
{
order: 1;
}
.order-2
{
order: 2;
}
.order-3
{
order: 3;
}
.order-4
{
order: 4;
}
.order-5
{
order: 5;
}
.order-6
{
order: 6;
}
.order-7
{
order: 7;
}
.order-8
{
order: 8;
}
.order-9
{
order: 9;
}
.order-10
{
order: 10;
}
.order-11
{
order: 11;
}
.order-12
{
order: 12;
}
.offset-1
{
margin-left: 8.33333%;
}
.offset-2
{
margin-left: 16.66667%;
}
.offset-3
{
margin-left: 25%;
}
.offset-4
{
margin-left: 33.33333%;
}
.offset-5
{
margin-left: 41.66667%;
}
.offset-6
{
margin-left: 50%;
}
.offset-7
{
margin-left: 58.33333%;
}
.offset-8
{
margin-left: 66.66667%;
}
.offset-9
{
margin-left: 75%;
}
.offset-10
{
margin-left: 83.33333%;
}
.offset-11
{
margin-left: 91.66667%;
}
@media (min-width: 576px)
{
.col-sm
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-sm-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-sm-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-sm-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-sm-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-sm-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-sm-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-sm-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-sm-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-sm-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-sm-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-sm-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-sm-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-sm-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-sm-first
{
order: -1;
}
.order-sm-last
{
order: 13;
}
.order-sm-0
{
order: 0;
}
.order-sm-1
{
order: 1;
}
.order-sm-2
{
order: 2;
}
.order-sm-3
{
order: 3;
}
.order-sm-4
{
order: 4;
}
.order-sm-5
{
order: 5;
}
.order-sm-6
{
order: 6;
}
.order-sm-7
{
order: 7;
}
.order-sm-8
{
order: 8;
}
.order-sm-9
{
order: 9;
}
.order-sm-10
{
order: 10;
}
.order-sm-11
{
order: 11;
}
.order-sm-12
{
order: 12;
}
.offset-sm-0
{
margin-left: 0;
}
.offset-sm-1
{
margin-left: 8.33333%;
}
.offset-sm-2
{
margin-left: 16.66667%;
}
.offset-sm-3
{
margin-left: 25%;
}
.offset-sm-4
{
margin-left: 33.33333%;
}
.offset-sm-5
{
margin-left: 41.66667%;
}
.offset-sm-6
{
margin-left: 50%;
}
.offset-sm-7
{
margin-left: 58.33333%;
}
.offset-sm-8
{
margin-left: 66.66667%;
}
.offset-sm-9
{
margin-left: 75%;
}
.offset-sm-10
{
margin-left: 83.33333%;
}
.offset-sm-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 768px)
{
.col-md
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-md-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-md-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-md-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-md-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-md-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-md-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-md-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-md-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-md-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-md-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-md-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-md-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-md-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-md-first
{
order: -1;
}
.order-md-last
{
order: 13;
}
.order-md-0
{
order: 0;
}
.order-md-1
{
order: 1;
}
.order-md-2
{
order: 2;
}
.order-md-3
{
order: 3;
}
.order-md-4
{
order: 4;
}
.order-md-5
{
order: 5;
}
.order-md-6
{
order: 6;
}
.order-md-7
{
order: 7;
}
.order-md-8
{
order: 8;
}
.order-md-9
{
order: 9;
}
.order-md-10
{
order: 10;
}
.order-md-11
{
order: 11;
}
.order-md-12
{
order: 12;
}
.offset-md-0
{
margin-left: 0;
}
.offset-md-1
{
margin-left: 8.33333%;
}
.offset-md-2
{
margin-left: 16.66667%;
}
.offset-md-3
{
margin-left: 25%;
}
.offset-md-4
{
margin-left: 33.33333%;
}
.offset-md-5
{
margin-left: 41.66667%;
}
.offset-md-6
{
margin-left: 50%;
}
.offset-md-7
{
margin-left: 58.33333%;
}
.offset-md-8
{
margin-left: 66.66667%;
}
.offset-md-9
{
margin-left: 75%;
}
.offset-md-10
{
margin-left: 83.33333%;
}
.offset-md-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 992px)
{
.col-lg
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-lg-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-lg-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-lg-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-lg-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-lg-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-lg-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-lg-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-lg-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-lg-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-lg-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-lg-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-lg-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-lg-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-lg-first
{
order: -1;
}
.order-lg-last
{
order: 13;
}
.order-lg-0
{
order: 0;
}
.order-lg-1
{
order: 1;
}
.order-lg-2
{
order: 2;
}
.order-lg-3
{
order: 3;
}
.order-lg-4
{
order: 4;
}
.order-lg-5
{
order: 5;
}
.order-lg-6
{
order: 6;
}
.order-lg-7
{
order: 7;
}
.order-lg-8
{
order: 8;
}
.order-lg-9
{
order: 9;
}
.order-lg-10
{
order: 10;
}
.order-lg-11
{
order: 11;
}
.order-lg-12
{
order: 12;
}
.offset-lg-0
{
margin-left: 0;
}
.offset-lg-1
{
margin-left: 8.33333%;
}
.offset-lg-2
{
margin-left: 16.66667%;
}
.offset-lg-3
{
margin-left: 25%;
}
.offset-lg-4
{
margin-left: 33.33333%;
}
.offset-lg-5
{
margin-left: 41.66667%;
}
.offset-lg-6
{
margin-left: 50%;
}
.offset-lg-7
{
margin-left: 58.33333%;
}
.offset-lg-8
{
margin-left: 66.66667%;
}
.offset-lg-9
{
margin-left: 75%;
}
.offset-lg-10
{
margin-left: 83.33333%;
}
.offset-lg-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 1200px)
{
.col-xl
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-xl-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-xl-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-xl-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-xl-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-xl-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-xl-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-xl-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-xl-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-xl-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-xl-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-xl-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-xl-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-xl-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-xl-first
{
order: -1;
}
.order-xl-last
{
order: 13;
}
.order-xl-0
{
order: 0;
}
.order-xl-1
{
order: 1;
}
.order-xl-2
{
order: 2;
}
.order-xl-3
{
order: 3;
}
.order-xl-4
{
order: 4;
}
.order-xl-5
{
order: 5;
}
.order-xl-6
{
order: 6;
}
.order-xl-7
{
order: 7;
}
.order-xl-8
{
order: 8;
}
.order-xl-9
{
order: 9;
}
.order-xl-10
{
order: 10;
}
.order-xl-11
{
order: 11;
}
.order-xl-12
{
order: 12;
}
.offset-xl-0
{
margin-left: 0;
}
.offset-xl-1
{
margin-left: 8.33333%;
}
.offset-xl-2
{
margin-left: 16.66667%;
}
.offset-xl-3
{
margin-left: 25%;
}
.offset-xl-4
{
margin-left: 33.33333%;
}
.offset-xl-5
{
margin-left: 41.66667%;
}
.offset-xl-6
{
margin-left: 50%;
}
.offset-xl-7
{
margin-left: 58.33333%;
}
.offset-xl-8
{
margin-left: 66.66667%;
}
.offset-xl-9
{
margin-left: 75%;
}
.offset-xl-10
{
margin-left: 83.33333%;
}
.offset-xl-11
{
margin-left: 91.66667%;
}
}
/* FOOTER
*******************************************************************/
/*
.footer
{
padding: 1rem 0;
Xbackground: #f4f5f7;
}
.footer .col-footer .heading
{
font-size: .875rem;
font-weight: 600;
margin-bottom: 1rem;
letter-spacing: 0;
text-transform: uppercase;
color: #8898aa;
}
.footer .nav .nav-item .nav-link,
.footer .footer-link
{
color: #8898aa !important;
}
.footer .nav .nav-item .nav-link:hover,
.footer .footer-link:hover
{
color: #525f7f !important;
}
.footer .list-unstyled li a
{
font-size: .85rem;
display: inline-block;
padding: .125rem 0;
color: #8898aa;
}
.footer .list-unstyled li a:hover
{
color: #525f7f;
}
.footer .copyright
{
font-size: .875rem;
}
.footer-dark .col-footer .heading
{
color: #fff;
}
.footer.has-cards
{
position: relative;
overflow: hidden;
margin-top: -420px;
padding-top: 500px;
pointer-events: none;
background: transparent;
}
.footer.has-cards:before
{
position: absolute;
top: 600px;
right: 0;
left: 0;
height: 2000px;
content: '';
transform: skew(0, -8deg);
background: #f4f5f7;
}
.footer.has-cards .container
{
position: relative;
pointer-events: auto;
}
.nav-footer .nav-link
{
font-size: .875rem;
}
.nav-footer .nav-item:last-child .nav-link
{
padding-right: 0;
}
*/
.footer {
font-size: 0.8rem;
border-top: 1px solid #eee;
padding-top: 20px;
font-size: 0.7rem !important;
font-weight: 300;
}
.footer p {
font-size: 0.8rem;
}
.footer-col-left {
text-align: left;
}
.footer-col-right {
text-align: right;
}
@media (max-width: 480px){
.footer-col-left, .footer-col-right {
text-align: center;
}
}
/* SEBASTIAN
----------------------------------------------------------------------------------------------------------------------------------------------------*/
.no-padding { /*
*/
padding: 0;
}
.size1 {
width: 100%;
min-height: 100vh;
}
.bg-g1 {
background: #7918f2;
background: -webkit-linear-gradient(-45deg, #ac32e4, #7918f2, #4801ff);
background: -o-linear-gradient(-45deg, #ac32e4, #7918f2, #4801ff);
background: -moz-linear-gradient(-45deg, #ac32e4, #7918f2, #4801ff);
background: linear-gradient(-45deg, #ac32e4, #7918f2, #4801ff);
}
/* START */
.main-logo img {
xmax-height: 100%;
xheight: 35%;
width: 180px;
margin: 15px auto;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
ul {
margin: 0px;
padding: 0px;
}
ul {
xxxfont-weight: 100;
}
ol, ul {
list-style: none;
}
*::-moz-selection {
background: #000;
color: #fff !important;
text-shadow: none;
}
::-moz-selection {
background: #000;
color: #fff !important;
text-shadow: none;
}
::selection {
background: #990099;
color: #fff !important;
text-shadow: none;
}
/** BUTTONS
*****************************/
.btn-1 {
width: 350px;
border: 1px solid #777;
color: #222;
font-size: 0.8em;
font-weight: 500;
text-align: center;
display: inline-block;
padding: 10px 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
margin-bottom: 3px;
}
.btn-1:hover{
background: #444;
color: #fff;
}
@media (max-width: 480px){
.btn-1 {
width: 100% !important;
font-size: 0.7rem;
font-weight: 400;
}
}
.btn-2 {
width: 125px;
border: 1px solid #222;
background: #444;
color: #fff;
font-size: 0.7em;
font-weight: 300;
text-align: center;
display: inline-block;
padding: 5px 10px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
margin-bottom: 3px;
}
.btn-2:hover{
background: #ddd;
color: #444;
}
@media (max-width: 480px){
.btn-2 {
width: 103px;
font-size: 0.5em;
}
}
.btn-3 {
xwidth: 350px;
xborder: 1px solid #777;
color: #fff;
font-size: 0.8em;
font-weight: 500;
text-align: center;
display: inline-block;
padding: 5px 40px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
margin-bottom: 3px;
}
.btn-3:hover{
xbackground: #444;
border: 1px solid #777;
color: #fff;
}
@media (max-width: 480px){
.btn-3 {
width: 100%;
font-size: 0.7rem;
font-weight: 400;
}
}
.btn-confirm {
xwidth: 350px;
border: 1px solid #777;
background: #777;
color: #fff;
font-size: 0.8em;
font-weight: 500;
text-align: center;
display: inline-block;
padding: 6px 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
margin-bottom: 3px;
}
.btn-confirm:hover{
background: #444;
color: #fff;
}
@media (max-width: 480px){
.btn-confirm {
width: 100% !important;
font-size: 0.7rem;
font-weight: 400;
}
}
.designflyer > li > a{
font-size: 0.8rem !important;
margin-right: 10px;
}
.btn-yellow {
background: #fca328 !important;
border: 1px solid #fca328!important;
}
/**************************************************
GOOGLE ICONS
**************************************************/
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 12px;
display: inline-block;
line-height: 0;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
position: relative;
top:7px;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/**************************************************
MAIN LEFT TAB CONTENT + IMAGE
**************************************************/
.main-content-image img {
width: 60%;
margin: 100px 0;
}
/**************************************************
RIGHT TAB CONTENT + NAV PANEL
**************************************************/
/*
.badge {
background-color: #777;
}
.tabs-left {
margin-top: 3rem;
}
.nav-tabs {
float: right;
border-bottom: 0;
}
.nav-tabs li {
float: none;
margin: 0;
}
.nav-tabs li a {
margin-right: 0;
border: 0;
border-radius: 0;
background-color: #000;
}
.nav-tabs li a:hover {
background-color: #444;
}
.nav-tabs .glyphicon {
color: #fff;
}
.nav-tabs .active .glyphicon {
color: #333;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border: 0;
background-color: #999;
}
.tab-content {
margin-left: 45px;
}
.tab-content .tab-pane {
display: none;
background-color: #999;
padding: 1.6rem;
overflow-y: auto;
}
.tab-content .active {
display: block;
}
.list-group {
width: 100%;
}
.list-group .list-group-item {
height: 50px;
}
.list-group .list-group-item h4, .list-group .list-group-item span {
line-height: 11px;
}
*/
.icon-tab-panel a{
font-size: 12px;
text-transform: capitalize;
text-align: center;
xmargin: 0 auto;
xpadding: 0 auto;
}
.nav-item .nav-link {
display: block;
padding: 1rem 1rem;
text-align: center;
}
.nav.nav-tabs {
float: right;
display: block;
margin-right: 0;
border-bottom:0;
xborder: 1px solid #ff0000;
padding: 0;
margin: 0;
min-height: 900px;
background: #212529;
}
.nav-tabs .nav-link {
xborder: 1px solid yellow;
background: #212529;
border: 0px solid transparent!important;
}
.nav-tabs .nav-link.active {
color: #495057;
background-color:#999 !important;
border-color: transparent !important;
}
.nav-tabs .nav-link {
xborder: 1px solid transparent;
border-top-left-radius: 0rem!important;
border-top-right-radius: 0rem!important;
}
.tab-content>.active {
display: block;
background: #999;
xmin-height: 165px;
min-height: 900px;
min-width:400px;
padding:5%;
}
/*
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border: 0;
background-color: #999;
margin: 0px !important;
}
*/
/*
.tab-content {
margin-left: 0px;
}
.tab-content .tab-pane {
display: none;
background-color: #999;
padding: 1.6rem;
xxxoverflow-y: auto;
}
.tab-content .xactive {
display: block;
}
.nav-tabs li {
float: none;
margin: 0;
}
.nav-tabs li a {
margin-right: 0;
border: 0;
border-radius: 0;
background-color: #000;
}
.nav-tabs li a:hover {
background-color: #444;
}
*/
/**************************************************
TITLE HEADER SECTION
**************************************************/
.section-title-2 h1 {
color: #000000;
font-weight: 600;
position: relative;
display: inline-block;
text-align: center;
text-decoration: none;
text-transform: capitalize;
xtext-transform: uppercase;
margin-bottom: 30px;
}
.section-title-2 h1:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
margin-bottom: -10px;
width: 150px;
height: 5px;
background-color: #FFCC00;
text-align: center;
}
.section-title-2 h3 {
color: #999;
margin-bottom: 10px;
line-height: 1.6;
}
.section-title-2 p {
color: #333;
margin: 0;
}
.section-title-2 ul,li {
margin: 0px !important;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.section-title-2 h1 {
font-size: 24px !important;
xmargin-bottom: 30px;
}
.section-title-2 h1:before {
xbottom: -10;
xline-height: ;
}
}
.main-wrapper-25vh {
height: 25vh;
}
.main-wrapper-50vh {
height: 50vh;
}
.main-wrapper-75vh {
height: 75vh;
}
.main-wrapper-100vh {
height: 100vh;
}
.main-section {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/**************************************************
MAIN BODY CONTENT - 2 COLUMN
**************************************************/
#mmenu_screen > .row {
min-height: 80vh;
}
.flex-fill {
flex:1 1 auto;
}
.bg-eee {
background: #eee;
}
.upload-img img {
width: 100px;
position: relative;
display: flex;
border: 5px solid #ccc;
margin-top: 10px;
}
.search-img img {
width: 100px;
position: relative;
display: flex;
margin-top: 10px;
}
/**************************************************
SLIDE OUT PANEL
**************************************************/
.row-fluid div {
height: 100vh;
-webkit-transition: width 0.3s ease, margin 0.3s ease;
-moz-transition: width 0.3s ease, margin 0.3s ease;
-o-transition: width 0.3s ease, margin 0.3s ease;
transition: width 0.3s ease, margin 0.3s ease;
}
.row-fluid .span0 {
width: 0%;
}
#col1 {
background-color: #000;
}
#col2 {
background-color: #fff;
}
#trig {
margin: 0px;
}
.row-fluid .span0 + [class*="span"]{
margin-left: 0;
}
#slideout {
/* position: absolute; */
position: fixed;
top: 100px;
right: 0;
width: 35px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#slideout_tab {
position: relative;
top: 0;
left: 0;
padding: 12px 6px 12px 12px;
text-align: center;
background: #000;
color: #fff;
cursor:pointer;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
#slideout_inner {
position: absolute;
height:100vh;
top: -50px;
left: 35px;
background: #000;
width: 220px;
padding: 15px;
xheight: 200px;
cursor:auto;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
#showblock:checked + #slideout{right: 250px;}
#showblock{display:none;}
/**************************************************
UPLOAD FILE
**************************************************/
.file-upload {
background-color: #ffffff;
width: 60%;
Xmargin: 0 auto;
padding: 20px;
}
.file-upload-btn {
width: 100%;
margin: 0;
color: #fff;
background: #fca328;
border: none;
padding: 6px;
border-radius: 4px;
border-bottom: 3px solid #bd7a1e;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 300;
}
.file-upload-btn:hover {
background: #f0961a;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}
.file-upload-btn:active {
border: 0;
transition: all .2s ease;
}
.file-upload-content {
display: none;
text-align: center;
}
.file-upload-input {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}
.image-upload-wrap {
margin-top: 20px;
border: 1px dashed #999;
position: relative;
padding: 10px;
}
.image-dropping,
.image-upload-wrap:hover {
background-color: #ccc;
border: 1px dashed #ffffff;
color:#fff !important;
}
.image-title-wrap {
padding: 0 15px 15px 15px;
color: #222;
}
.drag-text {
text-align: center;
}
.drag-text h3 {
font-weight: 100;
text-transform: uppercase;
color: #15824B;
padding: 60px 0;
}
.file-upload-image {
max-height: 200px;
max-width: 200px;
margin: auto;
padding: 20px;
}
.remove-image {
width: 200px;
margin: 0;
color: #fff;
background: #cd4535;
border: none;
padding: 10px;
border-radius: 4px;
border-bottom: 4px solid #b02818;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 700;
}
.remove-image:hover {
background: #c13b2a;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}
.remove-image:active {
border: 0;
transition: all .2s ease;
}
/**************************************************
RADIO CHECKBOX
**************************************************/
/* The radio */
.radio {
display: block;
position: relative;
padding-left: 20px;
margin-bottom: 2px;
cursor: pointer;
font-size: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
xfont-size: 14px;
font-size: inherit;
}
.sc-dec-met{
margin-left: 20px;
color:#ddd;
}
/* Hide the browser's default radio button */
.radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.checkround {
position: absolute;
top: 2px;
left: 0;
height: 15px;
width: 15px;
background-color: #fff ;
border-color:#ccc;
border-style:solid;
border-width:1px;
border-radius: 50%;
}
/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
background-color: #fff;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
display: block;
}
/* Style the indicator (dot/circle) */
.radio .checkround:after {
left: 2px;
top: 2px;
width: 9px;
height: 9px;
border-radius: 50%;
background:#000;
}
/* The check */
.check {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
padding-right: 15px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.check input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 3px;
left: 0;
height: 18px;
width: 18px;
background-color: #fff ;
border-color:#f8204f;
border-style:solid;
border-width:2px;
}
/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
background-color: #fff ;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.check .checkmark:after {
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border: solid ;
border-color:#f8204f;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cust-btn{
margin-bottom: 10px;
background-color: #f8204f;
border-width: 2px;
border-color: #f8204f;
color: #fff;
}
.cust-btn:hover{
border-color: #f8204f;
background-color: #fff;
color: #f8204f;
border-radius: 20px;
transform-style: 2s;
}
/**************************************************
HORINZONTAL LIST
**************************************************/
.listHorizontal li{
width: 120px;
justify-content:space-evenly;
display:inline-block;
xpadding:10px 1%;
color: #b6d8cf;
font-size:10px;
text-transform: uppercase;
list-style: none;
}
.listHorizontal li:hover{
border:2px solid #ffcc00;
}
.text-center {
text-align: center!important;
}
.modal-dialog.modal-notify .heading {
margin: 0;
padding: .3rem;
font-size: 1.15rem;
color: #fff;
}
.modal-dialog.modal-notify.modal-danger .modal-header {
background-color: #fca328; /* #ff3547 */
}
.modal-dialog.modal-notify .modal-header {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
border: 0;
}
.modal-dialog .modal-content .modal-header {
border-top-left-radius: .125rem;
border-top-right-radius: .125rem;
}
.flex-center {
display: flex!important;
justify-content: center!important;
align-items: center!important;
height: 100%!important;
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: .3rem;
border-bottom-left-radius: .3rem;
}
.btn-danger {
color: #fff;
background-color: #333;
border-color: #333;
}
.btn-danger:hover {
background-color: #666;
color: #fff;
}
.waves-effect {
position: relative;
cursor: pointer;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
a.waves-effect, a.waves-light {
display: inline-block;
}
.btn {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
padding: .84rem 2.14rem;
font-size: .81rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin: .375rem;
border: 0;
border-radius: .125rem;
cursor: pointer;
text-transform: uppercase;
white-space: normal;
word-wrap: break-word;
color: #fff;
}
.xxxxxbtn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.xxxbtn-outline-danger-2 {
border: 5px solid #ff3547 !important;
background-color: transparent !important;
background: transparent !important;
color: #ff3547!important;
}
/**************************************************
MODAL
**************************************************/
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: .3rem;
border-bottom-left-radius: .3rem
}
.modal-footer>:not(:first-child) {
margin-left: .25rem
}
.modal-footer>:not(:last-child) {
margin-right: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem)
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width: 1140px
}
}
/**************************************************
Margin top
**************************************************/
.mt-0 { margin-top: 0 }
.mt-3 { margin-top: 3px }
.mt-5 { margin-top: 5px }
.mt-6 { margin-top: 6px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
.mt-200 { margin-top: 200px }
.mt-300 { margin-top: 300px }
.mt-400 { margin-top: 400px }
.mt-500 { margin-top: 500px }
.mt-600 { margin-top: 600px }
.mt-700 { margin-top: 700px }
.mt-800 { margin-top: 800px }
.mt-900 { margin-top: 900px }
.mt-1000 { margin-top: 1000px }
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.mt-50,.mt-60,.mt-65,.mt-70,.mt-75,.mt-80,.mt-85,.mt-90,.mt-95 { margin-top: 15px }
.mt-100 { margin-top: 30px }
.mt-150 { margin-top: 40px }
.mt-200 { margin-top: 50px }
}
/*************************
Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-3 { margin-bottom: 3px }
.mb-5 { margin-bottom: 5px }
.mb-6 { margin-bottom: 6px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
.mb-200 { margin-bottom: 200px }
.mb-300 { margin-bottom: 300px }
.mb-400 { margin-bottom: 400px }
.mb-500 { margin-bottom: 500px }
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.mb-50 { margin-bottom: 15px !important; }
.mb-100 { margin-bottom: 30px !important; }
.mb-150 { margin-bottom: 40px !important; }
.mb-200 { margin-bottom: 50px !important; }
}
/*
.nav
{
display: flex;
margin-bottom: 0;
padding-left: 0;
list-style: none;
flex-wrap: wrap;
}
.nav-link
{
display: block;
padding: .25rem .75rem;
}
.nav-link:hover,
.nav-link:focus
{
text-decoration: none;
}
.nav-link.disabled
{
color: #8898aa;
}
.nav-tabs
{
border-bottom: .0625rem solid #dee2e6;
}
.nav-tabs .nav-item
{
margin-bottom: -.0625rem;
}
.nav-tabs .nav-link
{
border: .0625rem solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus
{
border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled
{
color: #8898aa;
border-color: transparent;
background-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link
{
color: #525f7f;
border-color: #dee2e6 #dee2e6 #fff;
background-color: #fff;
}
.nav-tabs .dropdown-menu
{
margin-top: -.0625rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
*/