W

e

l

c

o

m

e

M

y

 

n

a

m

e

 

i

s

M

o

h

a

m

m

a

d

D

a

n

e

s

h

a

m

o

o

z

Programming about Web develop(FullStack)
, Android Application , Windows Application

{ font-family :sans-serif; 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 { margin :0; font-family :Nunito, sans-serif; font-size : .9rem; font-weight :400; line-height :1 .6; color :#212529; text-align :left; background-color :#f8fafc} [tabindex="-1"] :focus { outline :0!important} hr { box-sizing :content-box; height :0; overflow :visible} 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] { text-decoration :underline; -webkit-text-decoration :underline dotted; text-decoration :underline dotted; cursor :help; border-bottom :0} address { font-style :normal; line-height :inherit} address, dl, ol, ul { margin-bottom :1rem} dl, ol, ul { margin-top :0} 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} dfn { font-style :italic} b, strong { font-weight :bolder} small { font-size :80%} sub, sup { position :relative; font-size :75%; line-height :0; vertical-align :baseline} sub { bottom :- .25em} sup { top :- .5em} a { color :#3490dc; text-decoration :none; background-color :transparent; -webkit-text-decoration-skip :objects} a :hover { color :#1d68a7; text-decoration :underline} a :not([href]) :not([tabindex]), a :not([href]) :not([tabindex]) :focus, a :not([href]) :not([tabindex]) :hover { color :inherit; text-decoration :none} a :not([href]) :not([tabindex]) :focus { outline :0} code, kbd, pre, samp { font-family :SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size :1em} pre { margin-top :0; margin-bottom :1rem; overflow :auto; -ms-overflow-style :scrollbar} figure { margin :0 0 1rem} img { border-style :none} img, svg { vertical-align :middle} svg { overflow :hidden} table { border-collapse :collapse} caption { padding-top : .75rem; padding-bottom : .75rem; color :#6c757d; text-align :left; caption-side :bottom} 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} button, input, optgroup, select, textarea { margin :0; font-family :inherit; font-size :inherit; line-height :inherit} button, input { overflow :visible} button, select { text-transform :none} [type=reset], [type=submit], button, html [type=button] { -webkit-appearance :button} [type=button] : :-moz-focus-inner, [type=reset] : :-moz-focus-inner, [type=submit] : :-moz-focus-inner, button : :-moz-focus-inner { padding :0; border-style :none} input[type=checkbox], input[type=radio] { box-sizing :border-box; padding :0} input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance :listbox} textarea { overflow :auto; resize :vertical} fieldset { min-width :0; padding :0; margin :0; border :0} legend { display :block; width :100%; max-width :100%; padding :0; margin-bottom : .5rem; font-size :1 .5rem; line-height :inherit; color :inherit; white-space :normal} 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 { margin-bottom : .5rem; font-family :inherit; font-weight :500; line-height :1 .2; color :inherit} .h1, h1 { font-size :2 .25rem} .h2, h2 { font-size :1 .8rem} .h3, h3 { font-size :1 .575rem} .h4, h4 { font-size :1 .35rem} .h5, h5 { font-size :1 .125rem} .h6, h6 { font-size : .9rem} .lead { font-size :1 .125rem; font-weight :300} .display-1 { font-size :6rem} .display-1, .display-2 { font-weight :300; line-height :1 .2} .display-2 { font-size :5 .5rem} .display-3 { font-size :4 .5rem} .display-3, .display-4 { font-weight :300; line-height :1 .2} .display-4 { font-size :3 .5rem} 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-inline, .list-unstyled { 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 { margin-bottom :1rem; font-size :1 .125rem} .blockquote-footer { display :block; font-size :80%; color :#6c757d} .blockquote-footer :before { content :"\2014\A0"} .img-fluid, .img-thumbnail { max-width :100%; height :auto} .img-thumbnail { padding : .25rem; background-color :#f8fafc; border :1px solid #dee2e6; border-radius : .25rem} .figure { display :inline-block} .figure-img { margin-bottom : .5rem; line-height :1} .figure-caption { font-size :90%; color :#6c757d} code { font-size :87 .5%; color :#f66d9b; word-break :break-word} a>code { color :inherit} kbd { padding : .2rem .4rem; font-size :87 .5%; color :#fff; background-color :#212529; border-radius : .2rem} kbd kbd { padding :0; font-size :100%; font-weight :700} pre { display :block; font-size :87 .5%; color :#212529} pre code { font-size :inherit; color :inherit; word-break :normal} .pre-scrollable { max-height :340px; overflow-y :scroll} .container { width :100%; padding-right :15px; padding-left :15px; margin-right :auto; margin-left :auto} @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 :1140px} } .container-fluid { width :100%; padding-right :15px; padding-left :15px; margin-right :auto; margin-left :auto} .row { display :flex; flex-wrap :wrap; margin-right :-15px; margin-left :-15px} .no-gutters { margin-right :0; margin-left :0} .no-gutters> .col, .no-gutters>[class*=col-] { padding-right :0; padding-left :0} .col, .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-auto, .col-lg, .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-auto, .col-md, .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-auto, .col-sm, .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-auto, .col-xl, .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-auto { position :relative; width :100%; min-height :1px; padding-right :15px; padding-left :15px} .col { flex-basis :0; flex-grow :1; max-width :100%} .col-auto { flex :0 0 auto; width :auto; max-width :none} .col-1 { flex :0 0 8 .3333333333%; max-width :8 .3333333333%} .col-2 { flex :0 0 16 .6666666667%; max-width :16 .6666666667%} .col-3 { flex :0 0 25%; max-width :25%} .col-4 { flex :0 0 33 .3333333333%; max-width :33 .3333333333%} .col-5 { flex :0 0 41 .6666666667%; max-width :41 .6666666667%} .col-6 { flex :0 0 50%; max-width :50%} .col-7 { flex :0 0 58 .3333333333%; max-width :58 .3333333333%} .col-8 { flex :0 0 66 .6666666667%; max-width :66 .6666666667%} .col-9 { flex :0 0 75%; max-width :75%} .col-10 { flex :0 0 83 .3333333333%; max-width :83 .3333333333%} .col-11 { flex :0 0 91 .6666666667%; max-width :91 .6666666667%} .col-12 { flex :0 0 100%; max-width :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 .3333333333%} .offset-2 { margin-left :16 .6666666667%} .offset-3 { margin-left :25%} .offset-4 { margin-left :33 .3333333333%} .offset-5 { margin-left :41 .6666666667%} .offset-6 { margin-left :50%} .offset-7 { margin-left :58 .3333333333%} .offset-8 { margin-left :66 .6666666667%} .offset-9 { margin-left :75%} .offset-10 { margin-left :83 .3333333333%} .offset-11 { margin-left :91 .6666666667%} @media (min-width :576px) { .col-sm { flex-basis :0; flex-grow :1; max-width :100%} .col-sm-auto { flex :0 0 auto; width :auto; max-width :none} .col-sm-1 { flex :0 0 8 .3333333333%; max-width :8 .3333333333%} .col-sm-2 { flex :0 0 16 .6666666667%; max-width :16 .6666666667%} .col-sm-3 { flex :0 0 25%; max-width :25%} .col-sm-4 { flex :0 0 33 .3333333333%; max-width :33 .3333333333%} .col-sm-5 { flex :0 0 41 .6666666667%; max-width :41 .6666666667%} .col-sm-6 { flex :0 0 50%; max-width :50%} .col-sm-7 { flex :0 0 58 .3333333333%; max-width :58 .3333333333%} .col-sm-8 { flex :0 0 66 .6666666667%; max-width :66 .6666666667%} .col-sm-9 { flex :0 0 75%; max-width :75%} .col-sm-10 { flex :0 0 83 .3333333333%; max-width :83 .3333333333%} .col-sm-11 { flex :0 0 91 .6666666667%; max-width :91 .6666666667%} .col-sm-12 { flex :0 0 100%; max-width :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 .3333333333%} .offset-sm-2 { margin-left :16 .6666666667%} .offset-sm-3 { margin-left :25%} .offset-sm-4 { margin-left :33 .3333333333%} .offset-sm-5 { margin-left :41 .6666666667%} .offset-sm-6 { margin-left :50%} .offset-sm-7 { margin-left :58 .3333333333%} .offset-sm-8 { margin-left :66 .6666666667%} .offset-sm-9 { margin-left :75%} .offset-sm-10 { margin-left :83 .3333333333%} .offset-sm-11 { margin-left :91 .6666666667%} } @media (min-width :768px) { .col-md { flex-basis :0; flex-grow :1; max-width :100%} .col-md-auto { flex :0 0 auto; width :auto; max-width :none} .col-md-1 { flex :0 0 8 .3333333333%; max-width :8 .3333333333%} .col-md-2 { flex :0 0 16 .6666666667%; max-width :16 .6666666667%} .col-md-3 { flex :0 0 25%; max-width :25%} .col-md-4 { flex :0 0 33 .3333333333%; max-width :33 .3333333333%} .col-md-5 { flex :0 0 41 .6666666667%; max-width :41 .6666666667%} .col-md-6 { flex :0 0 50%; max-width :50%} .col-md-7 { flex :0 0 58 .3333333333%; max-width :58 .3333333333%} .col-md-8 { flex :0 0 66 .6666666667%; max-width :66 .6666666667%} .col-md-9 { flex :0 0 75%; max-width :75%} .col-md-10 { flex :0 0 83 .3333333333%; max-width :83 .3333333333%} .col-md-11 { flex :0 0 91 .6666666667%; max-width :91 .6666666667%} .col-md-12 { flex :0 0 100%; max-width :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 .3333333333%} .offset-md-2 { margin-left :16 .6666666667%} .offset-md-3 { margin-left :25%} .offset-md-4 { margin-left :33 .3333333333%} .offset-md-5 { margin-left :41 .6666666667%} .offset-md-6 { margin-left :50%} .offset-md-7 { margin-left :58 .3333333333%} .offset-md-8 { margin-left :66 .6666666667%} .offset-md-9 { margin-left :75%} .offset-md-10 { margin-left :83 .3333333333%} .offset-md-11 { margin-left :91 .6666666667%} } @media (min-width :992px) { .col-lg { flex-basis :0; flex-grow :1; max-width :100%} .col-lg-auto { flex :0 0 auto; width :auto; max-width :none} .col-lg-1 { flex :0 0 8 .3333333333%; max-width :8 .3333333333%} .col-lg-2 { flex :0 0 16 .6666666667%; max-width :16 .6666666667%} .col-lg-3 { flex :0 0 25%; max-width :25%} .col-lg-4 { flex :0 0 33 .3333333333%; max-width :33 .3333333333%} .col-lg-5 { flex :0 0 41 .6666666667%; max-width :41 .6666666667%} .col-lg-6 { flex :0 0 50%; max-width :50%} .col-lg-7 { flex :0 0 58 .3333333333%; max-width :58 .3333333333%} .col-lg-8 { flex :0 0 66 .6666666667%; max-width :66 .6666666667%} .col-lg-9 { flex :0 0 75%; max-width :75%} .col-lg-10 { flex :0 0 83 .3333333333%; max-width :83 .3333333333%} .col-lg-11 { flex :0 0 91 .6666666667%; max-width :91 .6666666667%} .col-lg-12 { flex :0 0 100%; max-width :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 .3333333333%} .offset-lg-2 { margin-left :16 .6666666667%} .offset-lg-3 { margin-left :25%} .offset-lg-4 { margin-left :33 .3333333333%} .offset-lg-5 { margin-left :41 .6666666667%} .offset-lg-6 { margin-left :50%} .offset-lg-7 { margin-left :58 .3333333333%} .offset-lg-8 { margin-left :66 .6666666667%} .offset-lg-9 { margin-left :75%} .offset-lg-10 { margin-left :83 .3333333333%} .offset-lg-11 { margin-left :91 .6666666667%} } @media (min-width :1200px) { .col-xl { flex-basis :0; flex-grow :1; max-width :100%} .col-xl-auto { flex :0 0 auto; width :auto; max-width :none} .col-xl-1 { flex :0 0 8 .3333333333%; max-width :8 .3333333333%} .col-xl-2 { flex :0 0 16 .6666666667%; max-width :16 .6666666667%} .col-xl-3 { flex :0 0 25%; max-width :25%} .col-xl-4 { flex :0 0 33 .3333333333%; max-width :33 .3333333333%} .col-xl-5 { flex :0 0 41 .6666666667%; max-width :41 .6666666667%} .col-xl-6 { flex :0 0 50%; max-width :50%} .col-xl-7 { flex :0 0 58 .3333333333%; max-width :58 .3333333333%} .col-xl-8 { flex :0 0 66 .6666666667%; max-width :66 .6666666667%} .col-xl-9 { flex :0 0 75%; max-width :75%} .col-xl-10 { flex :0 0 83 .3333333333%; max-width :83 .3333333333%} .col-xl-11 { flex :0 0 91 .6666666667%; max-width :91 .6666666667%} .col-xl-12 { flex :0 0 100%; max-width :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 .3333333333%} .offset-xl-2 { margin-left :16 .6666666667%} .offset-xl-3 { margin-left :25%} .offset-xl-4 { margin-left :33 .3333333333%} .offset-xl-5 { margin-left :41 .6666666667%} .offset-xl-6 { margin-left :50%} .offset-xl-7 { margin-left :58 .3333333333%} .offset-xl-8 { margin-left :66 .6666666667%} .offset-xl-9 { margin-left :75%} .offset-xl-10 { margin-left :83 .3333333333%} .offset-xl-11 { margin-left :91 .6666666667%} } .table { width :100%; margin-bottom :1rem; background-color :transparent} .table td, .table th { padding : .75rem; vertical-align :top; border-top :1px solid #dee2e6} .table thead th { vertical-align :bottom; border-bottom :2px solid #dee2e6} .table tbody+tbody { border-top :2px solid #dee2e6} .table .table { background-color :#f8fafc} .table-sm td, .table-sm th { padding : .3rem} .table-bordered, .table-bordered td, .table-bordered th { border :1px solid #dee2e6} .table-bordered thead td, .table-bordered thead th { border-bottom-width :2px} .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border :0} .table-striped tbody tr :nth-of-type(odd) { background-color :rgba(0, 0, 0, .05)} .table-hover tbody tr :hover { background-color :rgba(0, 0, 0, .075)} .table-primary, .table-primary>td, .table-primary>th { background-color :#c6e0f5} .table-hover .table-primary :hover, .table-hover .table-primary :hover>td, .table-hover .table-primary :hover>th { background-color :#b0d4f1} .table-secondary, .table-secondary>td, .table-secondary>th { background-color :#d6d8db} .table-hover .table-secondary :hover, .table-hover .table-secondary :hover>td, .table-hover .table-secondary :hover>th { background-color :#c8cbcf} .table-success, .table-success>td, .table-success>th { background-color :#c7eed8} .table-hover .table-success :hover, .table-hover .table-success :hover>td, .table-hover .table-success :hover>th { background-color :#b3e8ca} .table-info, .table-info>td, .table-info>th { background-color :#d6e9f9} .table-hover .table-info :hover, .table-hover .table-info :hover>td, .table-hover .table-info :hover>th { background-color :#c0ddf6} .table-warning, .table-warning>td, .table-warning>th { background-color :#fffacc} .table-hover .table-warning :hover, .table-hover .table-warning :hover>td, .table-hover .table-warning :hover>th { background-color :#fff8b3} .table-danger, .table-danger>td, .table-danger>th { background-color :#f7c6c5} .table-hover .table-danger :hover, .table-hover .table-danger :hover>td, .table-hover .table-danger :hover>th { background-color :#f4b0af} .table-light, .table-light>td, .table-light>th { background-color :#fdfdfe} .table-hover .table-light :hover, .table-hover .table-light :hover>td, .table-hover .table-light :hover>th { background-color :#ececf6} .table-dark, .table-dark>td, .table-dark>th { background-color :#c6c8ca} .table-hover .table-dark :hover, .table-hover .table-dark :hover>td, .table-hover .table-dark :hover>th { background-color :#b9bbbe} .table-active, .table-active>td, .table-active>th, .table-hover .table-active :hover, .table-hover .table-active :hover>td, .table-hover .table-active :hover>th { background-color :rgba(0, 0, 0, .075)} .table .thead-dark th { color :#f8fafc; background-color :#212529; border-color :#32383e} .table .thead-light th { color :#495057; background-color :#e9ecef; border-color :#dee2e6} .table-dark { color :#f8fafc; background-color :#212529} .table-dark td, .table-dark th, .table-dark thead th { border-color :#32383e} .table-dark .table-bordered { border :0} .table-dark .table-striped tbody tr :nth-of-type(odd) { background-color :hsla(0, 0%, 100%, .05)} .table-dark .table-hover tbody tr :hover { background-color :hsla(0, 0%, 100%, .075)} @media (max-width :575 .98px) { .table-responsive-sm { display :block; width :100%; overflow-x :auto; -webkit-overflow-scrolling :touch; -ms-overflow-style :-ms-autohiding-scrollbar} .table-responsive-sm> .table-bordered { border :0} } @media (max-width :767 .98px) { .table-responsive-md { display :block; width :100%; overflow-x :auto; -webkit-overflow-scrolling :touch; -ms-overflow-style :-ms-autohiding-scrollbar} .table-responsive-md> .table-bordered { border :0} } @media (max-width :991 .98px) { .table-responsive-lg { display :block; width :100%; overflow-x :auto; -webkit-overflow-scrolling :touch; -ms-overflow-style :-ms-autohiding-scrollbar} .table-responsive-lg> .table-bordered { border :0} } @media (max-width :1199 .98px) { .table-responsive-xl { display :block; width :100%; overflow-x :auto; -webkit-overflow-scrolling :touch; -ms-overflow-style :-ms-autohiding-scrollbar} .table-responsive-xl> .table-bordered { border :0} } .table-responsive { display :block; width :100%; overflow-x :auto; -webkit-overflow-scrolling :touch; -ms-overflow-style :-ms-autohiding-scrollbar} .table-responsive> .table-bordered { border :0} .form-control { display :block; width :100%; height :calc(2 .19rem + 2px); padding : .375rem .75rem; font-size : .9rem; line-height :1 .6; color :#495057; background-color :#fff; background-clip :padding-box; border :1px solid #ced4da; border-radius : .25rem; transition :border-color .15s ease-in-out, box-shadow .15s ease-in-out} @media screen and (prefers-reduced-motion :reduce) { .form-control { transition :none} } .form-control : :-ms-expand { background-color :transparent; border :0} .form-control :focus { color :#495057; background-color :#fff; border-color :#a1cbef; outline :0; box-shadow :0 0 0 .2rem rgba(52, 144, 220, .25)} .form-control : :-webkit-input-placeholder { color :#6c757d; opacity :1} .form-control :-ms-input-placeholder { color :#6c757d; opacity :1} .form-control : :-ms-input-placeholder { color :#6c757d; opacity :1} .form-control : :placeholder { color :#6c757d; opacity :1} .form-control :disabled, .form-control[readonly] { background-color :#e9ecef; opacity :1} select .form-control :focus : :-ms-value { color :#495057; background-color :#fff} .form-control-file, .form-control-range { display :block; width :100%} .col-form-label { padding-top :calc( .375rem + 1px); padding-bottom :calc( .375rem + 1px); margin-bottom :0; font-size :inherit; line-height :1 .6} .col-form-label-lg { padding-top :calc( .5rem + 1px); padding-bottom :calc( .5rem + 1px); font-size :1 .125rem; line-height :1 .5} .col-form-label-sm { padding-top :calc( .25rem + 1px); padding-bottom :calc( .25rem + 1px); font-size : .7875rem; line-height :1 .5} .form-control-plaintext { display :block; width :100%; padding-top : .375rem; padding-bottom : .375rem; margin-bottom :0; line-height :1 .6; color :#212529; background-color :transparent; border :solid transparent; border-width :1px 0} .form-control-plaintext .form-control-lg, .form-control-plaintext .form-control-sm { padding-right :0; padding-left :0} .form-control-sm { height :calc(1 .68125rem + 2px); padding : .25rem .5rem; font-size : .7875rem; line-height :1 .5; border-radius : .2rem} .form-control-lg { height :calc(2 .6875rem + 2px); padding : .5rem 1rem; font-size :1 .125rem; line-height :1 .5; border-radius : .3rem} select .form-control[multiple], select .form-control[size], textarea .form-control { height :auto} .form-group { margin-bottom :1rem} .form-text { display :block; margin-top : .25rem} .form-row { display :flex; flex-wrap :wrap; margin-right :-5px; margin-left :-5px} .form-row> .col, .form-row>[class*=col-] { padding-right :5px; padding-left :5px} .form-check { position :relative; display :block; padding-left :1 .25rem} .form-check-input { position :absolute; margin-top : .3rem; margin-left :-1 .25rem} .form-check-input :disabled~ .form-check-label { color :#6c757d} .form-check-label { margin-bottom :0} .form-check-inline { display :inline-flex; align-items :center; padding-left :0; margin-right : .75rem} .form-check-inline .form-check-input { position :static; margin-top :0; margin-right : .3125rem; margin-left :0} .valid-feedback { display :none; width :100%; margin-top : .25rem; font-size :80%; color :#38c172} .valid-tooltip { position :absolute; top :100%; z-index :5; display :none; max-width :100%; padding : .25rem .5rem; margin-top : .1rem; font-size : .7875rem; line-height :1 .6; color :#fff; background-color :rgba(56, 193, 114, .9); border-radius : .25rem} .custom-select .is-valid, .form-control .is-valid, .was-validated .custom-select :valid, .was-validated .form-control :valid { border-color :#38c172} .custom-select .is-valid :focus, .form-control .is-valid :focus, .was-validated .custom-select :valid :focus, .was-validated .form-control :valid :focus { border-color :#38c172; box-shadow :0 0 0 .2rem rgba(56, 193, 114, .25)} .custom-select .is-valid~ .valid-feedback, .custom-select .is-valid~ .valid-tooltip, .form-control-file .is-valid~ .valid-feedback, .form-control-file .is-valid~ .valid-tooltip, .form-control .is-valid~ .valid-feedback, .form-control .is-valid~ .valid-tooltip, .was-validated .custom-select :valid~ .valid-feedback, .was-validated .custom-select :valid~ .valid-tooltip, .was-validated .form-control-file :valid~ .valid-feedback, .was-validated .form-control-file :valid~ .valid-tooltip, .was-validated .form-control :valid~ .valid-feedback, .was-validated .form-control :valid~ .valid-tooltip { display :block} .form-check-input .is-valid~ .form-check-label, .was-validated .form-check-input :valid~ .form-check-label { color :#38c172} .form-check-input .is-valid~ .valid-feedback, .form-check-input .is-valid~ .valid-tooltip, .was-validated .form-check-input :valid~ .valid-feedback, .was-validated .form-check-input :valid~ .valid-tooltip { display :block} .custom-control-input .is-valid~ .custom-control-label, .was-validated .custom-control-input :valid~ .custom-control-label { color :#38c172} .custom-control-input .is-valid~ .custom-control-label :before, .was-validated .custom-control-input :valid~ .custom-control-label :before { background-color :#98e1b7} .custom-control-input .is-valid~ .valid-feedback, .custom-control-input .is-valid~ .valid-tooltip, .was-validated .custom-control-input :valid~ .valid-feedback, .was-validated .custom-control-input :valid~ .valid-tooltip { display :block} .custom-control-input .is-valid :checked~ .custom-control-label :before, .was-validated .custom-control-input :valid :checked~ .custom-control-label :before { background-color :#5cd08d} .custom-control-input .is-valid :focus~ .custom-control-label :before, .was-validated .custom-control-input :valid :focus~ .custom-control-label :before { box-shadow :0 0 0 1px #f8fafc, 0 0 0 .2rem rgba(56, 193, 114, .25)} .custom-file-input .is-valid~ .custom-file-label, .was-validated .custom-file-input :valid~ .custom-file-label { border-color :#38c172} .custom-file-input .is-valid~ .custom-file-label :after, .was-validated .custom-file-input :valid~ .custom-file-label :after { border-color :inherit} .custom-file-input .is-valid~ .valid-feedback, .custom-file-input .is-valid~ .valid-tooltip, .was-validated .custom-file-input :valid~ .valid-feedback, .was-validated .custom-file-input :valid~ .valid-tooltip { display :block} .custom-file-input .is-valid :focus~ .custom-file-label, .was-validated .custom-file-input :valid :focus~ .custom-file-label { box-shadow :0 0 0 .2rem rgba(56, 193, 114, .25)} .invalid-feedback { display :none; width :100%; margin-top : .25rem; font-size :80%; color :#e3342f} .invalid-tooltip { position :absolute; top :100%; z-index :5; display :none; max-width :100%; padding : .25rem .5rem; margin-top : .1rem; font-size : .7875rem; line-height :1 .6; color :#fff; background-color :rgba(227, 52, 47, .9); border-radius : .25rem} .custom-select .is-invalid, .form-control .is-invalid, .was-validated .custom-select :invalid, .was-validated .form-control :invalid { border-color :#e3342f} .custom-select .is-invalid :focus, .form-control .is-invalid :focus, .was-validated .custom-select :invalid :focus, .was-validated .form-control :invalid :focus { border-color :#e3342f; box-shadow :0 0 0 .2rem rgba(227, 52, 47, .25)} .custom-select .is-invalid~ .invalid-feedback, .custom-select .is-invalid~ .invalid-tooltip, .form-control-file .is-invalid~ .invalid-feedback, .form-control-file .is-invalid~ .invalid-tooltip, .form-control .is-invalid~ .invalid-feedback, .form-control .is-invalid~ .invalid-tooltip, .was-validated .custom-select :invalid~ .invalid-feedback, .was-validated .custom-select :invalid~ .invalid-tooltip, .was-validated .form-control-file :invalid~ .invalid-feedback, .was-validated .form-control-file :invalid~ .invalid-tooltip, .was-validated .form-control :invalid~ .invalid-feedback, .was-validated .form-control :invalid~ .invalid-tooltip { display :block} .form-check-input .is-invalid~ .form-check-label, .was-validated .form-check-input :invalid~ .form-check-label { color :#e3342f} .form-check-input .is-invalid~ .invalid-feedback, .form-check-input .is-invalid~ .invalid-tooltip, .was-validated .form-check-input :invalid~ .invalid-feedback, .was-validated .form-check-input :invalid~ .invalid-tooltip { display :block} .custom-control-input .is-invalid~ .custom-control-label, .was-validated .custom-control-input :invalid~ .custom-control-label { color :#e3342f} .custom-control-input .is-invalid~ .custom-control-label :before, .was-validated .custom-control-input :invalid~ .custom-control-label :before { background-color :#f2a29f} .custom-control-input .is-invalid~ .invalid-feedback, .custom-control-input .is-invalid~ .invalid-tooltip, .was-validated .custom-control-input :invalid~ .invalid-feedback, .was-validated .custom-control-input :invalid~ .invalid-tooltip { display :block} .custom-control-input .is-invalid :checked~ .custom-control-label :before, .was-validated .custom-control-input :invalid :checked~ .custom-control-label :before { background-color :#e9605c} .custom-control-input .is-invalid :focus~ .custom-control-label :before, .was-validated .custom-control-input :invalid :focus~ .custom-control-label :before { box-shadow :0 0 0 1px #f8fafc, 0 0 0 .2rem rgba(227, 52, 47, .25)} .custom-file-input .is-invalid~ .custom-file-label, .was-validated .custom-file-input :invalid~ .custom-file-label { border-color :#e3342f} .custom-file-input .is-invalid~ .custom-file-label :after, .was-validated .custom-file-input :invalid~ .custom-file-label :after { border-color :inherit} .custom-file-input .is-invalid~ .invalid-feedback, .custom-file-input .is-invalid~ .invalid-tooltip, .was-validated .custom-file-input :invalid~ .invalid-feedback, .was-validated .custom-file-input :invalid~ .invalid-tooltip { display :block} .custom-file-input .is-invalid :focus~ .custom-file-label, .was-validated .custom-file-input :invalid :focus~ .custom-file-label { box-shadow :0 0 0 .2rem rgba(227, 52, 47, .25)} .form-inline { display :flex; flex-flow :row wrap; align-items :center} .form-inline .form-check { width :100%} @media (min-width :576px) { .form-inline label { justify-content :center} .form-inline .form-group, .form-inline label { display :flex; align-items :center; margin-bottom :0} .form-inline .form-group { flex :0 0 auto; flex-flow :row wrap} .form-inline .form-control { display :inline-block; width :auto; vertical-align :middle} .form-inline .form-control-plaintext { display :inline-block} .form-inline .custom-select, .form-inline .input-group { width :auto} .form-inline .form-check { display :flex; align-items :center; justify-content :center; width :auto; padding-left :0} .form-inline .form-check-input { position :relative; margin-top :0; margin-right : .25rem; margin-left :0} .form-inline .custom-control { align-items :center; justify-content :center} .form-inline .custom-control-label { margin-bottom :0} } .btn { display :inline-block; font-weight :400; text-align :center; white-space :nowrap; vertical-align :middle; -webkit-user-select :none; -moz-user-select :none; -ms-user-select :none; user-select :none; border :1px solid transparent; padding : .375rem .75rem; font-size : .9rem; line-height :1 .6; 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} @media screen and (prefers-reduced-motion :reduce) { .btn { transition :none} } .btn :focus, .btn :hover { text-decoration :none} .btn .focus, .btn :focus { outline :0; box-shadow :0 0 0 .2rem rgba(52, 144, 220, .25)} .btn .disabled, .btn :disabled { opacity : .65} .btn :not( :disabled) :not( .disabled) { cursor :pointer} a .btn .disabled, fieldset :disabled a .btn { pointer-events :none} .btn-primary { color :#fff; background-color :#3490dc; border-color :#3490dc} .btn-primary :hover { color :#fff; background-color :#227dc7; border-color :#2176bd} .btn-primary .focus, .btn-primary :focus { box-shadow :0 0 0 .2rem rgba(52, 144, 220, .5)} .btn-primary .disabled, .btn-primary :disabled { color :#fff; background-color :#3490dc; border-color :#3490dc} .btn-primary :not( :disabled) :not( .disabled) .active, .btn-primary :not( :disabled) :not( .disabled) :active, .show> .btn-primary .dropdown-toggle { color :#fff; background-color :#2176bd; border-color :#1f6fb2} .btn-primary :not( :disabled) :not( .disabled) .active :focus, .btn-primary :not( :disabled) :not( .disabled) :active :focus, .show> .btn-primary .dropdown-toggle :focus { box-shadow :0 0 0 .2rem rgba(52, 144, 220, .5)} .btn-secondary { color :#fff; background-color :#6c757d; border-color :#6c757d} .btn-secondary :hover { color :#fff; background-color :#5a6268; border-color :#545b62} .btn-secondary .focus, .btn-secondary :focus { box-shadow :0 0 0 .2rem rgba(108, 117, 125, .5)} .btn-secondary .disabled, .btn-secondary :disabled { color :#fff; background-color :#6c757d; border-color :#6c757d} .btn-secondary :not( :disabled) :not( .disabled) .active, .btn-secondary :not( :disabled) :not( .disabled) :active, .show> .btn-secondary .dropdown-toggle { color :#fff; background-color :#545b62; border-color :#4e555b} .btn-secondary :not( :disabled) :not( .disabled) .active :focus, .btn-secondary :not( :disabled) :not( .disabled) :active :focus, .show> .btn-secondary .dropdown-toggle :focus { box-shadow :0 0 0 .2rem rgba(108, 117, 125, .5)} .btn-success { color :#fff; background-color :#38c172; border-color :#38c172} .btn-success :hover { color :#fff; background-color :#2fa360; border-color :#2d995b} .btn-success .focus, .btn-success :focus { box-shadow :0 0 0 .2rem rgba(56, 193, 114, .5)} .btn-success .disabled, .btn-success :disabled { color :#fff; background-color :#38c172; border-color :#38c172} .btn-success :not( :disabled) :not( .disabled) .active, .btn-success :not( :disabled) :not( .disabled) :active, .show> .btn-success .dropdown-toggle { color :#fff; background-color :#2d995b; border-color :#2a9055} .btn-success :not( :disabled) :not( .disabled) .active :focus, .btn-success :not( :disabled) :not( .disabled) :active :focus, .show> .btn-success .dropdown-toggle :focus { box-shadow :0 0 0 .2rem rgba(56, 193, 114, .5)}