From 22aa7c76b6dbbebdacf194895134b6676895113f Mon Sep 17 00:00:00 2001 From: Hathaipach Date: Sat, 12 Oct 2019 12:26:53 +0700 Subject: [PATCH] Update ct-paper.css styles Update ct-paper.css styles --- ct-paper.css | 6892 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 6892 insertions(+) create mode 100644 ct-paper.css diff --git a/ct-paper.css b/ct-paper.css new file mode 100644 index 0000000..7605be0 --- /dev/null +++ b/ct-paper.css @@ -0,0 +1,6892 @@ +/* light colors - used for select dropdown */ +/* Font Smoothing */ +h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: 'Montserrat', "Helvetica", Arial, sans-serif; } + +h1, .h1, h2, .h2, h3, .h3, h4, .h4 { + font-weight: 400; + margin: 30px 0 15px; } + +h1, .h1 { + font-size: 4.5em; } + +h2, .h2 { + font-size: 3em; } + +h3, .h3 { + font-size: 1.825em; + line-height: 1.4; + margin: 20px 0 10px; } + +h4, .h4 { + font-size: 1.5em; + font-weight: 600; + line-height: 1.2em; } + +h5, .h5 { + font-size: 1.25em; + font-weight: 400; + line-height: 1.4em; + margin-bottom: 15px; } + +h6, .h6 { + font-size: 0.9em; + font-weight: 600; + text-transform: uppercase; } + +p { + font-size: 16px; + line-height: 1.5em; } + +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { + color: #9A9A9A; + font-weight: 300; + line-height: 1.5em; } + +h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { + font-size: 60%; } + +.title-uppercase { + text-transform: uppercase; } + +blockquote { + font-style: italic; } + +blockquote small { + font-style: normal; } + +.text-muted { + color: #a49e93; } + +.text-primary, .text-primary:hover { + color: #427C89; } + +.text-info, .text-info:hover { + color: #3091B2; } + +.text-success, .text-success:hover { + color: #42A084; } + +.text-warning, .text-warning:hover { + color: #BB992F; } + +.text-danger, .text-danger:hover { + color: #B33C12; } + +.glyphicon { + line-height: 1; } + +.title-no-upper-margin { + margin-top: 0px; } + +strong { + color: #403D39; } + +.chart-legend .text-primary, .chart-legend .text-primary:hover { + color: #7A9E9F; } +.chart-legend .text-info, .chart-legend .text-info:hover { + color: #68B3C8; } +.chart-legend .text-success, .chart-legend .text-success:hover { + color: #7AC29A; } +.chart-legend .text-warning, .chart-legend .text-warning:hover { + color: #F3BB45; } +.chart-legend .text-danger, .chart-legend .text-danger:hover { + color: #EB5E28; } + +/* General overwrite */ +body { + color: #66615b; + font-size: 16px; + font-family: 'Montserrat', "Helvetica", Arial, sans-serif; } + +a { + color: #68B3C8; + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; } + a:hover, a:focus { + color: #3091B2; + text-decoration: none; } + +hr { + border-color: #F1EAE0; } + +.fa-base { + font-size: 1.25em !important; } + +a:focus, a:active, +button::-moz-focus-inner, +input[type="reset"]::-moz-focus-inner, +input[type="button"]::-moz-focus-inner, +input[type="submit"]::-moz-focus-inner, +select::-moz-focus-inner, +input[type="file"] > input[type="button"]::-moz-focus-inner { + outline: 0; } + +.ui-slider-handle:focus, +.navbar-toggle { + outline: 0 !important; } + +/* Animations */ +.form-control, +.input-group-addon, +.tagsinput, +.navbar, +.navbar .alert { + -webkit-transition: all 300ms linear; + -moz-transition: all 300ms linear; + -o-transition: all 300ms linear; + -ms-transition: all 300ms linear; + transition: all 300ms linear; } + +.tagsinput .tag, +.tagsinput-remove-link, +.filter, +.btn-hover, +[data-toggle="collapse"] i { + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; } + +.btn-morphing .fa, +.btn-morphing .circle, +.gsdk-collapse { + -webkit-transition: all 300ms linear; + -moz-transition: all 300ms linear; + -o-transition: all 300ms linear; + -ms-transition: all 300ms linear; + transition: all 300ms linear; } + +.fa { + width: 15px; + text-align: center; } + +.margin-top { + margin-top: 50px; } + +/* CT colors */ +.ct-blue, +.checkbox-blue.checkbox.checked .second-icon, +.checkbox-blue.checkbox.checked, +.radio-blue.radio.checked .second-icon, +.radio-blue.radio.checked { + color: #7A9E9F; } + +.ct-azure, +.checkbox-azure.checkbox.checked .second-icon, +.radio-azure.radio.checked .second-icon, +.checkbox-azure.checkbox.checked, +.radio-azure.radio.checked { + color: #68B3C8; } + +.ct-green, +.checkbox-green.checkbox.checked .second-icon, +.radio-green.radio.checked .second-icon, +.checkbox-green.checkbox.checked, +.radio-green.radio.checked { + color: #7AC29A; } + +.ct-orange, +.checkbox-orange.checkbox.checked .second-icon, +.radio-orange.radio.checked .second-icon, +.checkbox-orange.checkbox.checked, +.radio-orange.radio.checked { + color: #F3BB45; } + +.ct-red, +.checkbox-red.checkbox.checked .second-icon, +.radio-red.radio.checked .second-icon, +.checkbox-red.checkbox.checked, +.radio-red.radio.checked { + color: #EB5E28; } + +input.ct-blue + span.switch-left, +input.ct-blue + span + label + span.switch-right { + background-color: #7A9E9F; } + +input.ct-azure + span.switch-left, +input.ct-azure + span + label + span.switch-right { + background-color: #68B3C8; } + +input.ct-green + span.switch-left, +input.ct-green + span + label + span.switch-right { + background-color: #7AC29A; } + +input.ct-orange + span.switch-left, +input.ct-orange + span + label + span.switch-right { + background-color: #F3BB45; } + +input.ct-red + span.switch-left, +input.ct-red + span + label + span.switch-right { + background-color: #EB5E28; } + +.btn, +.navbar .navbar-nav > li > a.btn { + border-radius: 20px; + box-sizing: border-box; + border-width: 2px; + background-color: transparent; + font-size: 16px; + font-weight: 500; + padding: 7px 18px; + border-color: #66615B; + color: #66615B; + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; } + .btn:hover, .btn:focus, .btn:active, .btn:active:hover, .btn:active:focus, .btn.active, .open > .btn.dropdown-toggle:focus, .open > .btn.dropdown-toggle:hover, .open > .btn.dropdown-toggle, + .navbar .navbar-nav > li > a.btn:hover, + .navbar .navbar-nav > li > a.btn:focus, + .navbar .navbar-nav > li > a.btn:active, + .navbar .navbar-nav > li > a.btn:active:hover, + .navbar .navbar-nav > li > a.btn:active:focus, + .navbar .navbar-nav > li > a.btn.active, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle { + background-color: #66615B; + color: rgba(255, 255, 255, 0.7); + border-color: #66615B; } + .btn:hover .caret, .btn:focus .caret, .btn:active .caret, .btn:active:hover .caret, .btn:active:focus .caret, .btn.active .caret, .open > .btn.dropdown-toggle:focus .caret, .open > .btn.dropdown-toggle:hover .caret, .open > .btn.dropdown-toggle .caret, + .navbar .navbar-nav > li > a.btn:hover .caret, + .navbar .navbar-nav > li > a.btn:focus .caret, + .navbar .navbar-nav > li > a.btn:active .caret, + .navbar .navbar-nav > li > a.btn:active:hover .caret, + .navbar .navbar-nav > li > a.btn:active:focus .caret, + .navbar .navbar-nav > li > a.btn.active .caret, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus .caret, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover .caret, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle .caret { + border-top-color: rgba(255, 255, 255, 0.7); } + .btn:hover i, .btn:focus i, .btn:active i, .btn:active:hover i, .btn:active:focus i, .btn.active i, .open > .btn.dropdown-toggle:focus i, .open > .btn.dropdown-toggle:hover i, .open > .btn.dropdown-toggle i, + .navbar .navbar-nav > li > a.btn:hover i, + .navbar .navbar-nav > li > a.btn:focus i, + .navbar .navbar-nav > li > a.btn:active i, + .navbar .navbar-nav > li > a.btn:active:hover i, + .navbar .navbar-nav > li > a.btn:active:focus i, + .navbar .navbar-nav > li > a.btn.active i, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus i, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover i, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); + opacity: 0.7; } + .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, + .navbar .navbar-nav > li > a.btn.disabled, + .navbar .navbar-nav > li > a.btn.disabled:hover, + .navbar .navbar-nav > li > a.btn.disabled:focus, + .navbar .navbar-nav > li > a.btn.disabled.focus, + .navbar .navbar-nav > li > a.btn.disabled:active, + .navbar .navbar-nav > li > a.btn.disabled.active, + .navbar .navbar-nav > li > a.btn:disabled, + .navbar .navbar-nav > li > a.btn:disabled:hover, + .navbar .navbar-nav > li > a.btn:disabled:focus, + .navbar .navbar-nav > li > a.btn:disabled.focus, + .navbar .navbar-nav > li > a.btn:disabled:active, + .navbar .navbar-nav > li > a.btn:disabled.active, + .navbar .navbar-nav > li > a.btn[disabled], + .navbar .navbar-nav > li > a.btn[disabled]:hover, + .navbar .navbar-nav > li > a.btn[disabled]:focus, + .navbar .navbar-nav > li > a.btn[disabled].focus, + .navbar .navbar-nav > li > a.btn[disabled]:active, + .navbar .navbar-nav > li > a.btn[disabled].active, fieldset[disabled] + .navbar .navbar-nav > li > a.btn, fieldset[disabled] + .navbar .navbar-nav > li > a.btn:hover, fieldset[disabled] + .navbar .navbar-nav > li > a.btn:focus, fieldset[disabled] + .navbar .navbar-nav > li > a.btn.focus, fieldset[disabled] + .navbar .navbar-nav > li > a.btn:active, fieldset[disabled] + .navbar .navbar-nav > li > a.btn.active { + background-color: transparent; + border-color: #66615B; } + .btn.btn-fill, + .navbar .navbar-nav > li > a.btn.btn-fill { + color: #FFFFFF; + background-color: #66615B; + opacity: 1; } + .btn.btn-fill:hover, .btn.btn-fill:focus, .btn.btn-fill:active, .btn.btn-fill.active, .open > .btn.btn-fill.dropdown-toggle, + .navbar .navbar-nav > li > a.btn.btn-fill:hover, + .navbar .navbar-nav > li > a.btn.btn-fill:focus, + .navbar .navbar-nav > li > a.btn.btn-fill:active, + .navbar .navbar-nav > li > a.btn.btn-fill.active, .open > + .navbar .navbar-nav > li > a.btn.btn-fill.dropdown-toggle { + background-color: #403D39; + color: #FFFFFF; + border-color: #403D39; } + .btn.btn-fill .caret, + .navbar .navbar-nav > li > a.btn.btn-fill .caret { + border-top-color: #FFFFFF; } + .btn.btn-fill i, + .navbar .navbar-nav > li > a.btn.btn-fill i { + color: #FFFFFF; + opacity: 1; } + .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-simple.active, .open > .btn.btn-simple.dropdown-toggle, + .navbar .navbar-nav > li > a.btn.btn-simple:hover, + .navbar .navbar-nav > li > a.btn.btn-simple:focus, + .navbar .navbar-nav > li > a.btn.btn-simple:active, + .navbar .navbar-nav > li > a.btn.btn-simple.active, .open > + .navbar .navbar-nav > li > a.btn.btn-simple.dropdown-toggle { + background-color: transparent; + color: #403D39; } + .btn.btn-simple:hover i, .btn.btn-simple:focus i, .btn.btn-simple:active i, .btn.btn-simple.active i, .open > .btn.btn-simple.dropdown-toggle i, + .navbar .navbar-nav > li > a.btn.btn-simple:hover i, + .navbar .navbar-nav > li > a.btn.btn-simple:focus i, + .navbar .navbar-nav > li > a.btn.btn-simple:active i, + .navbar .navbar-nav > li > a.btn.btn-simple.active i, .open > + .navbar .navbar-nav > li > a.btn.btn-simple.dropdown-toggle i { + color: #403D39; + opacity: 1; } + .btn.btn-simple:hover .caret, .btn.btn-simple:focus .caret, .btn.btn-simple:active .caret, .btn.btn-simple.active .caret, .open > .btn.btn-simple.dropdown-toggle .caret, + .navbar .navbar-nav > li > a.btn.btn-simple:hover .caret, + .navbar .navbar-nav > li > a.btn.btn-simple:focus .caret, + .navbar .navbar-nav > li > a.btn.btn-simple:active .caret, + .navbar .navbar-nav > li > a.btn.btn-simple.active .caret, .open > + .navbar .navbar-nav > li > a.btn.btn-simple.dropdown-toggle .caret { + border-top-color: #403D39; } + .btn.btn-simple .caret, + .navbar .navbar-nav > li > a.btn.btn-simple .caret { + border-top-color: #66615B; } + .btn .caret, + .navbar .navbar-nav > li > a.btn .caret { + border-top-color: #66615B; } + .btn:hover, .btn:focus, + .navbar .navbar-nav > li > a.btn:hover, + .navbar .navbar-nav > li > a.btn:focus { + outline: 0 !important; } + .btn:active, .btn.active, .open > .btn.dropdown-toggle, + .navbar .navbar-nav > li > a.btn:active, + .navbar .navbar-nav > li > a.btn.active, .open > + .navbar .navbar-nav > li > a.btn.dropdown-toggle { + -webkit-box-shadow: none; + box-shadow: none; + outline: 0 !important; } + .btn i, + .navbar .navbar-nav > li > a.btn i { + margin-right: 5px; } + .btn.btn-icon, + .navbar .navbar-nav > li > a.btn.btn-icon { + border-radius: 25px; + padding: 6px 11px; } + .btn.btn-icon i, + .navbar .navbar-nav > li > a.btn.btn-icon i { + margin-right: 0px; } + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -2px; } + +.navbar .navbar-nav > li > a.btn.btn-primary, .btn-primary { + border-color: #7A9E9F; + color: #7A9E9F; } + .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.active, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle { + background-color: #7A9E9F; + color: rgba(255, 255, 255, 0.7); + border-color: #7A9E9F; } + .navbar .navbar-nav > li > a.btn.btn-primary:hover .caret, .navbar .navbar-nav > li > a.btn.btn-primary:focus .caret, .navbar .navbar-nav > li > a.btn.btn-primary:active .caret, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover .caret, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus .caret, .navbar .navbar-nav > li > a.btn.btn-primary.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus .caret, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover .caret, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle .caret, .btn-primary:hover .caret, .btn-primary:focus .caret, .btn-primary:active .caret, .btn-primary:active:hover .caret, .btn-primary:active:focus .caret, .btn-primary.active .caret, .open > .btn-primary.dropdown-toggle:focus .caret, .open > .btn-primary.dropdown-toggle:hover .caret, .open > .btn-primary.dropdown-toggle .caret { + border-top-color: rgba(255, 255, 255, 0.7); } + .navbar .navbar-nav > li > a.btn.btn-primary:hover i, .navbar .navbar-nav > li > a.btn.btn-primary:focus i, .navbar .navbar-nav > li > a.btn.btn-primary:active i, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover i, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus i, .navbar .navbar-nav > li > a.btn.btn-primary.active i, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus i, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover i, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle i, .btn-primary:hover i, .btn-primary:focus i, .btn-primary:active i, .btn-primary:active:hover i, .btn-primary:active:focus i, .btn-primary.active i, .open > .btn-primary.dropdown-toggle:focus i, .open > .btn-primary.dropdown-toggle:hover i, .open > .btn-primary.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); + opacity: 0.7; } + .navbar .navbar-nav > li > a.btn.btn-primary.disabled, .navbar .navbar-nav > li > a.btn.btn-primary.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-primary.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-primary.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-primary.disabled:active, .navbar .navbar-nav > li > a.btn.btn-primary.disabled.active, .navbar .navbar-nav > li > a.btn.btn-primary:disabled, .navbar .navbar-nav > li > a.btn.btn-primary:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-primary:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-primary:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-primary:disabled:active, .navbar .navbar-nav > li > a.btn.btn-primary:disabled.active, .navbar .navbar-nav > li > a.btn.btn-primary[disabled], .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-primary[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-primary[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-primary.active, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { + background-color: transparent; + border-color: #7A9E9F; } + .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill, .btn-primary.btn-fill { + color: #FFFFFF; + background-color: #7A9E9F; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill.dropdown-toggle, .btn-primary.btn-fill:hover, .btn-primary.btn-fill:focus, .btn-primary.btn-fill:active, .btn-primary.btn-fill.active, .open > .btn-primary.btn-fill.dropdown-toggle { + background-color: #427C89; + color: #FFFFFF; + border-color: #427C89; } + .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill .caret, .btn-primary.btn-fill .caret { + border-top-color: #FFFFFF; } + .navbar .navbar-nav > li > a.btn.btn-primary.btn-fill i, .btn-primary.btn-fill i { + color: #FFFFFF; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple.dropdown-toggle, .btn-primary.btn-simple:hover, .btn-primary.btn-simple:focus, .btn-primary.btn-simple:active, .btn-primary.btn-simple.active, .open > .btn-primary.btn-simple.dropdown-toggle { + background-color: transparent; + color: #427C89; } + .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover i, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus i, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active i, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple.active i, .open > .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple.dropdown-toggle i, .btn-primary.btn-simple:hover i, .btn-primary.btn-simple:focus i, .btn-primary.btn-simple:active i, .btn-primary.btn-simple.active i, .open > .btn-primary.btn-simple.dropdown-toggle i { + color: #427C89; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover .caret, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus .caret, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active .caret, .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple.dropdown-toggle .caret, .btn-primary.btn-simple:hover .caret, .btn-primary.btn-simple:focus .caret, .btn-primary.btn-simple:active .caret, .btn-primary.btn-simple.active .caret, .open > .btn-primary.btn-simple.dropdown-toggle .caret { + border-top-color: #427C89; } + .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple .caret, .btn-primary.btn-simple .caret { + border-top-color: #7A9E9F; } + .navbar .navbar-nav > li > a.btn.btn-primary .caret, .btn-primary .caret { + border-top-color: #7A9E9F; } + +.navbar .navbar-nav > li > a.btn.btn-success, .btn-success { + border-color: #7AC29A; + color: #7AC29A; } + .navbar .navbar-nav > li > a.btn.btn-success:hover, .navbar .navbar-nav > li > a.btn.btn-success:focus, .navbar .navbar-nav > li > a.btn.btn-success:active, .navbar .navbar-nav > li > a.btn.btn-success:active:hover, .navbar .navbar-nav > li > a.btn.btn-success:active:focus, .navbar .navbar-nav > li > a.btn.btn-success.active, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:hover, .btn-success:active:focus, .btn-success.active, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle { + background-color: #7AC29A; + color: rgba(255, 255, 255, 0.7); + border-color: #7AC29A; } + .navbar .navbar-nav > li > a.btn.btn-success:hover .caret, .navbar .navbar-nav > li > a.btn.btn-success:focus .caret, .navbar .navbar-nav > li > a.btn.btn-success:active .caret, .navbar .navbar-nav > li > a.btn.btn-success:active:hover .caret, .navbar .navbar-nav > li > a.btn.btn-success:active:focus .caret, .navbar .navbar-nav > li > a.btn.btn-success.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus .caret, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover .caret, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle .caret, .btn-success:hover .caret, .btn-success:focus .caret, .btn-success:active .caret, .btn-success:active:hover .caret, .btn-success:active:focus .caret, .btn-success.active .caret, .open > .btn-success.dropdown-toggle:focus .caret, .open > .btn-success.dropdown-toggle:hover .caret, .open > .btn-success.dropdown-toggle .caret { + border-top-color: rgba(255, 255, 255, 0.7); } + .navbar .navbar-nav > li > a.btn.btn-success:hover i, .navbar .navbar-nav > li > a.btn.btn-success:focus i, .navbar .navbar-nav > li > a.btn.btn-success:active i, .navbar .navbar-nav > li > a.btn.btn-success:active:hover i, .navbar .navbar-nav > li > a.btn.btn-success:active:focus i, .navbar .navbar-nav > li > a.btn.btn-success.active i, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus i, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover i, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle i, .btn-success:hover i, .btn-success:focus i, .btn-success:active i, .btn-success:active:hover i, .btn-success:active:focus i, .btn-success.active i, .open > .btn-success.dropdown-toggle:focus i, .open > .btn-success.dropdown-toggle:hover i, .open > .btn-success.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); + opacity: 0.7; } + .navbar .navbar-nav > li > a.btn.btn-success.disabled, .navbar .navbar-nav > li > a.btn.btn-success.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-success.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-success.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-success.disabled:active, .navbar .navbar-nav > li > a.btn.btn-success.disabled.active, .navbar .navbar-nav > li > a.btn.btn-success:disabled, .navbar .navbar-nav > li > a.btn.btn-success:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-success:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-success:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-success:disabled:active, .navbar .navbar-nav > li > a.btn.btn-success:disabled.active, .navbar .navbar-nav > li > a.btn.btn-success[disabled], .navbar .navbar-nav > li > a.btn.btn-success[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-success[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-success[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-success[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-success[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-success.active, .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { + background-color: transparent; + border-color: #7AC29A; } + .navbar .navbar-nav > li > a.btn.btn-success.btn-fill, .btn-success.btn-fill { + color: #FFFFFF; + background-color: #7AC29A; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-success.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-success.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-success.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-success.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-success.btn-fill.dropdown-toggle, .btn-success.btn-fill:hover, .btn-success.btn-fill:focus, .btn-success.btn-fill:active, .btn-success.btn-fill.active, .open > .btn-success.btn-fill.dropdown-toggle { + background-color: #42A084; + color: #FFFFFF; + border-color: #42A084; } + .navbar .navbar-nav > li > a.btn.btn-success.btn-fill .caret, .btn-success.btn-fill .caret { + border-top-color: #FFFFFF; } + .navbar .navbar-nav > li > a.btn.btn-success.btn-fill i, .btn-success.btn-fill i { + color: #FFFFFF; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-success.btn-simple.dropdown-toggle, .btn-success.btn-simple:hover, .btn-success.btn-simple:focus, .btn-success.btn-simple:active, .btn-success.btn-simple.active, .open > .btn-success.btn-simple.dropdown-toggle { + background-color: transparent; + color: #42A084; } + .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:hover i, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:focus i, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:active i, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple.active i, .open > .navbar .navbar-nav > li > a.btn.btn-success.btn-simple.dropdown-toggle i, .btn-success.btn-simple:hover i, .btn-success.btn-simple:focus i, .btn-success.btn-simple:active i, .btn-success.btn-simple.active i, .open > .btn-success.btn-simple.dropdown-toggle i { + color: #42A084; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:hover .caret, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:focus .caret, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:active .caret, .navbar .navbar-nav > li > a.btn.btn-success.btn-simple.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-success.btn-simple.dropdown-toggle .caret, .btn-success.btn-simple:hover .caret, .btn-success.btn-simple:focus .caret, .btn-success.btn-simple:active .caret, .btn-success.btn-simple.active .caret, .open > .btn-success.btn-simple.dropdown-toggle .caret { + border-top-color: #42A084; } + .navbar .navbar-nav > li > a.btn.btn-success.btn-simple .caret, .btn-success.btn-simple .caret { + border-top-color: #7AC29A; } + .navbar .navbar-nav > li > a.btn.btn-success .caret, .btn-success .caret { + border-top-color: #7AC29A; } + +.navbar .navbar-nav > li > a.btn.btn-info, .btn-info { + border-color: #68B3C8; + color: #68B3C8; } + .navbar .navbar-nav > li > a.btn.btn-info:hover, .navbar .navbar-nav > li > a.btn.btn-info:focus, .navbar .navbar-nav > li > a.btn.btn-info:active, .navbar .navbar-nav > li > a.btn.btn-info:active:hover, .navbar .navbar-nav > li > a.btn.btn-info:active:focus, .navbar .navbar-nav > li > a.btn.btn-info.active, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:hover, .btn-info:active:focus, .btn-info.active, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle { + background-color: #68B3C8; + color: rgba(255, 255, 255, 0.7); + border-color: #68B3C8; } + .navbar .navbar-nav > li > a.btn.btn-info:hover .caret, .navbar .navbar-nav > li > a.btn.btn-info:focus .caret, .navbar .navbar-nav > li > a.btn.btn-info:active .caret, .navbar .navbar-nav > li > a.btn.btn-info:active:hover .caret, .navbar .navbar-nav > li > a.btn.btn-info:active:focus .caret, .navbar .navbar-nav > li > a.btn.btn-info.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus .caret, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover .caret, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle .caret, .btn-info:hover .caret, .btn-info:focus .caret, .btn-info:active .caret, .btn-info:active:hover .caret, .btn-info:active:focus .caret, .btn-info.active .caret, .open > .btn-info.dropdown-toggle:focus .caret, .open > .btn-info.dropdown-toggle:hover .caret, .open > .btn-info.dropdown-toggle .caret { + border-top-color: rgba(255, 255, 255, 0.7); } + .navbar .navbar-nav > li > a.btn.btn-info:hover i, .navbar .navbar-nav > li > a.btn.btn-info:focus i, .navbar .navbar-nav > li > a.btn.btn-info:active i, .navbar .navbar-nav > li > a.btn.btn-info:active:hover i, .navbar .navbar-nav > li > a.btn.btn-info:active:focus i, .navbar .navbar-nav > li > a.btn.btn-info.active i, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus i, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover i, .open > .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle i, .btn-info:hover i, .btn-info:focus i, .btn-info:active i, .btn-info:active:hover i, .btn-info:active:focus i, .btn-info.active i, .open > .btn-info.dropdown-toggle:focus i, .open > .btn-info.dropdown-toggle:hover i, .open > .btn-info.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); + opacity: 0.7; } + .navbar .navbar-nav > li > a.btn.btn-info.disabled, .navbar .navbar-nav > li > a.btn.btn-info.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-info.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-info.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-info.disabled:active, .navbar .navbar-nav > li > a.btn.btn-info.disabled.active, .navbar .navbar-nav > li > a.btn.btn-info:disabled, .navbar .navbar-nav > li > a.btn.btn-info:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-info:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-info:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-info:disabled:active, .navbar .navbar-nav > li > a.btn.btn-info:disabled.active, .navbar .navbar-nav > li > a.btn.btn-info[disabled], .navbar .navbar-nav > li > a.btn.btn-info[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-info[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-info[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-info[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-info[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-info.active, .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { + background-color: transparent; + border-color: #68B3C8; } + .navbar .navbar-nav > li > a.btn.btn-info.btn-fill, .btn-info.btn-fill { + color: #FFFFFF; + background-color: #68B3C8; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-info.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-info.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-info.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-info.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-info.btn-fill.dropdown-toggle, .btn-info.btn-fill:hover, .btn-info.btn-fill:focus, .btn-info.btn-fill:active, .btn-info.btn-fill.active, .open > .btn-info.btn-fill.dropdown-toggle { + background-color: #3091B2; + color: #FFFFFF; + border-color: #3091B2; } + .navbar .navbar-nav > li > a.btn.btn-info.btn-fill .caret, .btn-info.btn-fill .caret { + border-top-color: #FFFFFF; } + .navbar .navbar-nav > li > a.btn.btn-info.btn-fill i, .btn-info.btn-fill i { + color: #FFFFFF; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-info.btn-simple.dropdown-toggle, .btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active, .btn-info.btn-simple.active, .open > .btn-info.btn-simple.dropdown-toggle { + background-color: transparent; + color: #3091B2; } + .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover i, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus i, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active i, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple.active i, .open > .navbar .navbar-nav > li > a.btn.btn-info.btn-simple.dropdown-toggle i, .btn-info.btn-simple:hover i, .btn-info.btn-simple:focus i, .btn-info.btn-simple:active i, .btn-info.btn-simple.active i, .open > .btn-info.btn-simple.dropdown-toggle i { + color: #3091B2; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover .caret, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus .caret, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active .caret, .navbar .navbar-nav > li > a.btn.btn-info.btn-simple.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-info.btn-simple.dropdown-toggle .caret, .btn-info.btn-simple:hover .caret, .btn-info.btn-simple:focus .caret, .btn-info.btn-simple:active .caret, .btn-info.btn-simple.active .caret, .open > .btn-info.btn-simple.dropdown-toggle .caret { + border-top-color: #3091B2; } + .navbar .navbar-nav > li > a.btn.btn-info.btn-simple .caret, .btn-info.btn-simple .caret { + border-top-color: #68B3C8; } + .navbar .navbar-nav > li > a.btn.btn-info .caret, .btn-info .caret { + border-top-color: #68B3C8; } + +.navbar .navbar-nav > li > a.btn.btn-warning, .btn-warning { + border-color: #F3BB45; + color: #F3BB45; } + .navbar .navbar-nav > li > a.btn.btn-warning:hover, .navbar .navbar-nav > li > a.btn.btn-warning:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active, .navbar .navbar-nav > li > a.btn.btn-warning:active:hover, .navbar .navbar-nav > li > a.btn.btn-warning:active:focus, .navbar .navbar-nav > li > a.btn.btn-warning.active, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning.active, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle { + background-color: #F3BB45; + color: rgba(255, 255, 255, 0.7); + border-color: #F3BB45; } + .navbar .navbar-nav > li > a.btn.btn-warning:hover .caret, .navbar .navbar-nav > li > a.btn.btn-warning:focus .caret, .navbar .navbar-nav > li > a.btn.btn-warning:active .caret, .navbar .navbar-nav > li > a.btn.btn-warning:active:hover .caret, .navbar .navbar-nav > li > a.btn.btn-warning:active:focus .caret, .navbar .navbar-nav > li > a.btn.btn-warning.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus .caret, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover .caret, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle .caret, .btn-warning:hover .caret, .btn-warning:focus .caret, .btn-warning:active .caret, .btn-warning:active:hover .caret, .btn-warning:active:focus .caret, .btn-warning.active .caret, .open > .btn-warning.dropdown-toggle:focus .caret, .open > .btn-warning.dropdown-toggle:hover .caret, .open > .btn-warning.dropdown-toggle .caret { + border-top-color: rgba(255, 255, 255, 0.7); } + .navbar .navbar-nav > li > a.btn.btn-warning:hover i, .navbar .navbar-nav > li > a.btn.btn-warning:focus i, .navbar .navbar-nav > li > a.btn.btn-warning:active i, .navbar .navbar-nav > li > a.btn.btn-warning:active:hover i, .navbar .navbar-nav > li > a.btn.btn-warning:active:focus i, .navbar .navbar-nav > li > a.btn.btn-warning.active i, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus i, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover i, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle i, .btn-warning:hover i, .btn-warning:focus i, .btn-warning:active i, .btn-warning:active:hover i, .btn-warning:active:focus i, .btn-warning.active i, .open > .btn-warning.dropdown-toggle:focus i, .open > .btn-warning.dropdown-toggle:hover i, .open > .btn-warning.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); + opacity: 0.7; } + .navbar .navbar-nav > li > a.btn.btn-warning.disabled, .navbar .navbar-nav > li > a.btn.btn-warning.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-warning.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-warning.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-warning.disabled:active, .navbar .navbar-nav > li > a.btn.btn-warning.disabled.active, .navbar .navbar-nav > li > a.btn.btn-warning:disabled, .navbar .navbar-nav > li > a.btn.btn-warning:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-warning:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-warning:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-warning:disabled:active, .navbar .navbar-nav > li > a.btn.btn-warning:disabled.active, .navbar .navbar-nav > li > a.btn.btn-warning[disabled], .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-warning[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-warning[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-warning.active, .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { + background-color: transparent; + border-color: #F3BB45; } + .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill, .btn-warning.btn-fill { + color: #FFFFFF; + background-color: #F3BB45; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill.dropdown-toggle, .btn-warning.btn-fill:hover, .btn-warning.btn-fill:focus, .btn-warning.btn-fill:active, .btn-warning.btn-fill.active, .open > .btn-warning.btn-fill.dropdown-toggle { + background-color: #BB992F; + color: #FFFFFF; + border-color: #BB992F; } + .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill .caret, .btn-warning.btn-fill .caret { + border-top-color: #FFFFFF; } + .navbar .navbar-nav > li > a.btn.btn-warning.btn-fill i, .btn-warning.btn-fill i { + color: #FFFFFF; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple.dropdown-toggle, .btn-warning.btn-simple:hover, .btn-warning.btn-simple:focus, .btn-warning.btn-simple:active, .btn-warning.btn-simple.active, .open > .btn-warning.btn-simple.dropdown-toggle { + background-color: transparent; + color: #BB992F; } + .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:hover i, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:focus i, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:active i, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple.active i, .open > .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple.dropdown-toggle i, .btn-warning.btn-simple:hover i, .btn-warning.btn-simple:focus i, .btn-warning.btn-simple:active i, .btn-warning.btn-simple.active i, .open > .btn-warning.btn-simple.dropdown-toggle i { + color: #BB992F; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:hover .caret, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:focus .caret, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:active .caret, .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple.dropdown-toggle .caret, .btn-warning.btn-simple:hover .caret, .btn-warning.btn-simple:focus .caret, .btn-warning.btn-simple:active .caret, .btn-warning.btn-simple.active .caret, .open > .btn-warning.btn-simple.dropdown-toggle .caret { + border-top-color: #BB992F; } + .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple .caret, .btn-warning.btn-simple .caret { + border-top-color: #F3BB45; } + .navbar .navbar-nav > li > a.btn.btn-warning .caret, .btn-warning .caret { + border-top-color: #F3BB45; } + +.navbar .navbar-nav > li > a.btn.btn-danger, .btn-danger { + border-color: #EB5E28; + color: #EB5E28; } + .navbar .navbar-nav > li > a.btn.btn-danger:hover, .navbar .navbar-nav > li > a.btn.btn-danger:focus, .navbar .navbar-nav > li > a.btn.btn-danger:active, .navbar .navbar-nav > li > a.btn.btn-danger:active:hover, .navbar .navbar-nav > li > a.btn.btn-danger:active:focus, .navbar .navbar-nav > li > a.btn.btn-danger.active, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger.active, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle { + background-color: #EB5E28; + color: rgba(255, 255, 255, 0.7); + border-color: #EB5E28; } + .navbar .navbar-nav > li > a.btn.btn-danger:hover .caret, .navbar .navbar-nav > li > a.btn.btn-danger:focus .caret, .navbar .navbar-nav > li > a.btn.btn-danger:active .caret, .navbar .navbar-nav > li > a.btn.btn-danger:active:hover .caret, .navbar .navbar-nav > li > a.btn.btn-danger:active:focus .caret, .navbar .navbar-nav > li > a.btn.btn-danger.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus .caret, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover .caret, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle .caret, .btn-danger:hover .caret, .btn-danger:focus .caret, .btn-danger:active .caret, .btn-danger:active:hover .caret, .btn-danger:active:focus .caret, .btn-danger.active .caret, .open > .btn-danger.dropdown-toggle:focus .caret, .open > .btn-danger.dropdown-toggle:hover .caret, .open > .btn-danger.dropdown-toggle .caret { + border-top-color: rgba(255, 255, 255, 0.7); } + .navbar .navbar-nav > li > a.btn.btn-danger:hover i, .navbar .navbar-nav > li > a.btn.btn-danger:focus i, .navbar .navbar-nav > li > a.btn.btn-danger:active i, .navbar .navbar-nav > li > a.btn.btn-danger:active:hover i, .navbar .navbar-nav > li > a.btn.btn-danger:active:focus i, .navbar .navbar-nav > li > a.btn.btn-danger.active i, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus i, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover i, .open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle i, .btn-danger:hover i, .btn-danger:focus i, .btn-danger:active i, .btn-danger:active:hover i, .btn-danger:active:focus i, .btn-danger.active i, .open > .btn-danger.dropdown-toggle:focus i, .open > .btn-danger.dropdown-toggle:hover i, .open > .btn-danger.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); + opacity: 0.7; } + .navbar .navbar-nav > li > a.btn.btn-danger.disabled, .navbar .navbar-nav > li > a.btn.btn-danger.disabled:hover, .navbar .navbar-nav > li > a.btn.btn-danger.disabled:focus, .navbar .navbar-nav > li > a.btn.btn-danger.disabled.focus, .navbar .navbar-nav > li > a.btn.btn-danger.disabled:active, .navbar .navbar-nav > li > a.btn.btn-danger.disabled.active, .navbar .navbar-nav > li > a.btn.btn-danger:disabled, .navbar .navbar-nav > li > a.btn.btn-danger:disabled:hover, .navbar .navbar-nav > li > a.btn.btn-danger:disabled:focus, .navbar .navbar-nav > li > a.btn.btn-danger:disabled.focus, .navbar .navbar-nav > li > a.btn.btn-danger:disabled:active, .navbar .navbar-nav > li > a.btn.btn-danger:disabled.active, .navbar .navbar-nav > li > a.btn.btn-danger[disabled], .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:hover, .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:focus, .navbar .navbar-nav > li > a.btn.btn-danger[disabled].focus, .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:active, .navbar .navbar-nav > li > a.btn.btn-danger[disabled].active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:hover, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger.focus, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.btn-danger.active, .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { + background-color: transparent; + border-color: #EB5E28; } + .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill, .btn-danger.btn-fill { + color: #FFFFFF; + background-color: #EB5E28; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill:hover, .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill:focus, .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill:active, .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill.active, .open > .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill.dropdown-toggle, .btn-danger.btn-fill:hover, .btn-danger.btn-fill:focus, .btn-danger.btn-fill:active, .btn-danger.btn-fill.active, .open > .btn-danger.btn-fill.dropdown-toggle { + background-color: #B33C12; + color: #FFFFFF; + border-color: #B33C12; } + .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill .caret, .btn-danger.btn-fill .caret { + border-top-color: #FFFFFF; } + .navbar .navbar-nav > li > a.btn.btn-danger.btn-fill i, .btn-danger.btn-fill i { + color: #FFFFFF; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:hover, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:focus, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:active, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple.active, .open > .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple.dropdown-toggle, .btn-danger.btn-simple:hover, .btn-danger.btn-simple:focus, .btn-danger.btn-simple:active, .btn-danger.btn-simple.active, .open > .btn-danger.btn-simple.dropdown-toggle { + background-color: transparent; + color: #B33C12; } + .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:hover i, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:focus i, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:active i, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple.active i, .open > .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple.dropdown-toggle i, .btn-danger.btn-simple:hover i, .btn-danger.btn-simple:focus i, .btn-danger.btn-simple:active i, .btn-danger.btn-simple.active i, .open > .btn-danger.btn-simple.dropdown-toggle i { + color: #B33C12; + opacity: 1; } + .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:hover .caret, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:focus .caret, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:active .caret, .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple.active .caret, .open > .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple.dropdown-toggle .caret, .btn-danger.btn-simple:hover .caret, .btn-danger.btn-simple:focus .caret, .btn-danger.btn-simple:active .caret, .btn-danger.btn-simple.active .caret, .open > .btn-danger.btn-simple.dropdown-toggle .caret { + border-top-color: #B33C12; } + .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple .caret, .btn-danger.btn-simple .caret { + border-top-color: #EB5E28; } + .navbar .navbar-nav > li > a.btn.btn-danger .caret, .btn-danger .caret { + border-top-color: #EB5E28; } + +.btn-neutral { + border-color: #FFFFFF; + color: #FFFFFF; } + .btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral:active:hover, .btn-neutral:active:focus, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle:focus, .open > .btn-neutral.dropdown-toggle:hover, .open > .btn-neutral.dropdown-toggle { + background-color: #FFFFFF; + color: rgba(255, 255, 255, 0.7); + border-color: #FFFFFF; } + .btn-neutral:hover .caret, .btn-neutral:focus .caret, .btn-neutral:active .caret, .btn-neutral:active:hover .caret, .btn-neutral:active:focus .caret, .btn-neutral.active .caret, .open > .btn-neutral.dropdown-toggle:focus .caret, .open > .btn-neutral.dropdown-toggle:hover .caret, .open > .btn-neutral.dropdown-toggle .caret { + border-top-color: rgba(255, 255, 255, 0.7); } + .btn-neutral:hover i, .btn-neutral:focus i, .btn-neutral:active i, .btn-neutral:active:hover i, .btn-neutral:active:focus i, .btn-neutral.active i, .open > .btn-neutral.dropdown-toggle:focus i, .open > .btn-neutral.dropdown-toggle:hover i, .open > .btn-neutral.dropdown-toggle i { + color: rgba(255, 255, 255, 0.7); + opacity: 0.7; } + .btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active { + background-color: transparent; + border-color: #FFFFFF; } + .btn-neutral.btn-fill { + color: #FFFFFF; + background-color: #FFFFFF; + opacity: 1; } + .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus, .btn-neutral.btn-fill:active, .btn-neutral.btn-fill.active, .open > .btn-neutral.btn-fill.dropdown-toggle { + background-color: #FFFFFF; + color: #FFFFFF; + border-color: #FFFFFF; } + .btn-neutral.btn-fill .caret { + border-top-color: #FFFFFF; } + .btn-neutral.btn-fill i { + color: #FFFFFF; + opacity: 1; } + .btn-neutral.btn-simple:hover, .btn-neutral.btn-simple:focus, .btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active, .open > .btn-neutral.btn-simple.dropdown-toggle { + background-color: transparent; + color: #FFFFFF; } + .btn-neutral.btn-simple:hover i, .btn-neutral.btn-simple:focus i, .btn-neutral.btn-simple:active i, .btn-neutral.btn-simple.active i, .open > .btn-neutral.btn-simple.dropdown-toggle i { + color: #FFFFFF; + opacity: 1; } + .btn-neutral.btn-simple:hover .caret, .btn-neutral.btn-simple:focus .caret, .btn-neutral.btn-simple:active .caret, .btn-neutral.btn-simple.active .caret, .open > .btn-neutral.btn-simple.dropdown-toggle .caret { + border-top-color: #FFFFFF; } + .btn-neutral.btn-simple .caret { + border-top-color: #FFFFFF; } + .btn-neutral .caret { + border-top-color: #FFFFFF; } + .btn-neutral:hover, .btn-neutral:focus { + color: #66615B; } + .btn-neutral:hover i, .btn-neutral:focus i { + color: #66615B; + opacity: 1; } + .btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle { + background-color: #FFFFFF; + color: #66615B; } + .btn-neutral:active i, .btn-neutral.active i, .open > .btn-neutral.dropdown-toggle i { + color: #66615B; + opacity: 1; } + .btn-neutral.btn-fill { + color: #66615B; } + .btn-neutral.btn-fill i { + color: #66615B; + opacity: 1; } + .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus { + color: #403D39; } + .btn-neutral.btn-fill:hover i, .btn-neutral.btn-fill:focus i { + color: #403D39; + opacity: 1; } + .btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active { + background-color: transparent; } + +.btn:disabled, .btn[disabled], .btn.disabled, .btn.btn-disabled { + opacity: 0.5; } + +.btn-disabled { + cursor: default; } + +.btn-simple { + border: 0; + padding: 7px 18px; } + +.navbar .navbar-nav > li > a.btn.btn-lg, .btn-lg { + font-size: 20px; + border-radius: 50px; + /* line-height: $line-height; */ + padding: 11px 30px; + font-weight: 400; } + .navbar .navbar-nav > li > a.btn.btn-lg.btn-simple, .btn-lg.btn-simple { + padding: 13px 30px; } + .navbar .navbar-nav > li > a.btn.btn-lg.btn-icon, .btn-lg.btn-icon { + border-radius: 30px; + padding: 9px 16px; } + +.navbar .navbar-nav > li > a.btn.btn-sm, .btn-sm { + font-size: 14px; + border-radius: 26px; + /* line-height: $line-height; */ + padding: 4px 10px; } + .navbar .navbar-nav > li > a.btn.btn-sm.btn-simple, .btn-sm.btn-simple { + padding: 6px 10px; } + .navbar .navbar-nav > li > a.btn.btn-sm.btn-icon, .btn-sm.btn-icon { + padding: 3px 7px; } + .navbar .navbar-nav > li > a.btn.btn-sm.btn-icon .fa, .btn-sm.btn-icon .fa { + line-height: 1.6; + width: 15px; } + +.navbar .navbar-nav > li > a.btn.btn-xs, .btn-xs { + font-size: 12px; + border-radius: 26px; + /* line-height: $line-height; */ + padding: 2px 5px; } + .navbar .navbar-nav > li > a.btn.btn-xs.btn-simple, .btn-xs.btn-simple { + padding: 4px 5px; } + .navbar .navbar-nav > li > a.btn.btn-xs.btn-icon, .btn-xs.btn-icon { + padding: 1px 5px; } + .navbar .navbar-nav > li > a.btn.btn-xs.btn-icon .fa, .btn-xs.btn-icon .fa { + width: 10px; } + +.navbar .navbar-nav > li > a.btn.btn-wd, .btn-wd { + min-width: 140px; } + +.btn-group.select { + width: 100%; } + +.btn-group.select .btn { + text-align: left; } + +.btn-group.select .caret { + position: absolute; + top: 50%; + margin-top: -1px; + right: 8px; } + +.btn-tooltip { + white-space: nowrap; } + +.form-control::-moz-placeholder { + color: #DDDDDD; + opacity: 1; } + +.form-control:-moz-placeholder { + color: #DDDDDD; + opacity: 1; } + +.form-control::-webkit-input-placeholder { + color: #DDDDDD; + opacity: 1; } + +.form-control:-ms-input-placeholder { + color: #DDDDDD; + opacity: 1; } + +.form-control { + background-color: #fffcf5; + border: medium none; + border-radius: 4px; + color: #66615b; + font-size: 16px; + transition: background-color 0.3s ease 0s; + padding: 7px 18px; + height: 40px; + -webkit-box-shadow: none; + box-shadow: none; } + .form-control:focus { + background-color: #FFFFFF; + -webkit-box-shadow: none; + box-shadow: none; + outline: 0 !important; } + .has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus { + -webkit-box-shadow: none; + box-shadow: none; } + .has-success .form-control { + background-color: #ABF3CB; + color: #7AC29A; } + .has-success .form-control.border-input { + border: 1px solid #7AC29A; } + .has-success .form-control:focus { + background-color: #FFFFFF; } + .has-error .form-control { + background-color: #FFC0A4; + color: #EB5E28; } + .has-error .form-control.border-input { + border: 1px solid #EB5E28; } + .has-error .form-control:focus { + background-color: #FFFFFF; } + .form-control + .form-control-feedback { + border-radius: 6px; + font-size: 16px; + margin-top: -7px; + position: absolute; + right: 10px; + top: 50%; + vertical-align: middle; } + .form-control.border-input { + border: 1px solid #CCC5B9; } + .open .form-control { + border-bottom-color: transparent; } + +.input-lg { + height: 55px; + padding: 11px 30px; } + +.has-error .form-control-feedback, .has-error .control-label { + color: #EB5E28; } + +.has-success .form-control-feedback, .has-success .control-label { + color: #7AC29A; } + +.input-group-addon { + background-color: #fffcf5; + border: medium none; + border-radius: 4px; } + .has-success .input-group-addon, .has-error .input-group-addon { + background-color: #FFFFFF; } + .has-error .form-control:focus + .input-group-addon { + color: #EB5E28; } + .has-success .form-control:focus + .input-group-addon { + color: #7AC29A; } + .form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon { + background-color: #FFFFFF; } + +.border-input .input-group-addon { + border: solid 1px #CCC5B9; } + +.input-group { + margin-bottom: 15px; } + +.input-group[disabled] .input-group-addon { + background-color: #E3E3E3; } + +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { + border-right: 0 none; } + +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child) { + border-left: 0 none; } + +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + background-color: #E3E3E3; + cursor: not-allowed; + color: #9A9A9A; + opacity: 1; } + +.form-control[disabled]::-moz-placeholder { + color: #9A9A9A; + opacity: 1; } + +.form-control[disabled]:-moz-placeholder { + color: #DDDDDD; + opacity: 1; } + +.form-control[disabled]::-webkit-input-placeholder { + color: #DDDDDD; + opacity: 1; } + +.form-control[disabled]:-ms-input-placeholder { + color: #DDDDDD; + opacity: 1; } + +.input-group-btn .btn { + border-width: 1px; + padding: 9px 18px; } + +.input-group-btn .btn-default:not(.btn-fill) { + border-color: #DDDDDD; } + +.input-group-btn:last-child > .btn { + margin-left: 0; } + +textarea.form-control { + max-width: 100%; + padding: 10px 18px; + resize: none; } + +.progress { + background-color: #DDDDDD; + border-radius: 3px; + box-shadow: none; + height: 8px; } + +.progress-thin { + height: 4px; } + +.progress-bar { + background-color: #7A9E9F; } + +.progress-bar-primary { + background-color: #7A9E9F; } + +.progress-bar-info { + background-color: #68B3C8; } + +.progress-bar-success { + background-color: #7AC29A; } + +.progress-bar-warning { + background-color: #F3BB45; } + +.progress-bar-danger { + background-color: #EB5E28; } + +/*! + * jQuery UI Slider 1.10.4 + * http://jqueryui.com + * + * Copyright 2014 jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/slider/#theming + */ +.ui-slider { + border-radius: 3px; + position: relative; + text-align: left; } + +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; + transition: none; + -webkit-transition: none; } + +.ui-slider .ui-slider-range { + background-position: 0 0; + border: 0; + border-radius: 3px; + display: block; + font-size: .7em; + position: absolute; + z-index: 1; } + +/* For IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; } + +.ui-slider-horizontal { + height: 8px; } + +.ui-slider-horizontal .ui-slider-handle { + margin-left: -10px; + top: -4px; } + +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; } + +.ui-slider-horizontal .ui-slider-range-min { + left: 0; } + +.ui-slider-horizontal .ui-slider-range-max { + right: 0; } + +.ui-slider-vertical { + width: .8em; + height: 100px; } + +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; } + +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; } + +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; } + +.ui-slider-vertical .ui-slider-range-max { + top: 0; } + +/* Component containers +----------------------------------*/ +.ui-widget { + font-size: 1.1em; } + +.ui-widget .ui-widget { + font-size: 1em; } + +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-size: 1em; } + +.ui-widget-content { + background-color: #E5E5E5; } + +.ui-widget-content a { + color: #222222; } + +.ui-widget-header { + background: #DDDDDD; + color: #222222; + font-weight: bold; } + +.ui-widget-header a { + color: #222222; } + +.slider-primary .ui-widget-header { + background-color: #7A9E9F; } + +.slider-info .ui-widget-header { + background-color: #68B3C8; } + +.slider-success .ui-widget-header { + background-color: #7AC29A; } + +.slider-warning .ui-widget-header { + background-color: #F3BB45; } + +.slider-danger .ui-widget-header { + background-color: #EB5E28; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + background: white; + /* Old browsers */ + background: -moz-linear-gradient(top, white 0%, #f1f1f2 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f1f1f2)); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, white 0%, #f1f1f2 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, white 0%, #f1f1f2 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(top, white 0%, #f1f1f2 100%); + /* IE10+ */ + background: linear-gradient(to bottom, white 0%, #f1f1f2 100%); + /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 ); + /* IE6-9 */ + border-radius: 50%; + box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.4); + height: 15px; + width: 15px; + cursor: pointer; } + +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #555555; + text-decoration: none; } + +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited, +.ui-state-focus a, +.ui-state-focus a:hover, +.ui-state-focus a:link, +.ui-state-focus a:visited { + color: #212121; + text-decoration: none; } + +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #212121; + text-decoration: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fcefa1; + background: #fbf9ee; + color: #363636; } + +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; } + +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #EB5E28; + background-color: #EB5E28; + color: #EB5E28; } + +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #EB5E28; } + +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #EB5E28; } + +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; } + +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter: Alpha(Opacity=70); + font-weight: normal; } + +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter: Alpha(Opacity=35); + background-image: none; } + +.ui-state-disabled .ui-icon { + filter: Alpha(Opacity=35); + /* For IE8 - See #6059 */ } + +.alert { + border: 0; + border-radius: 0; + color: #FFFFFF; + padding: 10px 15px; + font-size: 14px; } + .container .alert { + border-radius: 4px; } + .navbar .alert { + border-radius: 0; + left: 0; + position: absolute; + right: 0; + top: 85px; + width: 100%; + z-index: 3; } + .navbar:not(.navbar-transparent) .alert { + top: 70px; } + .alert .close { + vertical-align: top; + text-shadow: none; } + .alert .alert-wrapper { + padding: 5px 0; + position: relative; } + .alert .alert-wrapper .close { + top: 6px; + position: absolute; + right: 0px; } + .alert .alert-wrapper .message { + padding-left: 60px; + padding-right: 60px; } + .alert .alert-icon { + display: block; + font-size: 30px; + left: 15px; + position: absolute; + top: 50%; + margin-top: -22px; } + [class*="col-"] .alert .container { + width: auto; } + +.alert-info { + background-color: #7CE4FE; + color: #3091B2; } + .alert-info .close { + color: #3091B2; + opacity: 0.7; } + .alert-info .close:hover { + opacity: 1; } + +.alert-success { + background-color: #8EF3C5; + color: #42A084; } + .alert-success .close { + color: #42A084; + opacity: 0.7; } + .alert-success .close:hover { + opacity: 1; } + +.alert-warning { + background-color: #FFE28C; + color: #BB992F; } + .alert-warning .close { + color: #BB992F; + opacity: 0.7; } + .alert-warning .close:hover { + opacity: 1; } + +.alert-danger { + background-color: #FF8F5E; + color: #B33C12; } + .alert-danger .close { + color: #B33C12; + opacity: 0.7; } + .alert-danger .close:hover { + opacity: 1; } + +/* Labels & Progress-bar */ +.label { + padding: 0.4em 0.9em; + border-radius: 10px; + color: #FFFFFF; + font-weight: 500; + font-size: 0.75em; + line-height: 1; + text-transform: uppercase; + display: inline-block; } + +.label-icon { + padding: 0.4em 0.55em; } + .label-icon i { + font-size: 0.8em; + line-height: 1; } + +.label-default { + background-color: #66615b; } + +.label-primary { + background-color: #7A9E9F; } + +.label-info { + background-color: #68B3C8; } + +.label-success { + background-color: #7AC29A; } + +.label-warning { + background-color: #F3BB45; } + +.label-danger { + background-color: #EB5E28; } + +.tooltip { + font-size: 14px; + font-weight: 400; } + .tooltip.top { + margin-top: -11px; + padding: 0; } + .tooltip.top .tooltip-inner:after { + border-top: 11px solid #FFFFFF; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + bottom: -10px; } + .tooltip.top .tooltip-inner:before { + border-top: 11px solid rgba(0, 0, 0, 0.2); + border-left: 11px solid transparent; + border-right: 11px solid transparent; + bottom: -11px; } + .tooltip.bottom { + margin-top: 11px; + padding: 0; } + .tooltip.bottom .tooltip-inner:after { + border-bottom: 11px solid #FFFFFF; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + top: -10px; } + .tooltip.bottom .tooltip-inner:before { + border-bottom: 11px solid rgba(0, 0, 0, 0.2); + border-left: 11px solid transparent; + border-right: 11px solid transparent; + top: -11px; } + .tooltip.left { + margin-left: -11px; + padding: 0; } + .tooltip.left .tooltip-inner:after { + border-left: 11px solid #FFFFFF; + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + right: -10px; + left: auto; + margin-left: 0; } + .tooltip.left .tooltip-inner:before { + border-left: 11px solid rgba(0, 0, 0, 0.2); + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + right: -11px; + left: auto; + margin-left: 0; } + .tooltip.right { + margin-left: 11px; + padding: 0; } + .tooltip.right .tooltip-inner:after { + border-right: 11px solid #FFFFFF; + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + left: -10px; + top: 10px; + margin-left: 0; } + .tooltip.right .tooltip-inner:before { + border-right: 11px solid rgba(0, 0, 0, 0.2); + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + left: -11px; + top: 11px; + margin-left: 0; } + +.tooltip-arrow { + display: none; + opacity: 0; } + +.tooltip-inner { + background-color: #FFFFFF; + border-radius: 8px; + box-shadow: 0 1px 13px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(115, 71, 38, 0.23); + color: #66615B; + max-width: 200px; + padding: 10px 10px; + text-align: center; + text-decoration: none; } + +.tooltip-inner:after { + content: ""; + display: inline-block; + left: 100%; + margin-left: -60%; + position: absolute; } + +.tooltip-inner:before { + content: ""; + display: inline-block; + left: 100%; + margin-left: -60%; + position: absolute; } + +.popover { + border: 0; + border-radius: 4px; + background-color: #FFFCF5; + color: #66615b; + font-weight: 400; + padding: 0; + z-index: 1031; + -webkit-box-shadow: none; + box-shadow: none; } + .popover .popover-title { + background-color: #FFFCF5; + border-bottom: 0 none; + font-size: 16px; + font-weight: normal; + line-height: 22px; + padding: 15px 15px 8px 15px; + margin: 0; + color: #66615b; + text-align: center; + border-radius: 4px 4px 0 0; } + .popover .popover-content { + padding: 10px 15px 20px 15px; + text-align: center; } + .popover .arrow { + border: 0; } + +.popover .popover.top .arrow { + margin-left: 0; } + +.popover.bottom .arrow:after { + border-bottom-color: #FFFCF5; } + +.popover.left > .arrow::after { + border-left-color: #FFFCF5; + bottom: -20px; } + +.popover.top > .arrow::after { + border-top-color: #FFFCF5; } + +.popover.right > .arrow::after { + border-right-color: #FFFCF5; } + +.popover-filter { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: #000000; + opacity: 0; + visibility: hidden; + transition: visibility 0s linear 0.3s,opacity 0.3s linear; } + +.popover-filter.in { + visibility: visible; + opacity: 0.2; + transition-delay: 0s; } + +.popover-primary { + background-color: #8ECFD5; + color: #FFFFFF; } + .popover-primary .popover-title { + background-color: #8ECFD5; + color: #427C89; } + .popover-primary.bottom .arrow:after { + border-bottom-color: #8ECFD5; } + .popover-primary.left > .arrow::after { + border-left-color: #8ECFD5; } + .popover-primary.top > .arrow::after { + border-top-color: #8ECFD5; } + .popover-primary.right > .arrow::after { + border-right-color: #8ECFD5; } + +.popover-info { + background-color: #7CE4FE; + color: #FFFFFF; } + .popover-info .popover-title { + background-color: #7CE4FE; + color: #3091B2; } + .popover-info.bottom .arrow:after { + border-bottom-color: #7CE4FE; } + .popover-info.left > .arrow::after { + border-left-color: #7CE4FE; } + .popover-info.top > .arrow::after { + border-top-color: #7CE4FE; } + .popover-info.right > .arrow::after { + border-right-color: #7CE4FE; } + +.popover-success { + background-color: #8EF3C5; + color: #FFFFFF; } + .popover-success .popover-title { + background-color: #8EF3C5; + color: #42A084; } + .popover-success.bottom .arrow:after { + border-bottom-color: #8EF3C5; } + .popover-success.left > .arrow::after { + border-left-color: #8EF3C5; } + .popover-success.top > .arrow::after { + border-top-color: #8EF3C5; } + .popover-success.right > .arrow::after { + border-right-color: #8EF3C5; } + +.popover-warning { + background-color: #FFE28C; + color: #FFFFFF; } + .popover-warning .popover-title { + background-color: #FFE28C; + color: #BB992F; } + .popover-warning.bottom .arrow:after { + border-bottom-color: #FFE28C; } + .popover-warning.left > .arrow::after { + border-left-color: #FFE28C; } + .popover-warning.top > .arrow::after { + border-top-color: #FFE28C; } + .popover-warning.right > .arrow::after { + border-right-color: #FFE28C; } + +.popover-danger { + background-color: #FF8F5E; + color: #FFFFFF; } + .popover-danger .popover-title { + background-color: #FF8F5E; + color: #B33C12; } + .popover-danger.bottom .arrow:after { + border-bottom-color: #FF8F5E; } + .popover-danger.left > .arrow::after { + border-left-color: #FF8F5E; } + .popover-danger.top > .arrow::after { + border-top-color: #FF8F5E; } + .popover-danger.right > .arrow::after { + border-right-color: #FF8F5E; } + +.section { + padding: 30px 0; + position: relative; + background-color: #f4f3ef; + background-image: linear-gradient(to bottom, transparent 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%); } + +.section-with-space { + padding: 60px 0; + background:#DCDCDC +} + +.section-white { + background-color: #FFFFFF; } + +.section-nude { + background-color: #FFFCF5; } + +.section-gray { + background-color: #F3F2EE; } + +.section-nude-gray { + background-color: #e8e7e3; } + +.section-white-gray { + background-color: #F9F9F7; } + +.section-light-brown { + background-color: #D8C1AB; + color: #A9A9A9; } + +.section-brown { + background-color: #A59E94; + color: #FFFFFF; } + +.section-light-blue { + background-color: #7A9E9F; + color: #FFFFFF; } + +.section-dark-blue { + background-color: #506367; + color: #FFFFFF; } + +.section-dark { + background-color: #1a1817; + color: #FFFFFF; } + +/* Checkbox and radio */ +.checkbox, +.radio { + margin-bottom: 12px; + padding-left: 30px; + position: relative; + -webkit-transition: color,opacity 0.25s linear; + transition: color,opacity 0.25s linear; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + color: #66615b; + cursor: pointer; } + .checkbox .icons, + .radio .icons { + color: #66615b; + display: block; + height: 20px; + left: 0; + position: absolute; + top: 0; + width: 20px; + text-align: center; + line-height: 21px; + font-size: 20px; + cursor: pointer; + -webkit-transition: color,opacity 0.15s linear; + transition: color,opacity 0.15s linear; + opacity: .50; } + .checkbox.checked .icons, + .radio.checked .icons { + opacity: 1; } + .checkbox input, + .radio input { + outline: none !important; + display: none; } + +.checkbox .icons .first-icon, +.radio .icons .first-icon, +.checkbox .icons .second-icon, +.radio .icons .second-icon { + display: inline-table; + position: absolute; + left: 0; + top: 0; + background-color: transparent; + margin: 0; + opacity: 1; } + +.checkbox .icons .second-icon, +.radio .icons .second-icon { + opacity: 0; } + +.checkbox:hover, +.radio:hover { + -webkit-transition: color 0.2s linear; + transition: color 0.2s linear; } + +.checkbox:hover .first-icon, +.radio:hover .first-icon { + opacity: 0; } + +.checkbox:hover .second-icon, +.radio:hover .second-icon { + opacity: 1; } + +.checkbox.checked .first-icon, +.radio.checked .first-icon { + opacity: 0; + filter: alpha(opacity=0); } + +.checkbox.checked .second-icon, +.radio.checked .second-icon { + opacity: 1; + filter: alpha(opacity=100); + -webkit-transition: color 0.2s linear; + transition: color 0.2s linear; } + +.checkbox.disabled, +.radio.disabled { + cursor: default; + color: #DDDDDD; } + +.checkbox.disabled .icons, +.radio.disabled .icons { + color: #DDDDDD; } + +.checkbox.disabled .first-icon, +.radio.disabled .first-icon { + opacity: 1; + filter: alpha(opacity=100); } + +.checkbox.disabled .second-icon, +.radio.disabled .second-icon { + opacity: 0; + filter: alpha(opacity=0); } + +.checkbox.disabled.checked .icons, +.radio.disabled.checked .icons { + color: #DDDDDD; } + +.checkbox.disabled.checked .first-icon, +.radio.disabled.checked .first-icon { + opacity: 0; + filter: alpha(opacity=0); } + +.checkbox.disabled.checked .second-icon, +.radio.disabled.checked .second-icon { + opacity: 1; + color: #DDDDDD; + filter: alpha(opacity=100); } + +.nav > li > a:hover, +.nav > li > a:focus { + background-color: transparent; } + +.navbar { + border: 0; + font-size: 16px; + padding: 10px; + margin-bottom: 0px; + z-index: 3; } + .navbar .navbar-brand { + font-weight: 600; + margin: 5px 0px; + padding: 20px 15px; + font-size: 22px; } + .navbar .navbar-nav > li > a { + line-height: 1.42857; + margin: 15px 3px; + padding: 10px 15px; } + .navbar .navbar-nav > li > a.btn { + margin: 15px 3px; + padding: 7px 18px; } + .navbar .navbar-nav > li > a.btn-xs { + margin: 25px 5px; } + .navbar .navbar-nav > li > a.btn-sm { + margin: 20px 5px; } + .navbar .btn { + margin: 15px 3px; + font-size: 16px; } + .navbar .btn-simple { + font-size: 18px; } + +.navbar-nav > li > .dropdown-menu { + border-radius: 8px; + margin-top: -4px; } + +.navbar-transparent .navbar-brand, [class*="navbar-ct"] .navbar-brand { + opacity: 0.9; } + .navbar-transparent .navbar-brand:focus, .navbar-transparent .navbar-brand:hover, [class*="navbar-ct"] .navbar-brand:focus, [class*="navbar-ct"] .navbar-brand:hover { + background-color: transparent; + opacity: 1; } +.navbar-transparent .navbar-brand:not([class*="text"]), [class*="navbar-ct"] .navbar-brand:not([class*="text"]) { + color: #FFFFFF; } +.navbar-transparent .navbar-nav > li > a:not(.btn), [class*="navbar-ct"] .navbar-nav > li > a:not(.btn) { + color: #FFFFFF; + border-color: #FFFFFF; + opacity: 0.8; } +.navbar-transparent .navbar-nav > .active > a:not(.btn), +.navbar-transparent .navbar-nav > .active > a:hover:not(.btn), +.navbar-transparent .navbar-nav > .active > a:focus:not(.btn), +.navbar-transparent .navbar-nav > li > a:hover:not(.btn), +.navbar-transparent .navbar-nav > li > a:focus:not(.btn), [class*="navbar-ct"] .navbar-nav > .active > a:not(.btn), +[class*="navbar-ct"] .navbar-nav > .active > a:hover:not(.btn), +[class*="navbar-ct"] .navbar-nav > .active > a:focus:not(.btn), +[class*="navbar-ct"] .navbar-nav > li > a:hover:not(.btn), +[class*="navbar-ct"] .navbar-nav > li > a:focus:not(.btn) { + background-color: transparent; + border-radius: 3px; + color: #FFFFFF; + opacity: 1; } +.navbar-transparent .navbar-nav .nav > li > a.btn:hover, [class*="navbar-ct"] .navbar-nav .nav > li > a.btn:hover { + background-color: transparent; } +.navbar-transparent .navbar-nav > .dropdown > a .caret, +.navbar-transparent .navbar-nav > .dropdown > a:hover .caret, +.navbar-transparent .navbar-nav > .dropdown > a:focus .caret, [class*="navbar-ct"] .navbar-nav > .dropdown > a .caret, +[class*="navbar-ct"] .navbar-nav > .dropdown > a:hover .caret, +[class*="navbar-ct"] .navbar-nav > .dropdown > a:focus .caret { + border-bottom-color: #FFFFFF; + border-top-color: #FFFFFF; } +.navbar-transparent .navbar-nav > .open > a, +.navbar-transparent .navbar-nav > .open > a:hover, +.navbar-transparent .navbar-nav > .open > a:focus, [class*="navbar-ct"] .navbar-nav > .open > a, +[class*="navbar-ct"] .navbar-nav > .open > a:hover, +[class*="navbar-ct"] .navbar-nav > .open > a:focus { + background-color: transparent; + color: #FFFFFF; + opacity: 1; } +.navbar-transparent .btn-default, [class*="navbar-ct"] .btn-default { + color: #FFFFFF; + border-color: #FFFFFF; } +.navbar-transparent .btn-default.btn-fill, [class*="navbar-ct"] .btn-default.btn-fill { + color: #9A9A9A; + background-color: #FFFFFF; + opacity: 0.9; } +.navbar-transparent .btn-default.btn-fill:hover, +.navbar-transparent .btn-default.btn-fill:focus, +.navbar-transparent .btn-default.btn-fill:active, +.navbar-transparent .btn-default.btn-fill.active, +.navbar-transparent .open .dropdown-toggle.btn-fill.btn-default, [class*="navbar-ct"] .btn-default.btn-fill:hover, +[class*="navbar-ct"] .btn-default.btn-fill:focus, +[class*="navbar-ct"] .btn-default.btn-fill:active, +[class*="navbar-ct"] .btn-default.btn-fill.active, +[class*="navbar-ct"] .open .dropdown-toggle.btn-fill.btn-default { + border-color: #FFFFFF; + opacity: 1; } + +.navbar-transparent .dropdown-menu .divider { + background-color: rgba(255, 255, 255, 0.2); } + +.navbar-default { + background-color: #FFFCF5; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + .navbar-default .brand { + color: #66615b !important; } + .navbar-default .navbar-nav > li > a:not(.btn) { + color: #9A9A9A; } + .navbar-default .navbar-nav > .active > a, + .navbar-default .navbar-nav > .active > a:not(.btn):hover, + .navbar-default .navbar-nav > .active > a:not(.btn):focus, + .navbar-default .navbar-nav > li > a:not(.btn):hover, + .navbar-default .navbar-nav > li > a:not(.btn):focus { + background-color: transparent; + border-radius: 3px; + color: #68B3C8; + opacity: 1; } + .navbar-default .navbar-nav > .dropdown > a:hover .caret, + .navbar-default .navbar-nav > .dropdown > a:focus .caret { + border-bottom-color: #68B3C8; + border-top-color: #68B3C8; } + .navbar-default .navbar-nav > .open > a, + .navbar-default .navbar-nav > .open > a:hover, + .navbar-default .navbar-nav > .open > a:focus { + background-color: transparent; + color: #68B3C8; } + .navbar-default .navbar-nav .navbar-toggle:hover, .navbar-default .navbar-nav .navbar-toggle:focus { + background-color: transparent; } + .navbar-default:not(.navbar-transparent) .btn-default:hover { + color: #68B3C8; + border-color: #68B3C8; } + .navbar-default:not(.navbar-transparent) .btn-neutral, .navbar-default:not(.navbar-transparent) .btn-neutral:hover, .navbar-default:not(.navbar-transparent) .btn-neutral:active { + color: #9A9A9A; } + +/* Navbar with icons */ +.navbar-icons.navbar .navbar-brand { + margin-top: 12px; + margin-bottom: 12px; } +.navbar-icons .navbar-nav > li > a { + text-align: center; + padding: 6px 15px; + margin: 6px 3px; } +.navbar-icons .navbar-nav [class^="pe"] { + font-size: 30px; + position: relative; } +.navbar-icons .navbar-nav p { + margin: 3px 0 0; } + +.navbar-form { + margin: 15px 3px; + -webkit-box-shadow: none; + box-shadow: none; } + .navbar-form .btn { + margin: 0px 0px 0px 5px; } + .navbar-form .form-control { + border-radius: 0; + border: 0; + padding: 0; + background-color: transparent; + height: 22px; + font-size: 16px; + line-height: 1.5em; + color: #E3E3E3; } + .navbar-transparent .navbar-form .form-control, [class*="navbar-ct"] .navbar-form .form-control { + color: #FFFFFF; + border: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.6); } + +.navbar-ct-primary { + background-color: #8ECFD5; } + +.navbar-ct-info { + background-color: #7CE4FE; } + +.navbar-ct-success { + background-color: #8EF3C5; } + +.navbar-ct-warning { + background-color: #FFE28C; } + +.navbar-ct-danger { + background-color: #FF8F5E; } + +.navbar-transparent { + padding-top: 15px; + background-color: transparent; + border-bottom: 1px solid transparent; } + +.navbar-toggle { + margin-top: 19px; + margin-bottom: 19px; + border: 0; } + .navbar-toggle .icon-bar { + background-color: #FFFFFF; } + .navbar-toggle .navbar-collapse, + .navbar-toggle .navbar-form { + border-color: transparent; } + .navbar-toggle.navbar-default .navbar-toggle:hover, .navbar-toggle.navbar-default .navbar-toggle:focus { + background-color: transparent; } + +.navbar .navbar-nav > li > a.profile-photo { + padding: 0px 0px 0px 5px; } + +.profile-photo-small { + height: 40px; + width: 40px; } + +.img-rounded { + border-radius: 8px; + box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); + transition: opacity 0.5s ease 0s; } + +.img-details { + min-height: 50px; + padding: 0 4px 0.5em; } + +.img-details .author { + margin-left: 10px; + margin-top: -21px; + width: 40px; } + +.img-circle { + background-color: #FFFFFF; + margin-bottom: 10px; + padding: 4px; } + +.img-thumbnail { + border: 0 none; + border-radius: 8px; + box-shadow: 0 1px 2px rgba(164, 158, 147, 0.6); + margin-bottom: 10px; } + +.img-no-padding { + padding: 0px; } + +.btn-facebook { + border-color: #3b5998; + color: #3b5998; } + .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .btn-facebook.dropdown-toggle { + background-color: #3b5998; + border-color: #3b5998; + color: rgba(255, 255, 255, 0.7); } + .btn-facebook:disabled, .btn-facebook[disabled], .btn-facebook.disabled { + background-color: transparent; + border-color: #3b5998; } + .btn-facebook.btn-fill { + color: #FFFFFF; + background-color: #3b5998; + opacity: 0.8; } + .btn-facebook.btn-fill:hover, .btn-facebook.btn-fill:focus, .btn-facebook.btn-fill:active, .btn-facebook.btn-fill.active, .open > .btn-facebook.btn-fill.dropdown-toggle { + background-color: #3b5998; + border-color: #3b5998; + color: #FFFFFF; + opacity: 1; } + .btn-facebook.btn-simple { + color: #3b5998; + opacity: 0.8; } + .btn-facebook.btn-simple:hover, .btn-facebook.btn-simple:focus, .btn-facebook.btn-simple:active, .btn-facebook.btn-simple.active, .open > .btn-facebook.btn-simple.dropdown-toggle { + background-color: transparent; + color: #3b5998; + opacity: 1; } + .btn-facebook.btn-simple:hover i, .btn-facebook.btn-simple:focus i, .btn-facebook.btn-simple:active i, .btn-facebook.btn-simple.active i, .open > .btn-facebook.btn-simple.dropdown-toggle i { + color: #3b5998; + opacity: 1; } + +.btn-twitter { + border-color: #55acee; + color: #55acee; } + .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open > .btn-twitter.dropdown-toggle { + background-color: #55acee; + border-color: #55acee; + color: rgba(255, 255, 255, 0.7); } + .btn-twitter:disabled, .btn-twitter[disabled], .btn-twitter.disabled { + background-color: transparent; + border-color: #55acee; } + .btn-twitter.btn-fill { + color: #FFFFFF; + background-color: #55acee; + opacity: 0.8; } + .btn-twitter.btn-fill:hover, .btn-twitter.btn-fill:focus, .btn-twitter.btn-fill:active, .btn-twitter.btn-fill.active, .open > .btn-twitter.btn-fill.dropdown-toggle { + background-color: #55acee; + border-color: #55acee; + color: #FFFFFF; + opacity: 1; } + .btn-twitter.btn-simple { + color: #55acee; + opacity: 0.8; } + .btn-twitter.btn-simple:hover, .btn-twitter.btn-simple:focus, .btn-twitter.btn-simple:active, .btn-twitter.btn-simple.active, .open > .btn-twitter.btn-simple.dropdown-toggle { + background-color: transparent; + color: #55acee; + opacity: 1; } + .btn-twitter.btn-simple:hover i, .btn-twitter.btn-simple:focus i, .btn-twitter.btn-simple:active i, .btn-twitter.btn-simple.active i, .open > .btn-twitter.btn-simple.dropdown-toggle i { + color: #55acee; + opacity: 1; } + +.btn-pinterest { + border-color: #cc2127; + color: #cc2127; } + .btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open > .btn-pinterest.dropdown-toggle { + background-color: #cc2127; + border-color: #cc2127; + color: rgba(255, 255, 255, 0.7); } + .btn-pinterest:disabled, .btn-pinterest[disabled], .btn-pinterest.disabled { + background-color: transparent; + border-color: #cc2127; } + .btn-pinterest.btn-fill { + color: #FFFFFF; + background-color: #cc2127; + opacity: 0.8; } + .btn-pinterest.btn-fill:hover, .btn-pinterest.btn-fill:focus, .btn-pinterest.btn-fill:active, .btn-pinterest.btn-fill.active, .open > .btn-pinterest.btn-fill.dropdown-toggle { + background-color: #cc2127; + border-color: #cc2127; + color: #FFFFFF; + opacity: 1; } + .btn-pinterest.btn-simple { + color: #cc2127; + opacity: 0.8; } + .btn-pinterest.btn-simple:hover, .btn-pinterest.btn-simple:focus, .btn-pinterest.btn-simple:active, .btn-pinterest.btn-simple.active, .open > .btn-pinterest.btn-simple.dropdown-toggle { + background-color: transparent; + color: #cc2127; + opacity: 1; } + .btn-pinterest.btn-simple:hover i, .btn-pinterest.btn-simple:focus i, .btn-pinterest.btn-simple:active i, .btn-pinterest.btn-simple.active i, .open > .btn-pinterest.btn-simple.dropdown-toggle i { + color: #cc2127; + opacity: 1; } + +.btn-google { + border-color: #dd4b39; + color: #dd4b39; } + .btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active, .open > .btn-google.dropdown-toggle { + background-color: #dd4b39; + border-color: #dd4b39; + color: rgba(255, 255, 255, 0.7); } + .btn-google:disabled, .btn-google[disabled], .btn-google.disabled { + background-color: transparent; + border-color: #dd4b39; } + .btn-google.btn-fill { + color: #FFFFFF; + background-color: #dd4b39; + opacity: 0.8; } + .btn-google.btn-fill:hover, .btn-google.btn-fill:focus, .btn-google.btn-fill:active, .btn-google.btn-fill.active, .open > .btn-google.btn-fill.dropdown-toggle { + background-color: #dd4b39; + border-color: #dd4b39; + color: #FFFFFF; + opacity: 1; } + .btn-google.btn-simple { + color: #dd4b39; + opacity: 0.8; } + .btn-google.btn-simple:hover, .btn-google.btn-simple:focus, .btn-google.btn-simple:active, .btn-google.btn-simple.active, .open > .btn-google.btn-simple.dropdown-toggle { + background-color: transparent; + color: #dd4b39; + opacity: 1; } + .btn-google.btn-simple:hover i, .btn-google.btn-simple:focus i, .btn-google.btn-simple:active i, .btn-google.btn-simple.active i, .open > .btn-google.btn-simple.dropdown-toggle i { + color: #dd4b39; + opacity: 1; } + +.btn-linkedin { + border-color: #0976b4; + color: #0976b4; } + .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .btn-linkedin.dropdown-toggle { + background-color: #0976b4; + border-color: #0976b4; + color: rgba(255, 255, 255, 0.7); } + .btn-linkedin:disabled, .btn-linkedin[disabled], .btn-linkedin.disabled { + background-color: transparent; + border-color: #0976b4; } + .btn-linkedin.btn-fill { + color: #FFFFFF; + background-color: #0976b4; + opacity: 0.8; } + .btn-linkedin.btn-fill:hover, .btn-linkedin.btn-fill:focus, .btn-linkedin.btn-fill:active, .btn-linkedin.btn-fill.active, .open > .btn-linkedin.btn-fill.dropdown-toggle { + background-color: #0976b4; + border-color: #0976b4; + color: #FFFFFF; + opacity: 1; } + .btn-linkedin.btn-simple { + color: #0976b4; + opacity: 0.8; } + .btn-linkedin.btn-simple:hover, .btn-linkedin.btn-simple:focus, .btn-linkedin.btn-simple:active, .btn-linkedin.btn-simple.active, .open > .btn-linkedin.btn-simple.dropdown-toggle { + background-color: transparent; + color: #0976b4; + opacity: 1; } + .btn-linkedin.btn-simple:hover i, .btn-linkedin.btn-simple:focus i, .btn-linkedin.btn-simple:active i, .btn-linkedin.btn-simple.active i, .open > .btn-linkedin.btn-simple.dropdown-toggle i { + color: #0976b4; + opacity: 1; } + +.btn-dribbble { + border-color: #ea4c89; + color: #ea4c89; } + .btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active, .btn-dribbble.active, .open > .btn-dribbble.dropdown-toggle { + background-color: #ea4c89; + border-color: #ea4c89; + color: rgba(255, 255, 255, 0.7); } + .btn-dribbble:disabled, .btn-dribbble[disabled], .btn-dribbble.disabled { + background-color: transparent; + border-color: #ea4c89; } + .btn-dribbble.btn-fill { + color: #FFFFFF; + background-color: #ea4c89; + opacity: 0.8; } + .btn-dribbble.btn-fill:hover, .btn-dribbble.btn-fill:focus, .btn-dribbble.btn-fill:active, .btn-dribbble.btn-fill.active, .open > .btn-dribbble.btn-fill.dropdown-toggle { + background-color: #ea4c89; + border-color: #ea4c89; + color: #FFFFFF; + opacity: 1; } + .btn-dribbble.btn-simple { + color: #ea4c89; + opacity: 0.8; } + .btn-dribbble.btn-simple:hover, .btn-dribbble.btn-simple:focus, .btn-dribbble.btn-simple:active, .btn-dribbble.btn-simple.active, .open > .btn-dribbble.btn-simple.dropdown-toggle { + background-color: transparent; + color: #ea4c89; + opacity: 1; } + .btn-dribbble.btn-simple:hover i, .btn-dribbble.btn-simple:focus i, .btn-dribbble.btn-simple:active i, .btn-dribbble.btn-simple.active i, .open > .btn-dribbble.btn-simple.dropdown-toggle i { + color: #ea4c89; + opacity: 1; } + +.btn-github { + border-color: #333333; + color: #333333; } + .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open > .btn-github.dropdown-toggle { + background-color: #333333; + border-color: #333333; + color: rgba(255, 255, 255, 0.7); } + .btn-github:disabled, .btn-github[disabled], .btn-github.disabled { + background-color: transparent; + border-color: #333333; } + .btn-github.btn-fill { + color: #FFFFFF; + background-color: #333333; + opacity: 0.8; } + .btn-github.btn-fill:hover, .btn-github.btn-fill:focus, .btn-github.btn-fill:active, .btn-github.btn-fill.active, .open > .btn-github.btn-fill.dropdown-toggle { + background-color: #333333; + border-color: #333333; + color: #FFFFFF; + opacity: 1; } + .btn-github.btn-simple { + color: #333333; + opacity: 0.8; } + .btn-github.btn-simple:hover, .btn-github.btn-simple:focus, .btn-github.btn-simple:active, .btn-github.btn-simple.active, .open > .btn-github.btn-simple.dropdown-toggle { + background-color: transparent; + color: #333333; + opacity: 1; } + .btn-github.btn-simple:hover i, .btn-github.btn-simple:focus i, .btn-github.btn-simple:active i, .btn-github.btn-simple.active i, .open > .btn-github.btn-simple.dropdown-toggle i { + color: #333333; + opacity: 1; } + +.btn-youtube { + border-color: #e52d27; + color: #e52d27; } + .btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube.active, .open > .btn-youtube.dropdown-toggle { + background-color: #e52d27; + border-color: #e52d27; + color: rgba(255, 255, 255, 0.7); } + .btn-youtube:disabled, .btn-youtube[disabled], .btn-youtube.disabled { + background-color: transparent; + border-color: #e52d27; } + .btn-youtube.btn-fill { + color: #FFFFFF; + background-color: #e52d27; + opacity: 0.8; } + .btn-youtube.btn-fill:hover, .btn-youtube.btn-fill:focus, .btn-youtube.btn-fill:active, .btn-youtube.btn-fill.active, .open > .btn-youtube.btn-fill.dropdown-toggle { + background-color: #e52d27; + border-color: #e52d27; + color: #FFFFFF; + opacity: 1; } + .btn-youtube.btn-simple { + color: #e52d27; + opacity: 0.8; } + .btn-youtube.btn-simple:hover, .btn-youtube.btn-simple:focus, .btn-youtube.btn-simple:active, .btn-youtube.btn-simple.active, .open > .btn-youtube.btn-simple.dropdown-toggle { + background-color: transparent; + color: #e52d27; + opacity: 1; } + .btn-youtube.btn-simple:hover i, .btn-youtube.btn-simple:focus i, .btn-youtube.btn-simple:active i, .btn-youtube.btn-simple.active i, .open > .btn-youtube.btn-simple.dropdown-toggle i { + color: #e52d27; + opacity: 1; } + +.btn-instagram { + border-color: #125688; + color: #125688; } + .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open > .btn-instagram.dropdown-toggle { + background-color: #125688; + border-color: #125688; + color: rgba(255, 255, 255, 0.7); } + .btn-instagram:disabled, .btn-instagram[disabled], .btn-instagram.disabled { + background-color: transparent; + border-color: #125688; } + .btn-instagram.btn-fill { + color: #FFFFFF; + background-color: #125688; + opacity: 0.8; } + .btn-instagram.btn-fill:hover, .btn-instagram.btn-fill:focus, .btn-instagram.btn-fill:active, .btn-instagram.btn-fill.active, .open > .btn-instagram.btn-fill.dropdown-toggle { + background-color: #125688; + border-color: #125688; + color: #FFFFFF; + opacity: 1; } + .btn-instagram.btn-simple { + color: #125688; + opacity: 0.8; } + .btn-instagram.btn-simple:hover, .btn-instagram.btn-simple:focus, .btn-instagram.btn-simple:active, .btn-instagram.btn-simple.active, .open > .btn-instagram.btn-simple.dropdown-toggle { + background-color: transparent; + color: #125688; + opacity: 1; } + .btn-instagram.btn-simple:hover i, .btn-instagram.btn-simple:focus i, .btn-instagram.btn-simple:active i, .btn-instagram.btn-simple.active i, .open > .btn-instagram.btn-simple.dropdown-toggle i { + color: #125688; + opacity: 1; } + +.btn-reddit { + border-color: #ff4500; + color: #ff4500; } + .btn-reddit:hover, .btn-reddit:focus, .btn-reddit:active, .btn-reddit.active, .open > .btn-reddit.dropdown-toggle { + background-color: #ff4500; + border-color: #ff4500; + color: rgba(255, 255, 255, 0.7); } + .btn-reddit:disabled, .btn-reddit[disabled], .btn-reddit.disabled { + background-color: transparent; + border-color: #ff4500; } + .btn-reddit.btn-fill { + color: #FFFFFF; + background-color: #ff4500; + opacity: 0.8; } + .btn-reddit.btn-fill:hover, .btn-reddit.btn-fill:focus, .btn-reddit.btn-fill:active, .btn-reddit.btn-fill.active, .open > .btn-reddit.btn-fill.dropdown-toggle { + background-color: #ff4500; + border-color: #ff4500; + color: #FFFFFF; + opacity: 1; } + .btn-reddit.btn-simple { + color: #ff4500; + opacity: 0.8; } + .btn-reddit.btn-simple:hover, .btn-reddit.btn-simple:focus, .btn-reddit.btn-simple:active, .btn-reddit.btn-simple.active, .open > .btn-reddit.btn-simple.dropdown-toggle { + background-color: transparent; + color: #ff4500; + opacity: 1; } + .btn-reddit.btn-simple:hover i, .btn-reddit.btn-simple:focus i, .btn-reddit.btn-simple:active i, .btn-reddit.btn-simple.active i, .open > .btn-reddit.btn-simple.dropdown-toggle i { + color: #ff4500; + opacity: 1; } + +.btn-tumblr { + border-color: #35465c; + color: #35465c; } + .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open > .btn-tumblr.dropdown-toggle { + background-color: #35465c; + border-color: #35465c; + color: rgba(255, 255, 255, 0.7); } + .btn-tumblr:disabled, .btn-tumblr[disabled], .btn-tumblr.disabled { + background-color: transparent; + border-color: #35465c; } + .btn-tumblr.btn-fill { + color: #FFFFFF; + background-color: #35465c; + opacity: 0.8; } + .btn-tumblr.btn-fill:hover, .btn-tumblr.btn-fill:focus, .btn-tumblr.btn-fill:active, .btn-tumblr.btn-fill.active, .open > .btn-tumblr.btn-fill.dropdown-toggle { + background-color: #35465c; + border-color: #35465c; + color: #FFFFFF; + opacity: 1; } + .btn-tumblr.btn-simple { + color: #35465c; + opacity: 0.8; } + .btn-tumblr.btn-simple:hover, .btn-tumblr.btn-simple:focus, .btn-tumblr.btn-simple:active, .btn-tumblr.btn-simple.active, .open > .btn-tumblr.btn-simple.dropdown-toggle { + background-color: transparent; + color: #35465c; + opacity: 1; } + .btn-tumblr.btn-simple:hover i, .btn-tumblr.btn-simple:focus i, .btn-tumblr.btn-simple:active i, .btn-tumblr.btn-simple.active i, .open > .btn-tumblr.btn-simple.dropdown-toggle i { + color: #35465c; + opacity: 1; } + +.label-facebook { + background-color: #3b5998; } + +.label-twitter { + background-color: #55acee; } + +.label-pinterest { + background-color: #cc2127; } + +.label-google { + background-color: #dd4b39; } + +.label-linkedin { + background-color: #0976b4; } + +.label-dribbble { + background-color: #ea4c89; } + +.label-github { + background-color: #333333; } + +.label-youtube { + background-color: #e52d27; } + +.label-instagram { + background-color: #125688; } + +.label-reddit { + background-color: #ff4500; } + +.label-tumblr { + background-color: #35465c; } + +.icon-facebook { + color: #3b5998; } + +.icon-twitter { + color: #55acee; } + +.icon-pinterest { + color: #cc2127; } + +.icon-google { + color: #dd4b39; } + +.icon-linkedin { + color: #0976b4; } + +.icon-dribbble { + color: #ea4c89; } + +.icon-github { + color: #333333; } + +.icon-youtube { + color: #e52d27; } + +.icon-instagram { + color: #125688; } + +.icon-reddit { + color: #ff4500; } + +.icon-tumblr { + color: #35465c; } + +.icon-property, .btn-rotate i, .btn-magnify i, .btn-move-left i, .btn-move-right i { + -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); + position: relative; + display: inline-block; } + +.btn-rotate:hover i, .btn-rotate:focus i { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(53deg); + -ms-transform: rotate(53deg); + transform: rotate(53deg); } + +.btn-magnify:hover i, .btn-magnify:focus i { + -webkit-transform: scale(1.22); + -moz-transform: scale(1.22); + -o-transform: scale(1.22); + -ms-transform: scale(1.22); + transform: scale(1.22); } + +.btn-move-left i { + margin-right: 0; } +.btn-move-left:hover i, .btn-move-left:focus i { + -webkit-transform: translateX(-5px); + -moz-transform: translateX(-5px); + -o-transform: translateX(-5px); + -ms-transform: translateX(-5px); + transform: translateX(-5px); } + +.btn-move-right i { + margin-right: 0; } +.btn-move-right:hover i, .btn-move-right:focus i { + -webkit-transform: translateX(5px); + -moz-transform: translateX(5px); + -o-transform: translateX(5px); + -ms-transform: translateX(5px); + transform: translateX(5px); } + +/* ============================================================ + * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru + * http://www.larentis.eu/switch/ + * ============================================================ + * Licensed under the Apache License, Version 2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * ============================================================ */ +.has-switch { + border-radius: 30px; + cursor: pointer; + display: inline-block; + line-height: 1.72222; + overflow: hidden; + position: relative; + text-align: left; + width: 61px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + /* this code is for fixing safari bug with hidden overflow for border-radius */ + -webkit-mask: url("../img/mask.png") 0 0 no-repeat; + -webkit-mask-size: 61px 28px; + mask: url("../img/mask.png") 0 0 no-repeat; + mask-size: 61px 28px; } + +.has-switch.deactivate { + opacity: 0.5; + filter: alpha(opacity=50); + cursor: default !important; } + +.has-switch.deactivate label, +.has-switch.deactivate span { + cursor: default !important; } + +.has-switch > div { + position: relative; + top: 0; + width: 100px; } + +.has-switch > div.switch-animate { + -webkit-transition: left 0.25s ease-out; + transition: left 0.25s ease-out; } + +.has-switch > div.switch-off { + left: -35px; } + +.has-switch > div.switch-on { + left: 0; } + +.has-switch > div label { + background-color: #FFFFFF; + box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.25); + cursor: pointer; } + +.has-switch input[type=checkbox] { + display: none; } + +.has-switch span { + cursor: pointer; + float: left; + font-size: 11px; + font-weight: 500; + height: 26px; + line-height: 15px; + margin: 0; + padding-bottom: 6px; + padding-top: 5px; + position: relative; + text-align: center; + text-indent: -10px; + width: 50%; + z-index: 1; + -webkit-transition: 0.25s ease-out; + transition: 0.25s ease-out; } + +.has-switch span.switch-left { + background-color: #66615b; + border-left: 1px solid transparent; + border-radius: 30px 0 0 30px; + color: #FFFFFF; } + +.has-switch .switch-off span.switch-left { + background-color: #DDDDDD; } + +.has-switch span.switch-right { + background-color: #66615b; + border-radius: 0 30px 30px 0; + color: #ffffff; + text-indent: 1px; } + +.has-switch .switch-off span.switch-right { + background-color: #DDDDDD; } + +.has-switch label { + border-radius: 12px; + float: left; + height: 22px; + margin: 2px -13px; + padding: 0; + position: relative; + transition: all 0.25s ease-out 0s; + vertical-align: middle; + width: 22px; + z-index: 100; + -webkit-transition: 0.25s ease-out; + transition: 0.25s ease-out; } + +.has-switch .switch-on .fa-check:before { + margin-left: 10px; } + +.has-switch:hover .switch-on label { + margin: 2px -17px; + width: 26px; } + +.has-switch:hover .switch-off label { + margin: 2px -13px; + width: 26px; } + +input.ct-primary + span.switch-left, +input.ct-primary + span + label + span.switch-right { + background-color: #7A9E9F; } + +input.ct-info + span.switch-left, +input.ct-info + span + label + span.switch-right { + background-color: #68B3C8; } + +input.ct-success + span.switch-left, +input.ct-success + span + label + span.switch-right { + background-color: #7AC29A; } + +input.ct-warning + span.switch-left, +input.ct-warning + span + label + span.switch-right { + background-color: #F3BB45; } + +input.ct-danger + span.switch-left, +input.ct-danger + span + label + span.switch-right { + background-color: #EB5E28; } + +.dropdown-menu { + background-color: #FFFCF5; + border: 0 none; + border-radius: 8px; + margin-top: 23px; + padding: 0px; + -webkit-box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1); + box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1); } + .dropdown-menu .divider { + background-color: #F1EAE0; + margin: 0px; } + .dropdown-menu .dropdown-header { + color: #9A9A9A; + font-size: 14px; + padding: 10px 15px; } + .dropdown-menu > li > a { + color: #66615b; + font-size: 16px; + padding: 10px 15px; + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + -ms-transition: none; + transition: none; } + .dropdown-menu > li > a img { + margin-top: -3px; } + .dropdown-menu > li > a:focus { + outline: 0 !important; } + .btn-group.select .dropdown-menu { + min-width: 100%; } + .dropdown-menu > li:first-child > a { + border-top-left-radius: 8px; + border-top-right-radius: 8px; } + .dropdown-menu > li:last-child > a { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; } + .dropdown-menu > li > a:hover, + .dropdown-menu > li > a:focus { + background-color: #66615B; + color: rgba(255, 255, 255, 0.7); + opacity: 1; + text-decoration: none; } + .dropdown-menu.dropdown-primary > li:not(.disabled) > a:hover, + .dropdown-menu.dropdown-primary > li:not(.disabled) > a:focus { + background-color: #7A9E9F; } + .dropdown-menu.dropdown-info > li:not(.disabled) > a:hover, + .dropdown-menu.dropdown-info > li:not(.disabled) > a:focus { + background-color: #68B3C8; } + .dropdown-menu.dropdown-success > li:not(.disabled) > a:hover, + .dropdown-menu.dropdown-success > li:not(.disabled) > a:focus { + background-color: #7AC29A; } + .dropdown-menu.dropdown-warning > li:not(.disabled) > a:hover, + .dropdown-menu.dropdown-warning > li:not(.disabled) > a:focus { + background-color: #F3BB45; } + .dropdown-menu.dropdown-danger > li:not(.disabled) > a:hover, + .dropdown-menu.dropdown-danger > li:not(.disabled) > a:focus { + background-color: #EB5E28; } + .dropdown-menu > li.dropdown-footer { + background-color: #E8E7E3; + border-radius: 0 0 8px 8px; } + .dropdown-menu > li.dropdown-footer > ul { + list-style: outside none none; + padding: 0px 5px; } + .dropdown-menu > li.dropdown-footer > ul > li { + display: inline-block; + text-align: left; + padding: 0 10px; } + .dropdown-menu > li.dropdown-footer > ul > li > a { + color: #9C9B99; + font-size: 0.9em; + line-height: 35px; } + .dropdown-menu > li.dropdown-footer > ul > li:hover a { + color: #5E5E5C; } + +.select .no-style:hover, +.select .no-style:active, +.select .no-style:focus { + background-color: #FFFFFF; + color: #66615b; } + .select .no-style:hover .caret, + .select .no-style:active .caret, + .select .no-style:focus .caret { + border-top-color: #66615b; } + +.open .no-style { + background-color: #FFFFFF !important; + color: #66615b !important; } + .open .no-style .caret { + border-top-color: #66615b !important; } + +.btn-group.select { + overflow: hidden; } + +.btn-group.select.open { + overflow: visible; } + +.notification-bubble { + left: 25px; + position: absolute; + top: 13px; } + +.dropdown-notification .dropdown-header { + border-bottom: 1px solid #F1EAE0; } +.dropdown-notification .no-notification { + color: #9A9A9A; + font-size: 1.2em; + padding: 30px 30px; + text-align: center; } + +.dropdown-notification-list > li { + border-bottom: 1px solid #F1EAE0; + color: #66615b; + font-size: 16px; + padding: 10px 5px; } +.dropdown-notification-list > li > a { + color: #66615b; + white-space: normal; } + .dropdown-notification-list > li > a .notification-text { + padding-left: 40px; + position: relative; } + .dropdown-notification-list > li > a .label { + display: block; + position: absolute; + top: 50%; + margin-top: -12px; + left: 7px; } + .dropdown-notification-list > li > a .message { + font-size: 0.9em; + line-height: 0.7; } + .dropdown-notification-list > li > a .time { + color: #9A9A9A; + font-size: 0.7em; } + .dropdown-notification-list > li > a .read-notification { + font-size: 12px; + opacity: 0; + position: absolute; + right: 5px; + top: 50%; + margin-top: -12px; } +.dropdown-notification-list > li:hover, +.dropdown-notification-list > li:focus { + background-color: #F0EFEB; + color: #66615b; + opacity: 1; + text-decoration: none; } + .dropdown-notification-list > li:hover .read-notification, + .dropdown-notification-list > li:focus .read-notification { + opacity: 1; } + +.scroll-area { + max-height: 310px; + overflow-y: scroll; + list-style: outside none none; + padding: 0px; } + +.dropdown-sharing li { + color: #66615b; + font-size: 16px; } + .dropdown-sharing li .social-line { + line-height: 28px; + padding: 10px 20px 5px 20px; } + .dropdown-sharing li .social-line [class*="icon-"] { + font-size: 20px; } +.dropdown-sharing li:hover .social-line, +.dropdown-sharing li:hover a, +.dropdown-sharing li:hover .action-line, +.dropdown-sharing li:focus .social-line, +.dropdown-sharing li:focus a, +.dropdown-sharing li:focus .action-line { + background-color: #FFFCF5; + color: #66615b; + opacity: 1; + text-decoration: none; } + +.dropdown-actions li .action-line { + line-height: 24px; + padding: 10px 20px; + font-weight: bold; } + .dropdown-actions li .action-line [class*="icon-"] { + font-size: 24px; } + .dropdown-actions li .action-line .col-xs-9 { + line-height: 34px; } +.dropdown-actions li .link-danger { + color: #EB5E28; } + .dropdown-actions li .link-danger:hover, .dropdown-actions li .link-danger:active, .dropdown-actions li .link-danger:focus { + color: #EB5E28; } +.dropdown-actions li:hover a, +.dropdown-actions li:focus a { + background-color: #F0EFEB; + color: #66615b; + opacity: 1; + text-decoration: none; } + +.tagsinput { + height: 40px; + overflow-y: auto; + text-align: left; + /* + &.tag-primary .tag, + &.tag-primary .tagsinput-remove-link{ + background-color: $primary-color; + } + */ } + .tagsinput .tag { + background-color: #66615b; + cursor: pointer; + margin: 5px 3px 5px 0; + position: relative; + padding: 0.4em 0.9em; + border-radius: 10px; + color: #FFFFFF; + font-weight: 500; + font-size: 0.75em; + line-height: 1; + text-transform: uppercase; + display: inline-block; + padding-left: 0.8em; } + .tagsinput .tag:hover { + padding-right: 14px; } + .tagsinput .tagsinput-remove-link { + color: #FFFFFF; + cursor: pointer; + font-size: 0.75em; + margin-top: 3px; + padding: 0.4em 0.6em; + position: absolute; + right: 0; + opacity: 0; + text-align: right; + text-decoration: none; + top: 0; + width: 100%; + z-index: 2; } + .tagsinput .tag:hover .tagsinput-remove-link { + opacity: 1; + padding-right: 6px; } + .tagsinput .tagsinput-remove-link:before { + content: "\e646"; + font-family: "themify"; + font-weight: bolder; } + .tagsinput .tagsinput-add-container { + display: inline-block; + line-height: 1; + margin-top: -6px; + vertical-align: middle; } + .tagsinput .tagsinput-add { + color: #66615b; + cursor: pointer; + display: inline-block; + font-size: 0.9em; + padding: 5px 6px; + margin: 7px 0 0; + vertical-align: top; + opacity: 0.8; } + .tagsinput .tagsinput-add:hover, .tagsinput .tagsinput-add:focus { + opacity: 1; } + .tagsinput .tagsinput-add:before { + content: "\e61a"; + font-family: "themify"; + font-weight: bolder; } + .tagsinput input { + background: transparent; + border: none; + color: #66615b !important; + font-size: 0.9em; + margin: 2px 0 0 0; + outline: medium none !important; + padding-top: 7px; + vertical-align: middle; + width: 40px; + height: 30px; } + .tagsinput.tag-primary .tag { + background-color: #7A9E9F; } + .tagsinput.tag-primary .tagsinput-add { + color: #7A9E9F; } + .tagsinput.tag-info .tag { + background-color: #68B3C8; } + .tagsinput.tag-success .tag { + background-color: #7AC29A; } + .tagsinput.tag-warning .tag { + background-color: #F3BB45; } + .tagsinput.tag-danger .tag { + background-color: #EB5E28; } + +@-webkit-keyframes uil-reload-css { + 0% { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + 50% { + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); } + 100% { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } +@-webkit-keyframes uil-reload-css { + 0% { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + 50% { + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); } + 100% { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } +@-moz-keyframes uil-reload-css { + 0% { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + 50% { + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); } + 100% { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } +@-ms-keyframes uil-reload-css { + 0% { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + 50% { + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); } + 100% { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } +@-moz-keyframes uil-reload-css { + 0% { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + 50% { + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); } + 100% { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } +@-webkit-keyframes uil-reload-css { + 0% { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + 50% { + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); } + 100% { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } +@-o-keyframes uil-reload-css { + 0% { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + 50% { + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); } + 100% { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } +@keyframes uil-reload-css { + 0% { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + 50% { + -ms-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); } + 100% { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } +.uil-reload-css { + display: inline-block; + position: relative; + width: 80px; + height: 80px; + vertical-align: middle; } + .uil-reload-css > div { + -ms-animation: uil-reload-css 1.4s linear infinite; + -moz-animation: uil-reload-css 1.4s linear infinite; + -webkit-animation: uil-reload-css 1.4s linear infinite; + -o-animation: uil-reload-css 1.4s linear infinite; + animation: uil-reload-css 1.4s linear infinite; + display: block; + position: absolute; + top: 18px; + left: 18px; + width: 45px; + height: 45px; + border-radius: 100px; + border: 7px solid #D8D1C9; + border-top: 7px solid transparent; + border-right: 7px solid #D8D1C9; + border-bottom: 7px solid #D8D1C9; } + .uil-reload-css > div:after { + content: " "; + width: 0px; + height: 0px; + border-style: solid; + border-width: 0 8px 8px 8px; + border-color: transparent transparent #D8D1C9 transparent; + display: block; + -ms-transform: translate(-3px, -5px) rotate(45deg); + -moz-transform: translate(-3px, -5px) rotate(45deg); + -webkit-transform: translate(-3px, -5px) rotate(45deg); + -o-transform: translate(-3px, -5px) rotate(45deg); + transform: translate(-3px, -5px) rotate(45deg); } + +.uil-reload-css.reload-small { + height: 20px; + width: 20px; } + .uil-reload-css.reload-small > div { + top: 0; + left: 0; + border: 3px solid #D8D1C9; + border-top: 3px solid transparent; + border-right: 3px solid #D8D1C9; + border-bottom: 3px solid #D8D1C9; + height: 20px; + width: 20px; } + .uil-reload-css.reload-small > div:after { + border-width: 0 5px 5px 5px; + -ms-transform: translate(-2px, -3px) rotate(45deg); + -moz-transform: translate(-2px, -3px) rotate(45deg); + -webkit-transform: translate(-2px, -3px) rotate(45deg); + -o-transform: translate(-2px, -3px) rotate(45deg); + transform: translate(-2px, -3px) rotate(45deg); } + +.uil-reload-css.reload-background { + background-color: #DDDDDD; + border-radius: 50%; } + .uil-reload-css.reload-background > div { + border: 7px solid #FFFFFF; + border-top: 7px solid transparent; + border-right: 7px solid #FFFFFF; + border-bottom: 7px solid #FFFFFF; } + .uil-reload-css.reload-background > div:after { + border-color: transparent transparent #FFFFFF transparent; } + +.uil-reload-css.reload-background.reload-small { + height: 40px; + width: 40px; } + .uil-reload-css.reload-background.reload-small > div { + left: 10px; + top: 10px; + border: 3px solid #FFFFFF; + border-top: 3px solid transparent; + border-right: 3px solid #FFFFFF; + border-bottom: 3px solid #FFFFFF; } + +#bodyClick { + height: 100%; + width: 100%; + position: fixed; + opacity: 0; + top: 0; + left: auto; + right: 300px; + content: ""; + z-index: 1029; + overflow-x: hidden; } + +body { + position: relative; } + +body > .navbar-collapse { + position: fixed; + display: block; + top: 0; + height: 100vh; + width: 300px; + right: 0; + z-index: 1032; + visibility: visible; + background-color: #FFFFFF; + overflow-y: visible; + border-top: none; + text-align: left; + border-left: 1px solid #CCC5B9; + padding-top: 15px; + -webkit-transform: translateX(300px); + -moz-transform: translateX(300px); + -o-transform: translateX(300px); + -ms-transform: translateX(300px); + transform: translateX(300px); + -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } + body > .navbar-collapse ul { + position: relative; + z-index: 3; + overflow-y: auto; + height: 100%; } + body > .navbar-collapse .nav > li:last-child { + border-bottom: 0; } + body > .navbar-collapse .nav > li > a { + margin: 0px 0px; + color: #66615B; + text-transform: uppercase; + font-weight: 600; + font-size: 14px; + line-height: 1.5em; + padding: 15px; } + body > .navbar-collapse .nav > li > a:hover, body > .navbar-collapse .nav > li > a.active { + color: #403D39; } + body > .navbar-collapse .nav > li > a span { + display: inline-block !important; + margin-left: 5px; } + body > .navbar-collapse .nav > li.social-links { + text-align: center; + margin-left: -40px; } + body > .navbar-collapse .nav > li.social-links > a { + font-size: 20px; + padding: 15px 15px; } + body > .navbar-collapse .scroll-area { + max-height: none; } + body > .navbar-collapse::after { + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: #FFFCF5; + background-image: linear-gradient(to bottom, transparent 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%); + display: block; + content: ""; + z-index: 1; } + body > .navbar-collapse.navbar-white-collapse::after { + background-color: #FFFFFF; } + body > .navbar-collapse.has-image::after { + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: rgba(17, 17, 17, 0.8); + display: block; + content: ""; + z-index: 1; } + body > .navbar-collapse .dropdown-menu { + display: none; } + body > .navbar-collapse .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + display: block; + min-width: auto !important; } + body > .navbar-collapse .caret { + border-bottom-color: #403D39; + border-top-color: #403D39; } + body > .navbar-collapse .nav .open > a, + body > .navbar-collapse .nav .open > a:hover, + body > .navbar-collapse .nav .open > a:focus { + background-color: transparent; } + +body > .navbar-collapse.collapse { + height: 100vh !important; } + +.wrapper { + -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + left: 0; + background-color: white; } + .wrapper.transition { + -webkit-transform: translateX(0px); + -moz-transform: translateX(0px); + -o-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); } + +.navbar-burger .navbar-toggle .icon-bar { + display: block; + position: relative; + width: 24px; + height: 2px; + border-radius: 1px; } +.navbar-burger.navbar-transparent .navbar-toggle .icon-bar { + background: #fff; } +.navbar-burger .container { + -webkit-transform: translateX(0px); + -moz-transform: translateX(0px); + -o-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); + -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); + position: relative; } +.navbar-burger .navbar-header .navbar-toggle { + margin-top: 12px; + margin-bottom: 8px; + width: 40px; + height: 40px; } +.navbar-burger .bar1, +.navbar-burger .bar2, +.navbar-burger .bar3 { + outline: 1px solid transparent; } +.navbar-burger .bar1 { + top: 0px; + -webkit-animation: topbar-back 500ms linear 0s; + -moz-animation: topbar-back 500ms linear 0s; + animation: topbar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; } +.navbar-burger .bar2 { + opacity: 1; } +.navbar-burger .bar3 { + bottom: 0px; + -webkit-animation: bottombar-back 500ms linear 0s; + -moz-animation: bottombar-back 500ms linear 0s; + animation: bottombar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; } +.navbar-burger .toggled .bar1 { + top: 6px; + -webkit-animation: topbar-x 500ms linear 0s; + -moz-animation: topbar-x 500ms linear 0s; + animation: topbar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; } +.navbar-burger .toggled .bar2 { + opacity: 0; } +.navbar-burger .toggled .bar3 { + bottom: 6px; + -webkit-animation: bottombar-x 500ms linear 0s; + -moz-animation: bottombar-x 500ms linear 0s; + animation: bottombar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; } +@keyframes topbar-x { + 0% { + top: 0px; + transform: rotate(0deg); } + 45% { + top: 6px; + transform: rotate(145deg); } + 75% { + transform: rotate(130deg); } + 100% { + transform: rotate(135deg); } } +@-webkit-keyframes topbar-x { + 0% { + top: 0px; + -webkit-transform: rotate(0deg); } + 45% { + top: 6px; + -webkit-transform: rotate(145deg); } + 75% { + -webkit-transform: rotate(130deg); } + 100% { + -webkit-transform: rotate(135deg); } } +@-moz-keyframes topbar-x { + 0% { + top: 0px; + -moz-transform: rotate(0deg); } + 45% { + top: 6px; + -moz-transform: rotate(145deg); } + 75% { + -moz-transform: rotate(130deg); } + 100% { + -moz-transform: rotate(135deg); } } +@keyframes topbar-back { + 0% { + top: 6px; + transform: rotate(135deg); } + 45% { + transform: rotate(-10deg); } + 75% { + transform: rotate(5deg); } + 100% { + top: 0px; + transform: rotate(0); } } +@-webkit-keyframes topbar-back { + 0% { + top: 6px; + -webkit-transform: rotate(135deg); } + 45% { + -webkit-transform: rotate(-10deg); } + 75% { + -webkit-transform: rotate(5deg); } + 100% { + top: 0px; + -webkit-transform: rotate(0); } } +@-moz-keyframes topbar-back { + 0% { + top: 6px; + -moz-transform: rotate(135deg); } + 45% { + -moz-transform: rotate(-10deg); } + 75% { + -moz-transform: rotate(5deg); } + 100% { + top: 0px; + -moz-transform: rotate(0); } } +@keyframes bottombar-x { + 0% { + bottom: 0px; + transform: rotate(0deg); } + 45% { + bottom: 6px; + transform: rotate(-145deg); } + 75% { + transform: rotate(-130deg); } + 100% { + transform: rotate(-135deg); } } +@-webkit-keyframes bottombar-x { + 0% { + bottom: 0px; + -webkit-transform: rotate(0deg); } + 45% { + bottom: 6px; + -webkit-transform: rotate(-145deg); } + 75% { + -webkit-transform: rotate(-130deg); } + 100% { + -webkit-transform: rotate(-135deg); } } +@-moz-keyframes bottombar-x { + 0% { + bottom: 0px; + -moz-transform: rotate(0deg); } + 45% { + bottom: 6px; + -moz-transform: rotate(-145deg); } + 75% { + -moz-transform: rotate(-130deg); } + 100% { + -moz-transform: rotate(-135deg); } } +@keyframes bottombar-back { + 0% { + bottom: 6px; + transform: rotate(-135deg); } + 45% { + transform: rotate(10deg); } + 75% { + transform: rotate(-5deg); } + 100% { + bottom: 0px; + transform: rotate(0); } } +@-webkit-keyframes bottombar-back { + 0% { + bottom: 6px; + -webkit-transform: rotate(-135deg); } + 45% { + -webkit-transform: rotate(10deg); } + 75% { + -webkit-transform: rotate(-5deg); } + 100% { + bottom: 0px; + -webkit-transform: rotate(0); } } +@-moz-keyframes bottombar-back { + 0% { + bottom: 6px; + -moz-transform: rotate(-135deg); } + 45% { + -moz-transform: rotate(10deg); } + 75% { + -moz-transform: rotate(-5deg); } + 100% { + bottom: 0px; + -moz-transform: rotate(0); } } +/* Bootstrap-select v1.8.1 (http://silviomoreto.github.io/bootstrap-select) +* +* Copyright 2013-2015 bootstrap-select +* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) +*/ +.bootstrap-select { + width: 220px \0; + /*IE9 and below*/ } + +.bootstrap-select > .dropdown-toggle { + width: 100%; + padding-right: 25px; + z-index: 1; } + +.bootstrap-select > select { + position: absolute; + bottom: 0; + left: 50%; + width: 0.11px; + height: 100%; + opacity: 0; + border: none; } + +.bootstrap-select > select.mobile-device { + position: absolute !important; + top: 0; + left: 0; + display: block !important; + width: 100%; + height: 100% !important; + opacity: 0; + z-index: 2; } + +.has-error .bootstrap-select .dropdown-toggle, +.error .bootstrap-select .dropdown-toggle { + border-color: #b94a48; } + +.bootstrap-select.fit-width { + width: auto !important; } + +.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { + width: 100%; } + +.bootstrap-select.form-control { + margin-bottom: 0; + padding: 0; + border: none; } + +.bootstrap-select.form-control:not([class*="col-"]) { + width: 100%; } + +.bootstrap-select.form-control.input-group-btn { + z-index: auto; } + +.bootstrap-select.btn-group:not(.input-group-btn), +.bootstrap-select.btn-group[class*="col-"] { + float: none; + display: inline-block; + margin-left: 0; } + +.bootstrap-select.btn-group.dropdown-menu-right, +.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, +.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { + float: right; } + +.form-inline .bootstrap-select.btn-group, +.form-horizontal .bootstrap-select.btn-group, +.form-group .bootstrap-select.btn-group { + margin-bottom: 0; } + +.form-group-lg .bootstrap-select.btn-group.form-control, +.form-group-sm .bootstrap-select.btn-group.form-control { + padding: 0; } + +.form-inline .bootstrap-select.btn-group .form-control { + width: 100%; } + +.bootstrap-select.btn-group.disabled, +.bootstrap-select.btn-group > .disabled { + cursor: not-allowed; } + +.bootstrap-select.btn-group.disabled:focus, +.bootstrap-select.btn-group > .disabled:focus { + outline: none !important; } + +.bootstrap-select.btn-group.bs-container { + position: absolute; } + +.bootstrap-select.btn-group.bs-container .dropdown-menu { + z-index: 1060; } + +.bootstrap-select.btn-group .dropdown-toggle .filter-option { + display: inline-block; + overflow: hidden; + width: 100%; + text-align: left; } + +.bootstrap-select.btn-group .dropdown-toggle .caret { + position: absolute; + top: 50%; + right: 12px; + margin-top: -2px; + vertical-align: middle; } + +.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { + width: 100%; } + +.bootstrap-select.btn-group .dropdown-menu { + min-width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.bootstrap-select.btn-group .dropdown-menu.inner { + position: static; + float: none; + border: 0; + padding: 0; + margin: 0; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; } + +.bootstrap-select.btn-group .dropdown-menu li { + position: relative; } + +.bootstrap-select.btn-group .dropdown-menu li.active small { + color: #fff; } + +.bootstrap-select.btn-group .dropdown-menu li.disabled a { + cursor: not-allowed; } + +.bootstrap-select.btn-group .dropdown-menu li a { + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.bootstrap-select.btn-group .dropdown-menu li a.opt { + position: relative; + padding-left: 2.25em; } + +.bootstrap-select.btn-group .dropdown-menu li a span.check-mark { + display: none; } + +.bootstrap-select.btn-group .dropdown-menu li a span.text { + display: inline-block; } + +.bootstrap-select.btn-group .dropdown-menu li small { + padding-left: 0.5em; } + +.bootstrap-select.btn-group .dropdown-menu .notify { + position: absolute; + bottom: 5px; + width: 96%; + margin: 0 2%; + min-height: 26px; + padding: 3px 5px; + background: #f5f5f5; + border: 1px solid #e3e3e3; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + pointer-events: none; + opacity: 0.9; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.bootstrap-select.btn-group .no-results { + padding: 3px; + background: #f5f5f5; + margin: 0 5px; + white-space: nowrap; } + +.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { + position: static; } + +.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { + position: static; + top: auto; + margin-top: -1px; } + +.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { + position: absolute; + display: inline-block; + right: 15px; + margin-top: 2px; } + +.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { + margin-right: 34px; } + +.bootstrap-select.show-menu-arrow.open > .dropdown-toggle { + z-index: 1061; } + +.bootstrap-select.show-menu-arrow .dropdown-toggle:before { + content: ''; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid rgba(204, 204, 204, 0.2); + position: absolute; + bottom: -4px; + left: 9px; + display: none; } + +.bootstrap-select.show-menu-arrow .dropdown-toggle:after { + content: ''; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid white; + position: absolute; + bottom: -4px; + left: 10px; + display: none; } + +.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { + bottom: auto; + top: -3px; + border-top: 7px solid rgba(204, 204, 204, 0.2); + border-bottom: 0; } + +.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { + bottom: auto; + top: -3px; + border-top: 6px solid white; + border-bottom: 0; } + +.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { + right: 12px; + left: auto; } + +.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { + right: 13px; + left: auto; } + +.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, +.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { + display: block; } + +.bs-searchbox, +.bs-actionsbox, +.bs-donebutton { + padding: 8px 8px; } + +.bs-actionsbox { + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.bs-actionsbox .btn-group button { + width: 50%; } + +.bs-donebutton { + float: left; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.bs-donebutton .btn-group button { + width: 100%; } + +.bs-searchbox + .bs-actionsbox { + padding: 0 8px 4px; } + +.bs-searchbox .form-control { + margin-bottom: 0; + width: 100%; + float: none; } + +.bootstrap-select .dropdown-menu { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transition: all 150ms linear; + -moz-transition: all 150ms linear; + -o-transition: all 150ms linear; + -ms-transition: all 150ms linear; + transition: all 150ms linear; + margin-top: -20px; } +.bootstrap-select.open .dropdown-menu { + margin-top: -1px; } +.bootstrap-select.dropup .dropdown-menu { + border-radius: 10px 10px 0 0; + margin-bottom: -1px; } + .bootstrap-select.dropup .dropdown-menu:after, .bootstrap-select.dropup .dropdown-menu:before { + display: none; } +.bootstrap-select.dropup.open .dropdown-menu { + margin-bottom: -10px; } +.bootstrap-select.open .btn.form-control, .bootstrap-select.open .btn.form-control:focus, .bootstrap-select.open .btn.form-control:hover { + color: #66615B; } + .bootstrap-select.open .btn.form-control .caret, .bootstrap-select.open .btn.form-control:focus .caret, .bootstrap-select.open .btn.form-control:hover .caret { + border-top-color: #66615B; } +.bootstrap-select .btn.form-control:focus { + color: #66615B; } + +.btn-group.bootstrap-select .dropdown-menu { + min-width: 100%; } + +.header-wrapper { + position: relative; + height: 650px; } + .header-wrapper .navbar { + border-radius: 0; + position: absolute; + width: 100%; + z-index: 3; } + .header-wrapper .header { + background-color: #B2AFAB; + background-position: center center; + background-size: cover; + height: 550px; + overflow: hidden; + position: absolute; + width: 100%; + z-index: 1; } + .header-wrapper .header .filter::after { + background-color: rgba(0, 0, 0, 0.5); + content: ""; + display: block; + height: 550px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 2; } + .header-wrapper .header .filter-primary::after { + background-color: rgba(96, 133, 134, 0.5); } + .header-wrapper .header .filter-info::after { + background-color: rgba(68, 160, 185, 0.5); } + .header-wrapper .header .filter-success::after { + background-color: rgba(87, 178, 127, 0.5); } + .header-wrapper .header .filter-warning::after { + background-color: rgba(240, 169, 21, 0.5); } + .header-wrapper .header .filter-danger::after { + background-color: rgba(205, 71, 19, 0.5); } + .header-wrapper .header .container { + color: #FFFFFF; + position: relative; + top: 200px; + z-index: 3; } + .header-wrapper .header .upper-container { + top: 150px; } + .header-wrapper .header-video { + max-height: 550px; + overflow: hidden; } + .header-wrapper .header-video.state-play .filter::after { + opacity: 0; } + .header-wrapper .header-video.state-play .video-text { + opacity: 0; } + .header-wrapper .header-video.state-play .btn { + opacity: 0; } + .header-wrapper .header-video.state-play:hover .btn { + opacity: 1; } + .header-wrapper video { + position: absolute; + width: 100%; } + +.footer { + background-color: #FFFCF5; + line-height: 36px; + padding-top: 30px; + padding-bottom: 30px; } + .footer .links { + display: inline-block; } + .footer .links ul { + list-style: none; + margin: 0; + padding: 0; + font-weight: 600; } + .footer .links ul > li { + display: inline-block; + padding-right: 20px; } + .footer .links ul > li:last-child { + padding-right: 0px; } + .footer .links ul a:not(.btn) { + color: #66615b; + display: block; + font-size: 0.9em; + margin-bottom: 3px; } + .footer .links ul a:not(.btn):hover, .footer .links ul a:not(.btn):focus { + color: #403D39; } + .footer .links ul.uppercase-links { + text-transform: uppercase; } + .footer .links ul.stacked-links { + margin-top: 15px; } + .footer .links ul.stacked-links > li { + display: block; + line-height: 26px; } + .footer .links ul.stacked-links h4 { + margin-top: 0px; } + .footer .social-area { + padding: 15px 0; } + .footer .social-area .btn { + margin-bottom: 3px; } + .footer hr { + border-color: #66615b; + border-width: 1px 0 0; + margin-top: 5px; + margin-bottom: 5px; } + .footer .copyright { + color: #A49E9E; + font-size: 0.9em; } + .footer .copyright ul > li { + padding-right: 0px; } + .footer .title { + color: #403D39; } + +.footer-black, +.footer-transparent, +.subscribe-line-transparent { + background-color: #252422; + color: #DDDDDD; } + .footer-black .links ul a:not(.btn), + .footer-transparent .links ul a:not(.btn), + .subscribe-line-transparent .links ul a:not(.btn) { + color: #A49E9E; } + .footer-black .links ul a:not(.btn):hover, .footer-black .links ul a:not(.btn):focus, + .footer-transparent .links ul a:not(.btn):hover, + .subscribe-line-transparent .links ul a:not(.btn):hover, + .footer-transparent .links ul a:not(.btn):focus, + .subscribe-line-transparent .links ul a:not(.btn):focus { + color: #F1EAE0; } + .footer-black .copyright, + .footer-transparent .copyright, + .subscribe-line-transparent .copyright { + color: #66615b; } + .footer-black .copyright ul > li a:not(.btn), + .footer-transparent .copyright ul > li a:not(.btn), + .subscribe-line-transparent .copyright ul > li a:not(.btn) { + color: #66615b; } + .footer-black hr, + .footer-transparent hr, + .subscribe-line-transparent hr { + border-color: #66615b; } + +.footer-transparent, .subscribe-line-transparent { + background-size: cover; + position: relative; } + .footer-transparent .container, .subscribe-line-transparent .container { + z-index: 2; + position: relative; } + .footer-transparent hr, .subscribe-line-transparent hr { + border-color: #A49E9E; } + .footer-transparent .copyright, .subscribe-line-transparent .copyright { + color: #A49E9E; } + .footer-transparent .copyright ul > li a:not(.btn), .subscribe-line-transparent .copyright ul > li a:not(.btn) { + color: #A49E9E; } + .footer-transparent::after, .subscribe-line-transparent::after { + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: rgba(17, 17, 17, 0.5); + display: block; + content: ""; + z-index: 1; } + +.footer-big { + padding-top: 30px; } + .footer-big hr { + margin-top: 20px; } + .footer-big .copyright { + margin: 10px 0px 20px; } + .footer-big .form-group { + margin-top: 15px; } + +.subscribe-line { + background-color: #FFFCF5; + padding: 35px 0; } + .subscribe-line .form-group { + margin: 0; } + .subscribe-line .form-control { + height: auto; + font-size: 1.825em; + border: 0; + padding: 0; + font-weight: 300; + line-height: 54px; + background-color: transparent; } + .subscribe-line .btn:not(.btn-lg) { + margin-top: 7px; } + +.subscribe-line-black { + background-color: #252422; } + .subscribe-line-black .form-control { + color: #FFFFFF; } + +.subscribe-line-transparent .form-control { + color: #FFFFFF; } + +.social-line { + padding: 30px 0; + background-color: #FFFCF5; } + .social-line .title { + margin: 0; + line-height: 40px; + font-size: 1.5em; } + .social-line .title-with-lg { + padding-top: 5px; } + .social-line .btn { + width: 100%; } + +.social-line-black { + background-color: #252422; + color: #FFFFFF; } + +.icon-primary { + color: #7A9E9F; } + +.icon-info { + color: #68B3C8; } + +.icon-success { + color: #7AC29A; } + +.icon-warning { + color: #F3BB45; } + +.icon-danger { + color: #EB5E28; } + +.icon-neutral { + color: #FFFFFF; } + +.info { + margin-top: 20px; + margin-bottom: 30px; + padding: 10px; + text-align: center; } + .info .icon { + margin-top: 0; + font-size: 3em; } + .info .icon.icon-sm { + font-size: 1.5em; } + .info h4, + .info .h4 { + margin-top: 20px; + margin-bottom: 5px; } + +.info-horizontal { + text-align: left; + margin-top: 0; } + .info-horizontal .icon { + float: left; + margin-top: 15px; + margin-right: 20px; } + .info-horizontal .icon .fa { + width: 48px; } + .info-horizontal .description { + overflow: hidden; } + .info-horizontal .btn { + margin-left: -19px; } + +.info .icon .fa { + width: 48px; } + +.table thead tr > th, +.table thead tr > td, +.table tbody tr > th, +.table tbody tr > td, +.table tfoot tr > th, +.table tfoot tr > td { + border-top: 1px solid #CCC5B9; } +.table > thead > tr > th { + border-bottom-width: 0; + font-size: 1.25em; + font-weight: 300; } +.table .radio, +.table .checkbox { + margin-top: 0; + margin-bottom: 22px; + padding: 0; + width: 15px; } +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 12px 8px; + vertical-align: middle; } +.table .th-description { + max-width: 150px; } +.table .td-price { + font-size: 26px; + font-weight: 300; + margin-top: 5px; + text-align: right; } +.table .td-total { + font-weight: 600; + font-size: 1.25em; + padding-top: 20px; + text-align: right; } +.table .td-actions .btn.btn-sm, .table .td-actions .btn.btn-xs { + padding-left: 3px; + padding-right: 3px; } +.table > tbody > tr { + position: relative; } + +.table-striped tbody > tr:nth-of-type(2n+1) { + background-color: #fff; } +.table-striped > thead > tr > th, +.table-striped > tbody > tr > th, +.table-striped > tfoot > tr > th, +.table-striped > thead > tr > td, +.table-striped > tbody > tr > td, +.table-striped > tfoot > tr > td { + padding: 15px 8px; } + +.table-shopping > thead > tr > th { + color: #a49e93; + font-size: 1.1em; + font-weight: 300; } +.table-shopping > tbody > tr > td { + font-size: 16px; + padding: 30px 5px; } + .table-shopping > tbody > tr > td b { + display: block; + margin-bottom: 5px; } +.table-shopping .td-number, +.table-shopping .td-price, +.table-shopping .td-total { + font-size: 1.2em; + font-weight: 300; + min-width: 130px; + text-align: right; } + .table-shopping .td-number small, + .table-shopping .td-price small, + .table-shopping .td-total small { + margin-right: 3px; } +.table-shopping .td-product { + min-width: 170px; + padding-left: 30px; } + .table-shopping .td-product strong { + color: #403D39; + font-size: 1.2em; + font-weight: 600; } +.table-shopping .td-number, +.table-shopping .td-total { + color: #403D39; + font-weight: 600; } +.table-shopping .td-quantity { + min-width: 200px; } + .table-shopping .td-quantity .btn-group { + margin-left: 10px; } +.table-shopping .img-container { + border-radius: 6px; + display: block; + height: 100px; + overflow: hidden; + width: 100px; } + .table-shopping .img-container img { + width: 100%; } +.table-shopping .tr-actions > td { + border-top: 0; } + +.media { + border-bottom: 1px solid #a49e93; + padding-bottom: 30px; + margin-top: 30px; } + .media .avatar { + margin: 0 auto; + width: 64px; + height: 64px; + overflow: hidden; + border-radius: 50%; + margin-right: 15px; + border: 3px solid #FFFFFF; } + .media .avatar img { + width: 100%; } + .media .media-heading { + color: #403D39; + display: inline-block; + font-weight: 600; + margin-bottom: 10px; + margin-top: 5px; } + .media .btn-simple { + padding: 0px 5px; } + .media .media { + margin-top: 30px; } + .media .media-footer { + margin-top: 20px; } + .media .media:last-child { + border: 0; } + +.media-post { + color: #555; + border: 0; } + .media-post .media-heading { + display: block; + text-align: center; } + .media-post .author { + width: 15%; } + .media-post .media-body { + width: 85%; + float: left; + display: inline-block; } + .media-post textarea { + margin: 0 0 10px 0; + font-size: 16px; } + +.media-area .media:last-child { + border: 0; } +.media-area .pagination-area { + padding: 10px 0; + text-align: center; } + +.media-area-small p { + font-size: 14px; } +.media-area-small .btn-simple { + font-size: 14px; } +.media-area-small .avatar { + width: 58px; + height: 58px; } + +/* Navigation menu */ +/* Navigation Tabs */ +.nav-tabs-navigation { + text-align: center; + border-bottom: 1px solid #F1EAE0; + margin-bottom: 30px; } + .nav-tabs-navigation .nav > li > a { + padding-bottom: 20px; } + +.nav-tabs-wrapper { + display: inline-block; + margin-bottom: -6px; + margin-left: 1.25%; + margin-right: 1.25%; + position: relative; + width: auto; } + +.nav-tabs { + border-bottom: 0 none; + font-size: 16px; + font-weight: 600; } + .nav-tabs > li > a { + border: 0 none; + color: #A49E93; } + .nav-tabs > li > a:hover { + color: #66615b; } + .nav-tabs > li.active { + color: #66615b; + position: relative; } + .nav-tabs > li.active > a, + .nav-tabs > li.active > a:hover, + .nav-tabs > li.active > a:focus { + background-color: transparent; + border: 0 none; } + .nav-tabs > li.active :after { + border-bottom: 11px solid #FFFCF5; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: 40%; + bottom: -1px; } + .nav-tabs > li.active :before { + border-bottom: 11px solid #F1EAE0; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: 40%; + bottom: 1px; } + +.nav-stacked { + border-right: 1px solid #F1EAE0; + font-size: 16px; + font-weight: 600; + padding: 20px 0; } + .nav-stacked > li > a { + color: #A49E93; + padding: 7px 25px; + text-align: right; } + .nav-stacked > li > a:hover { + color: #66615b; } + .nav-stacked > li.active > a { + color: #66615b; } + .nav-stacked > li.active :after { + border-right: 11px solid #FFFCF5; + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: -1px; + bottom: 7px; } + .nav-stacked > li.active :before { + border-right: 11px solid #F1EAE0; + border-top: 11px solid transparent; + border-bottom: 11px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: 0; + bottom: 7px; } + +/* Navigation Pills */ +.nav-pills > li + li { + margin-left: 0; } +.nav-pills > li > a { + border: 2px solid #66615B; + border-radius: 0; + color: #66615B; + font-weight: 600; + margin-left: -1px; + padding: 5px 20px; } +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + background-color: #66615B; + color: #FFFFFF; } +.nav-pills > li:first-child > a { + border-radius: 30px 0 0 30px; + margin: 0; } +.nav-pills > li:last-child > a { + border-radius: 0 30px 30px 0; } + +.pagination > li > a, +.pagination > li > span, +.pagination > li:first-child > a, +.pagination > li:first-child > span, +.pagination > li:last-child > a, +.pagination > li:last-child > span { + background-color: transparent; + border: 2px solid #66615B; + border-radius: 20px; + color: #66615B; + height: 36px; + margin: 0 2px; + min-width: 36px; + padding: 5px 12px; } + +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > li > a:active, +.pagination > li.active > a, +.pagination > li.active > span, +.pagination > li.active > a:hover, +.pagination > li.active > span:hover, +.pagination > li.active > a:focus, +.pagination > li.active > span:focus { + background-color: #66615B; + border-color: #66615B; + color: #FFFFFF; } + +.nav-pills-primary > li > a, +.pagination-primary > li > a, +.pagination-primary > li > span, +.pagination-primary > li:first-child > a, +.pagination-primary > li:first-child > span, +.pagination-primary > li:last-child > a, +.pagination-primary > li:last-child > span { + border: 2px solid #7A9E9F; + color: #7A9E9F; } + +.nav-pills-primary > li.active > a, +.nav-pills-primary > li.active > a:hover, +.nav-pills-primary > li.active > a:focus, +.pagination-primary > li > a:hover, +.pagination-primary > li > a:focus, +.pagination-primary > li > a:active, +.pagination-primary > li.active > a, +.pagination-primary > li.active > span, +.pagination-primary > li.active > a:hover, +.pagination-primary > li.active > span:hover, +.pagination-primary > li.active > a:focus, +.pagination-primary > li.active > span:focus { + background-color: #7A9E9F; + border-color: #7A9E9F; + color: #FFFFFF; } + +.nav-pills-info > li > a, +.pagination-info > li > a, +.pagination-info > li > span, +.pagination-info > li:first-child > a, +.pagination-info > li:first-child > span, +.pagination-info > li:last-child > a, +.pagination-info > li:last-child > span { + border: 2px solid #68B3C8; + color: #68B3C8; } + +.nav-pills-info > li.active > a, +.nav-pills-info > li.active > a:hover, +.nav-pills-info > li.active > a:focus, +.pagination-info > li > a:hover, +.pagination-info > li > a:focus, +.pagination-info > li > a:active, +.pagination-info > li.active > a, +.pagination-info > li.active > span, +.pagination-info > li.active > a:hover, +.pagination-info > li.active > span:hover, +.pagination-info > li.active > a:focus, +.pagination-info > li.active > span:focus { + background-color: #68B3C8; + border-color: #68B3C8; + color: #FFFFFF; } + +.nav-pills-success > li > a, +.pagination-success > li > a, +.pagination-success > li > span, +.pagination-success > li:first-child > a, +.pagination-success > li:first-child > span, +.pagination-success > li:last-child > a, +.pagination-success > li:last-child > span { + border: 2px solid #7AC29A; + color: #7AC29A; } + +.nav-pills-success > li.active > a, +.nav-pills-success > li.active > a:hover, +.nav-pills-success > li.active > a:focus, +.pagination-success > li > a:hover, +.pagination-success > li > a:focus, +.pagination-success > li > a:active, +.pagination-success > li.active > a, +.pagination-success > li.active > span, +.pagination-success > li.active > a:hover, +.pagination-success > li.active > span:hover, +.pagination-success > li.active > a:focus, +.pagination-success > li.active > span:focus { + background-color: #7AC29A; + border-color: #7AC29A; + color: #FFFFFF; } + +.nav-pills-warning > li > a, +.pagination-warning > li > a, +.pagination-warning > li > span, +.pagination-warning > li:first-child > a, +.pagination-warning > li:first-child > span, +.pagination-warning > li:last-child > a, +.pagination-warning > li:last-child > span { + border: 2px solid #F3BB45; + color: #F3BB45; } + +.nav-pills-warning > li.active > a, +.nav-pills-warning > li.active > a:hover, +.nav-pills-warning > li.active > a:focus, +.pagination-warning > li > a:hover, +.pagination-warning > li > a:focus, +.pagination-warning > li > a:active, +.pagination-warning > li.active > a, +.pagination-warning > li.active > span, +.pagination-warning > li.active > a:hover, +.pagination-warning > li.active > span:hover, +.pagination-warning > li.active > a:focus, +.pagination-warning > li.active > span:focus { + background-color: #F3BB45; + border-color: #F3BB45; + color: #FFFFFF; } + +.nav-pills-danger > li > a, +.pagination-danger > li > a, +.pagination-danger > li > span, +.pagination-danger > li:first-child > a, +.pagination-danger > li:first-child > span, +.pagination-danger > li:last-child > a, +.pagination-danger > li:last-child > span { + border: 2px solid #EB5E28; + color: #EB5E28; } + +.nav-pills-danger > li.active > a, +.nav-pills-danger > li.active > a:hover, +.nav-pills-danger > li.active > a:focus, +.pagination-danger > li > a:hover, +.pagination-danger > li > a:focus, +.pagination-danger > li > a:active, +.pagination-danger > li.active > a, +.pagination-danger > li.active > span, +.pagination-danger > li.active > a:hover, +.pagination-danger > li.active > span:hover, +.pagination-danger > li.active > a:focus, +.pagination-danger > li.active > span:focus { + background-color: #EB5E28; + border-color: #EB5E28; + color: #FFFFFF; } + +.panel { + background-color: #FFFCF5; + border: 0 none; + border-radius: 3px; + font-size: 18; + font-weight: 300; + line-height: 1.6em; + margin-top: 10px; + padding: 7px 10px; } + +.panel-border { + border: 1px solid #CCC5B9; } + +.panel-default .panel-heading { + background-color: #FFFCF5; + border: 0 none; + border-radius: 3px; } +.panel-default a { + color: #66615b; } + .panel-default a:hover, .panel-default a:active, .panel-default a:focus { + color: #EB5E28; } + .panel-default a .panel-title > i { + float: right; } +.panel-default a[aria-expanded="true"] .panel-title > i, +.panel-default a.expanded .panel-title > i { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); } + +.panel-default > .panel-heading + .panel-collapse > .panel-body { + border: 0 none; } + +.carousel-control { + background-color: #EB5E28; + border-radius: 50%; + opacity: 1; + text-shadow: none; } + .carousel-control:hover, .carousel-control:focus { + opacity: 1; + background-color: #B33C12; } + +.carousel-control.left { + height: 30px; + top: 50%; + width: 30px; + left: 8%; } + +.carousel-control.right { + height: 30px; + right: 8%; + top: 50%; + width: 30px; } + +.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa, .carousel-control .fa { + display: inline-block; + z-index: 5; } + +.carousel-control .fa { + font-size: 26px; + margin: 2px; } + +.carousel-control.left, .carousel-control.right { + background-image: none; } + +.carousel-inner { + background-color: #d6d2cc; } + +.carousel-inner > .item { + padding: 50px; } + +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + border-radius: 8px; + box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); + margin-left: 25%; + max-width: 50%; } + +.carousel-indicators { + bottom: 0px; } + +.carousel-indicators > li { + background-color: #FFFFFF; + border: 0 none; } + +.carousel-indicators .active { + background-color: #EB5E28; } + +.modal-header { + border-bottom: 1px solid #DDDDDD; + padding: 20px; + text-align: center; } + .modal-header.no-border-header { + border-bottom: 0 none; } + .modal-header.no-border-header .modal-title { + margin-top: 20px; } + +.modal-content { + border: 0 none; + border-radius: 10px; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1); } + +.modal-body { + padding: 20px 50px; } + +.modal-footer { + border-top: 1px solid #DDDDDD; + padding: 0px; } + .modal-footer.no-border-footer { + border-top: 0 none; } + +.modal-footer .left-side, .modal-footer .right-side { + display: inline-block; + text-align: center; + width: 49%; } + +.modal-footer .btn-simple { + padding: 20px; + width: 100%; } + +.modal-footer .divider { + background-color: #DDDDDD; + display: inline-block; + float: inherit; + height: 63px; + margin: 0px -3px; + position: absolute; + width: 1px; } + +.modal.fade .modal-dialog { + transform: none; + -webkit-transform: none; + -moz-transform: none; } + +.modal.in .modal-dialog { + transform: none; + -webkit-transform: none; + -moz-transform: none; } + +.modal-backdrop.in { + opacity: 0.25; } + +.modal-notice { + padding-top: 60px; } + .modal-notice .instruction { + margin-bottom: 30px; } + .modal-notice .picture { + max-width: 150px; } + +.modal-small { + margin-top: 15%; + width: 300px; } + +.modal-medium { + width: 400px; } + .modal-medium .modal-footer { + text-align: center; + margin-bottom: 25px; + padding: 30px 0; } + +.modal-register .modal-content { + background-color: #FFFCF5; + background-image: linear-gradient(to bottom, transparent 0%, rgba(112, 112, 112, 0) 60%, rgba(186, 186, 186, 0.15) 100%); } +.modal-register .modal-header { + margin-top: 0px; } +.modal-register .btn { + margin-top: 10px; } + +/*! + * Datepicker for Bootstrap + * + * Copyright 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + */ +/* + * + * SCSS by Creative Tim + * http://www.creative-tim.com + * + */ +.datepicker { + top: 0; + left: 0; + padding: 4px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .datepicker > div { + display: none; } + .datepicker table { + width: 100%; + margin: 0; } + .datepicker td, + .datepicker th { + text-align: center; + width: 20px; + height: 20px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .datepicker td { + border-top: 1px solid #DDDDDD; + text-align: center; } + .datepicker td p { + font-size: 14px; + font-weight: 400; + border-radius: 50%; + height: 29px; + line-height: 29px; + margin: 3px 0 8px; + width: 29px; } + .datepicker td :hover { + cursor: pointer; } + .datepicker th { + font-weight: 300; } + .datepicker th.switch-datepicker { + font-size: 16px; } + .datepicker .prev p, + .datepicker .next p { + font-size: 1.825em; } + .datepicker p:hover { + background: #eeeeee; } + .datepicker .day.disabled { + color: #eeeeee; } + .datepicker td.old, + .datepicker td.new { + color: #999999; + border-top: 0; } + .datepicker td.active p, + .datepicker td.active:hover p { + color: #ffffff; + background-color: #68B3C8; } + .datepicker td.blue p, + .datepicker td.blue:hover p { + background-color: #7A9E9F; } + .datepicker td.azure p, + .datepicker td.azure:hover p { + background-color: #68B3C8; } + .datepicker td.green p, + .datepicker td.green:hover p { + background-color: #7AC29A; } + .datepicker td.orange p, + .datepicker td.orange:hover p { + background-color: #F3BB45; } + .datepicker td.red p, + .datepicker td.red:hover p { + background-color: #EB5E28; } + .datepicker span { + display: block; + width: 55px; + height: 54px; + line-height: 54px; + float: left; + margin: 2px; + cursor: pointer; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .datepicker span.old { + color: #999999; } + .datepicker span.active, + .datepicker span:focus, + .datepicker span:hover, + .datepicker span:active { + background-color: #68B3C8; } + .datepicker span.active { + color: #FFFFFF; } + .datepicker span:hover { + background: #eeeeee; } + .datepicker span.blue, + .datepicker span.blue:hover { + background-color: #7A9E9F; } + .datepicker span.azure, + .datepicker span.azure:hover { + background-color: #68B3C8; } + .datepicker span.green, + .datepicker span.green:hover { + background-color: #7AC29A; } + .datepicker span.orange, + .datepicker span.orange:hover { + background-color: #F3BB45; } + .datepicker span.red, + .datepicker span.red:hover { + background-color: #EB5E28; } + .datepicker th.switch-datepicker { + width: 145px; } + .datepicker th.next, + .datepicker th.prev { + font-size: 21px; } + .datepicker thead tr:first-child th { + cursor: pointer; } + .datepicker thead tr:first-child th:hover { + background: #eeeeee; } + .datepicker.dropdown-menu { + border-radius: 0 0 10px 10px; + -webkit-transform: translate3d(0, -40px, 0); + -moz-transform: translate3d(0, -40px, 0); + -o-transform: translate3d(0, -40px, 0); + -ms-transform: translate3d(0, -40px, 0); + transform: translate3d(0, -40px, 0); + transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; + opacity: 0; + visibility: hidden; + display: block; } + .datepicker.dropdown-menu.open { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + visibility: visible; } + .datepicker .table-condensed > tbody > tr > td { + padding: 2px; } + .datepicker .table-condensed > thead > tr > th { + padding: 0; } + +.input-append.date .add-on i, +.input-prepend.date .add-on i { + display: block; + cursor: pointer; + width: 16px; + height: 16px; } + +.datepicker-months thead { + padding: 0 0 3px; + display: block; } + +@media (min-width: 768px) { + .navbar-search-form { + display: none; } + + .navbar-nav > li > .dropdown-menu, + .dropdown .dropdown-menu { + -webkit-transform: translate3d(0, -40px, 0); + -moz-transform: translate3d(0, -40px, 0); + -o-transform: translate3d(0, -40px, 0); + -ms-transform: translate3d(0, -40px, 0); + transform: translate3d(0, -40px, 0); + transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; + opacity: 0; + visibility: hidden; + display: block; } + + .navbar-nav > li.open > .dropdown-menu, + .dropdown.open .dropdown-menu { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + visibility: visible; } + + .navbar-nav > li > .dropdown-menu:before, + .dropdown .dropdown-menu:before { + border-bottom: 11px solid #F1EAE0; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: 12px; + top: -11px; } + + .navbar-nav > li > .dropdown-menu:after, + .dropdown .dropdown-menu:after { + border-bottom: 11px solid #FFFCF5; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: 12px; + top: -10px; } + + .navbar-nav.navbar-right > li > .dropdown-menu:before { + left: auto; + right: 12px; } + + .navbar-nav.navbar-right > li > .dropdown-menu:after { + left: auto; + right: 12px; } + + .footer:not(.footer-big) nav > ul li:first-child { + margin-left: 0; } + + .dropup .dropdown-menu { + transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.3s ease 0s, height 0s linear 0.35s; + -webkit-transform: translate3d(0, 30px, 0); + -moz-transform: translate3d(0, 30px, 0); + -o-transform: translate3d(0, 30px, 0); + -ms-transform: translate3d(0, 30px, 0); + transform: translate3d(0, 30px, 0); + opacity: 0; + visibility: hidden; + display: block; } + + .dropup.open .dropdown-menu { + -webkit-transform: translate3d(0, -10px, 0); + -moz-transform: translate3d(0, -10px, 0); + -o-transform: translate3d(0, -10px, 0); + -ms-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + opacity: 1; + visibility: visible; } + + .dropup .dropdown-menu:before { + border-top: 11px solid #DCD9D1; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: 12px; + bottom: -11px; } + + .dropup .dropdown-menu:after { + border-top: 11px solid #FFFCF5; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + content: ""; + display: inline-block; + position: absolute; + right: 12px; + bottom: -10px; } + + .nav-open .navbar-collapse { + -webkit-transform: translateX(0px); + -moz-transform: translateX(0px); + -o-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); } + + .nav-open .navbar .container { + -webkit-transform: translateX(-200px); + -moz-transform: translateX(-200px); + -o-transform: translateX(-200px); + -ms-transform: translateX(-200px); + transform: translateX(-200px); } + + .nav-open .wrapper { + -webkit-transform: translateX(-150px); + -moz-transform: translateX(-150px); + -o-transform: translateX(-150px); + -ms-transform: translateX(-150px); + transform: translateX(-150px); } + + .navbar-burger .container { + padding: 0 15px; } + .navbar-burger .navbar-header { + width: 100%; } + .navbar-burger .navbar-toggle { + display: block; + margin-right: 0; } + .navbar-burger.navbar .navbar-collapse.collapse, .navbar-burger.navbar .navbar-collapse.collapse.in, .navbar-burger.navbar .navbar-collapse.collapsing { + display: none !important; } + + body > .navbar-collapse .navbar-nav, + body > .navbar-collapse .navbar-nav > li { + float: none; } + body > .navbar-collapse .navbar-nav > li { + float: none; } + + .dropdown-wide { + min-width: 360px; } + + .dropdown-medium { + min-width: 250px; } } +body > .navbar-collapse.collapse { + height: 100vh !important; } + +@media (min-width: 992px) { + .nav-open .navbar .container { + -webkit-transform: translateX(-300px); + -moz-transform: translateX(-300px); + -o-transform: translateX(-300px); + -ms-transform: translateX(-300px); + transform: translateX(-300px); } } +/* Changes for small display */ +@media (max-width: 767px) { + .navbar-ct-transparent .navbar-toggle .icon-bar { + background: #66615b; } + + body { + position: relative; + font-size: 14px; } + + h6 { + font-size: 1em; } + + .wrapper { + -webkit-transform: translateX(0px); + -moz-transform: translateX(0px); + -o-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); + -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + left: 0; + background-color: white; } + + .navbar .container { + left: 0; + width: 100%; + -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); + position: relative; } + + .navbar .navbar-collapse.collapse, + .navbar .navbar-collapse.collapse.in, + .navbar .navbar-collapse.collapsing { + display: none !important; } + + .nav-open .navbar-collapse { + -webkit-transform: translateX(0px); + -moz-transform: translateX(0px); + -o-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); } + + .nav-open .navbar .container { + left: -230px; } + + .nav-open .wrapper { + left: 0; + -webkit-transform: translateX(-230px); + -moz-transform: translateX(-230px); + -o-transform: translateX(-230px); + -ms-transform: translateX(-230px); + transform: translateX(-230px); } + + .navbar-toggle .icon-bar { + display: block; + position: relative; + background: #fff; + width: 24px; + height: 2px; + border-radius: 1px; + margin: 0 auto; } + + .navbar-header .navbar-toggle { + margin-top: 12px; + width: 40px; + height: 40px; } + + .bar1, + .bar2, + .bar3 { + outline: 1px solid transparent; } + + .bar1 { + top: 0px; + -webkit-animation: topbar-back 500ms linear 0s; + -moz-animation: topbar-back 500ms linear 0s; + animation: topbar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; } + + .bar2 { + opacity: 1; } + + .bar3 { + bottom: 0px; + -webkit-animation: bottombar-back 500ms linear 0s; + -moz-animation: bottombar-back 500ms linear 0s; + animation: bottombar-back 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; } + + .toggled .bar1 { + top: 6px; + -webkit-animation: topbar-x 500ms linear 0s; + -moz-animation: topbar-x 500ms linear 0s; + animation: topbar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; } + + .toggled .bar2 { + opacity: 0; } + + .toggled .bar3 { + bottom: 6px; + -webkit-animation: bottombar-x 500ms linear 0s; + -moz-animation: bottombar-x 500ms linear 0s; + animation: bottombar-x 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; } + + @keyframes topbar-x { + 0% { + top: 0px; + transform: rotate(0deg); } + 45% { + top: 6px; + transform: rotate(145deg); } + 75% { + transform: rotate(130deg); } + 100% { + transform: rotate(135deg); } } + @-webkit-keyframes topbar-x { + 0% { + top: 0px; + -webkit-transform: rotate(0deg); } + 45% { + top: 6px; + -webkit-transform: rotate(145deg); } + 75% { + -webkit-transform: rotate(130deg); } + 100% { + -webkit-transform: rotate(135deg); } } + @-moz-keyframes topbar-x { + 0% { + top: 0px; + -moz-transform: rotate(0deg); } + 45% { + top: 6px; + -moz-transform: rotate(145deg); } + 75% { + -moz-transform: rotate(130deg); } + 100% { + -moz-transform: rotate(135deg); } } + @keyframes topbar-back { + 0% { + top: 6px; + transform: rotate(135deg); } + 45% { + transform: rotate(-10deg); } + 75% { + transform: rotate(5deg); } + 100% { + top: 0px; + transform: rotate(0); } } + @-webkit-keyframes topbar-back { + 0% { + top: 6px; + -webkit-transform: rotate(135deg); } + 45% { + -webkit-transform: rotate(-10deg); } + 75% { + -webkit-transform: rotate(5deg); } + 100% { + top: 0px; + -webkit-transform: rotate(0); } } + @-moz-keyframes topbar-back { + 0% { + top: 6px; + -moz-transform: rotate(135deg); } + 45% { + -moz-transform: rotate(-10deg); } + 75% { + -moz-transform: rotate(5deg); } + 100% { + top: 0px; + -moz-transform: rotate(0); } } + @keyframes bottombar-x { + 0% { + bottom: 0px; + transform: rotate(0deg); } + 45% { + bottom: 6px; + transform: rotate(-145deg); } + 75% { + transform: rotate(-130deg); } + 100% { + transform: rotate(-135deg); } } + @-webkit-keyframes bottombar-x { + 0% { + bottom: 0px; + -webkit-transform: rotate(0deg); } + 45% { + bottom: 6px; + -webkit-transform: rotate(-145deg); } + 75% { + -webkit-transform: rotate(-130deg); } + 100% { + -webkit-transform: rotate(-135deg); } } + @-moz-keyframes bottombar-x { + 0% { + bottom: 0px; + -moz-transform: rotate(0deg); } + 45% { + bottom: 6px; + -moz-transform: rotate(-145deg); } + 75% { + -moz-transform: rotate(-130deg); } + 100% { + -moz-transform: rotate(-135deg); } } + @keyframes bottombar-back { + 0% { + bottom: 6px; + transform: rotate(-135deg); } + 45% { + transform: rotate(10deg); } + 75% { + transform: rotate(-5deg); } + 100% { + bottom: 0px; + transform: rotate(0); } } + @-webkit-keyframes bottombar-back { + 0% { + bottom: 6px; + -webkit-transform: rotate(-135deg); } + 45% { + -webkit-transform: rotate(10deg); } + 75% { + -webkit-transform: rotate(-5deg); } + 100% { + bottom: 0px; + -webkit-transform: rotate(0); } } + @-moz-keyframes bottombar-back { + 0% { + bottom: 6px; + -moz-transform: rotate(-135deg); } + 45% { + -moz-transform: rotate(10deg); } + 75% { + -moz-transform: rotate(-5deg); } + 100% { + bottom: 0px; + -moz-transform: rotate(0); } } + @-webkit-keyframes fadeIn { + 0% { + opacity: 0; } + 100% { + opacity: 1; } } + @-moz-keyframes fadeIn { + 0% { + opacity: 0; } + 100% { + opacity: 1; } } + @keyframes fadeIn { + 0% { + opacity: 0; } + 100% { + opacity: 1; } } + .navbar-nav { + margin: 1px -15px; } + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 20px; } + .navbar-nav .open .dropdown-menu > li > a { + padding: 15px 15px 5px 20px; } + .navbar-nav .open .dropdown-menu > li:first-child > a { + padding: 5px 15px 5px 20px; } + .navbar-nav .open .dropdown-menu > li:last-child > a { + padding: 15px 15px 25px 20px; } + + [class*="navbar-"] .navbar-nav > li > a, + [class*="navbar-"] .navbar-nav > li > a:hover, + [class*="navbar-"] .navbar-nav > li > a:focus, + [class*="navbar-"] .navbar-nav .active > a, + [class*="navbar-"] .navbar-nav .active > a:hover, + [class*="navbar-"] .navbar-nav .active > a:focus { + color: white; } + [class*="navbar-"] .navbar-nav > li > a, + [class*="navbar-"] .navbar-nav > li > a:hover, + [class*="navbar-"] .navbar-nav > li > a:focus, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover, + [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus { + opacity: .7; + background: transparent; + color: #403D39; } + [class*="navbar-"] .navbar-nav.navbar-nav .open .dropdown-menu > li > a:active { + opacity: 1; } + [class*="navbar-"] .navbar-nav .dropdown > a:hover .caret { + border-bottom-color: #777; + border-top-color: #777; } + [class*="navbar-"] .navbar-nav .dropdown > a:active .caret { + border-bottom-color: white; + border-top-color: white; } + + .dropdown-menu { + display: none; } + + .navbar-fixed-top { + -webkit-backface-visibility: hidden; } + + .nav-open .navbar-collapse { + -webkit-transform: translateX(0px); + -moz-transform: translateX(0px); + -o-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); } + + .nav-open .wrapper { + left: 0; + -webkit-transform: translateX(-115px); + -moz-transform: translateX(-115px); + -o-transform: translateX(-115px); + -ms-transform: translateX(-115px); + transform: translateX(-115px); } + + .social-line .btn { + margin: 0 0 10px 0; } + + .subscribe-line .form-control { + margin: 0 0 10px 0; } + + .social-line.pull-right { + float: none; } + + .footer nav.pull-left { + float: none !important; } + + .footer:not(.footer-big) nav > ul li { + float: none; } + + .social-area.pull-right { + float: none !important; } + + .form-control + .form-control-feedback { + margin-top: -8px; } + + .navbar-toggle:hover, .navbar-toggle:focus { + background-color: transparent !important; } + + .btn.dropdown-toggle { + margin-bottom: 0; } + + .media-post .author { + width: 20%; + float: none !important; + display: block; + margin: 0 auto 10px; } + + .media-post .media-body { + width: 100%; } + + .modal-footer .btn-simple { + padding: 15px; } + + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-x: scroll; + overflow-y: hidden; + border: 1px solid #dddddd; + -ms-overflow-style: -ms-autohiding-scrollbar; + -webkit-overflow-scrolling: touch; } } +@media (max-width: 991px) { + .header-video .video-image { + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + content: ""; + display: block; + background-size: cover; + background-position: center center; } } +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) +*/ +/* pswp = photoswipe */ +.pswp { + display: none; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + overflow: hidden; + -ms-touch-action: none; + touch-action: none; + z-index: 1500; + -webkit-text-size-adjust: 100%; + /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ + -webkit-backface-visibility: hidden; + outline: none; } + .pswp * { + box-sizing: border-box; } + .pswp img { + max-width: none; } + +/* style is added when JS option showHideOpacity is set to true */ +.pswp--animate_opacity { + /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ + opacity: 0.001; + will-change: opacity; + /* for open/close transition */ + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--open { + display: block; } + +.pswp--zoom-allowed .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.pswp--zoomed-in .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } + +.pswp--dragging .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } + +/* + Background is added as a separate element. + As animating opacity is much faster than animating rgba() background-color. +*/ +.pswp__bg { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(232, 231, 227, 0.96); + opacity: 0; + -webkit-backface-visibility: hidden; + will-change: opacity; } + +.pswp__scroll-wrap { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; } + +.pswp__container, +.pswp__zoom-wrap { + -ms-touch-action: none; + touch-action: none; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; } + +/* Prevent selection and tap highlights */ +.pswp__container, +.pswp__img { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; } + +.pswp__zoom-wrap { + position: absolute; + width: 100%; + -webkit-transform-origin: left top; + -moz-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; + /* for open/close transition */ + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp__bg { + will-change: opacity; + /* for open/close transition */ + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--animated-in .pswp__bg, +.pswp--animated-in .pswp__zoom-wrap { + -webkit-transition: none; + transition: none; } + +.pswp__container, +.pswp__zoom-wrap { + -webkit-backface-visibility: hidden; + will-change: transform; } + +.pswp__item { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; } + +.pswp__img { + border-radius: 8px; + box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); + position: absolute; + width: auto; + height: auto; + top: 0; + left: 0; } + +/* + stretched thumbnail or div placeholder element (see below) + style is added to avoid flickering in webkit/blink when layers overlap +*/ +.pswp__img--placeholder { + -webkit-backface-visibility: hidden; } + +/* + div element that matches size of large image + large image loads on top of it +*/ +.pswp__img--placeholder--blank { + background: #222; } + +.pswp--ie .pswp__img { + width: 100% !important; + height: auto !important; + left: 0; + top: 0; } + +/* + Error message appears when image is not loaded + (JS option errorMsg controls markup) +*/ +.pswp__error-msg { + position: absolute; + left: 0; + top: 50%; + width: 100%; + text-align: center; + font-size: 14px; + line-height: 16px; + margin-top: -8px; + color: #CCC; } + +.pswp__error-msg a { + color: #CCC; + text-decoration: underline; } + +/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + + Contents: + + 1. Buttons + 2. Share modal and links + 3. Index indicator ("1 of X" counter) + 4. Caption + 5. Loading indicator + 6. Additional styles (root element, top bar, idle state, hidden state, etc.) + +*/ +/* + + 1. Buttons + + */ +/*