/* Chosen v1.4.2 | (c) 2011-2015 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/images/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/images/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(/images/chosen-sprite.png) no-repeat 100% -20px;background:url(/images/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/images/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(/images/chosen-sprite.png) no-repeat -30px -20px;background:url(/images/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(/images/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} /*!-------------------------------------------------------------------- STYLES "Outdated Browser" Version: 1.1.2 - 2015 author: Burocratik website: http://www.burocratik.com * @preserve -----------------------------------------------------------------------*/ #outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#f25648;color:#fff}* html #outdated{position:absolute}#outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px}#outdated p{font-size:12px;line-height:12px;margin:0}#outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:230px;color:#fff;text-decoration:none;border:2px solid #fff;cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#f25648;background-color:#fff}#outdated .last{position:absolute;top:10px;right:25px;width:20px;height:20px}#outdated #btnCloseUpdateBrowser{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:#fff;font-size:36px;line-height:36px} /*! * Bootstrap v3.0.1 by @fat and @mdo * Copyright 2013 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { margin: 0.67em 0; font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; } mark { color: #000; background: #ff0; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: '\201C''\201D''\2018''\2019'; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100%; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } input[type='checkbox'], input[type='radio'] { padding: 0; box-sizing: border-box; } input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @media print { * { /*color: #000 !important;*/ text-shadow: none !important; /*background: transparent !important;*/ box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: ' (' attr(href) ')'; } abbr[title]:after { content: ' (' attr(title) ')'; } a[href^='javascript:']:after, a[href^='#']:after { content: ''; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { /*margin: 2cm .5cm;*/ } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #428bca; text-decoration: underline; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } img { vertical-align: middle; } .img-responsive { display: block; height: auto; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } .text-muted { color: #999999; } .text-primary { color: #428bca; } .text-primary:hover { color: #3071a9; } .text-warning { color: #c09853; } .text-warning:hover { color: #a47e3c; } .text-danger { color: #b94a48; } .text-danger:hover { color: #953b39; } .text-success { color: #468847; } .text-success:hover { color: #356635; } .text-info { color: #3a87ad; } .text-info:hover { color: #2d6987; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: inherit; } 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 { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 65%; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .list-inline > li:first-child { padding-left: 0; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: ' '; } .dl-horizontal dd:after { clear: both; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: ' '; } .dl-horizontal dd:after { clear: both; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote p:last-child { margin-bottom: 0; } blockquote small { display: block; line-height: 1.428571429; color: #999999; } blockquote small:before { content: '\2014 \A0'; } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small { text-align: right; } blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\A0 \2014'; } blockquote:before, blockquote:after { content: ''; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } code, kbd, pre, samp { font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: ' '; } .container:after { clear: both; } .container:before, .container:after { display: table; content: ' '; } .container:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { display: table; content: ' '; } .row:after { clear: both; } .row:before, .row:after { display: table; content: ' '; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 3px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666666666666%; } .col-xs-pull-10 { right: 83.33333333333334%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666666666666%; } .col-xs-pull-7 { right: 58.333333333333336%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666666666667%; } .col-xs-pull-4 { right: 33.33333333333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.666666666666664%; } .col-xs-pull-1 { right: 8.333333333333332%; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666666666666%; } .col-xs-push-10 { left: 83.33333333333334%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666666666666%; } .col-xs-push-7 { left: 58.333333333333336%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666666666667%; } .col-xs-push-4 { left: 33.33333333333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.666666666666664%; } .col-xs-push-1 { left: 8.333333333333332%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666666666666%; } .col-xs-offset-10 { margin-left: 83.33333333333334%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666666666666%; } .col-xs-offset-7 { margin-left: 58.333333333333336%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666666666667%; } .col-xs-offset-4 { margin-left: 33.33333333333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.666666666666664%; } .col-xs-offset-1 { margin-left: 8.333333333333332%; } @media (min-width: 768px) { .container { width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } } @media (min-width: 992px) { .container { width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left: 8.333333333333332%; } } @media (min-width: 1200px) { .container { width: 1170px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 10px; } .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 4px 8px; line-height: 1.428571429; vertical-align: top; } .table > thead > tr > th { vertical-align: bottom; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*='col-'] { display: table-column; float: none; } table td[class*='col-'], table th[class*='col-'] { display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { text-decoration: underline; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } @media (max-width: 767px) { .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; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type='radio'], input[type='checkbox'] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type='file'] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; } input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { height: auto; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; } .form-control:-moz-placeholder { color: #999999; } .form-control::-moz-placeholder { color: #999999; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control { display: block; width: 100%; height: 34px; padding: 7px 8px; font-size: 12px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border: 1px solid #38b4e7; outline: 0; -webkit-box-shadow: inset 0px 1px 4px 0px rgba(202, 207, 209, 1); -moz-box-shadow: inset 0px 1px 4px 0px rgba(202, 207, 209, 1); box-shadow: inset 0px 1px 4px 0px rgba(202, 207, 209, 1); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; } textarea.form-control { height: auto; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } .radio label, .checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type='radio'][disabled], input[type='checkbox'][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type='radio'], fieldset[disabled] input[type='checkbox'], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm { height: auto; } .input-lg { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 45px; line-height: 45px; } textarea.input-lg { height: auto; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #c09853; } .has-warning .form-control { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .has-warning .input-group-addon { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #b94a48; } .has-error .form-control { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .has-error .input-group-addon { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #468847; } .has-success .form-control { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .has-success .input-group-addon { color: #468847; background-color: #dff0d8; border-color: #468847; } .form-control-static { margin-bottom: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; } .form-inline .radio, .form-inline .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox'] { float: none; margin-left: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: ' '; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: ' '; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #ebebeb; border-color: #cbcbcb; } .btn-black { color: #fff; background-color: #1b1b1b; border-color: #1b1b1b; } .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black { color: #fff; background-color: #1b1b1b; border-color: #1b1b1b; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-primary { color: #ffffff; background-color: #38b4e7; border-color: #2c9cca; background-image: -webkit-linear-gradient(top, #38b4e7, #37a6d4); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; background-image: -webkit-linear-gradient(top, #f0ad4e, #e9a84c); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ed9c28; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-danger { color: #ffffff; background-color: #dd5551; border-color: #c73b37; background-image: -webkit-linear-gradient(top, #dd5551, #d2514d); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d2514d; border-color: #95221e; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #47a147; background-image: -webkit-linear-gradient(top, #60be60, #58ad58); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #58ad58; border-color: #318631; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #39b3d7; border-color: #269abc; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999999; text-decoration: none; } .btn-lg { padding: 10px 16px; line-height: 1.33; border-radius: 1px; } .btn-sm, .btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @font-face { font-family: 'Glyphicons Halflings'; src: url('/fonts/glyphicons-halflings-regular.eot'); src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; } .glyphicon:empty { width: 1em; } .glyphicon-asterisk:before { content: '*'; } .glyphicon-plus:before { content: '+'; } .glyphicon-euro:before { content: '\20AC'; } .glyphicon-minus:before { content: '\2212'; } .glyphicon-cloud:before { content: '\2601'; } .glyphicon-envelope:before { content: '\2709'; } .glyphicon-pencil:before { content: '\270F'; } .glyphicon-glass:before { content: '\E001'; } .glyphicon-music:before { content: '\E002'; } .glyphicon-search:before { content: '\E003'; } .glyphicon-heart:before { content: '\E005'; } .glyphicon-star:before { content: '\E006'; } .glyphicon-star-empty:before { content: '\E007'; } .glyphicon-user:before { content: '\E008'; } .glyphicon-film:before { content: '\E009'; } .glyphicon-th-large:before { content: '\E010'; } .glyphicon-th:before { content: '\E011'; } .glyphicon-th-list:before { content: '\E012'; } .glyphicon-ok:before { content: '\E013'; } .glyphicon-remove:before { content: '\E014'; } .glyphicon-zoom-in:before { content: '\E015'; } .glyphicon-zoom-out:before { content: '\E016'; } .glyphicon-off:before { content: '\E017'; } .glyphicon-signal:before { content: '\E018'; } .glyphicon-cog:before { content: '\E019'; } .glyphicon-trash:before { content: '\E020'; } .glyphicon-home:before { content: '\E021'; } .glyphicon-file:before { content: '\E022'; } .glyphicon-time:before { content: '\E023'; } .glyphicon-road:before { content: '\E024'; } .glyphicon-download-alt:before { content: '\E025'; } .glyphicon-download:before { content: '\E026'; } .glyphicon-upload:before { content: '\E027'; } .glyphicon-inbox:before { content: '\E028'; } .glyphicon-play-circle:before { content: '\E029'; } .glyphicon-repeat:before { content: '\E030'; } .glyphicon-refresh:before { content: '\E031'; } .glyphicon-list-alt:before { content: '\E032'; } .glyphicon-lock:before { content: '\E033'; } .glyphicon-flag:before { content: '\E034'; } .glyphicon-headphones:before { content: '\E035'; } .glyphicon-volume-off:before { content: '\E036'; } .glyphicon-volume-down:before { content: '\E037'; } .glyphicon-volume-up:before { content: '\E038'; } .glyphicon-qrcode:before { content: '\E039'; } .glyphicon-barcode:before { content: '\E040'; } .glyphicon-tag:before { content: '\E041'; } .glyphicon-tags:before { content: '\E042'; } .glyphicon-book:before { content: '\E043'; } .glyphicon-bookmark:before { content: '\E044'; } .glyphicon-print:before { content: '\E045'; } .glyphicon-camera:before { content: '\E046'; } .glyphicon-font:before { content: '\E047'; } .glyphicon-bold:before { content: '\E048'; } .glyphicon-italic:before { content: '\E049'; } .glyphicon-text-height:before { content: '\E050'; } .glyphicon-text-width:before { content: '\E051'; } .glyphicon-align-left:before { content: '\E052'; } .glyphicon-align-center:before { content: '\E053'; } .glyphicon-align-right:before { content: '\E054'; } .glyphicon-align-justify:before { content: '\E055'; } .glyphicon-list:before { content: '\E056'; } .glyphicon-indent-left:before { content: '\E057'; } .glyphicon-indent-right:before { content: '\E058'; } .glyphicon-facetime-video:before { content: '\E059'; } .glyphicon-picture:before { content: '\E060'; } .glyphicon-map-marker:before { content: '\E062'; } .glyphicon-adjust:before { content: '\E063'; } .glyphicon-tint:before { content: '\E064'; } .glyphicon-edit:before { content: '\E065'; } .glyphicon-share:before { content: '\E066'; } .glyphicon-check:before { content: '\E067'; } .glyphicon-move:before { content: '\E068'; } .glyphicon-step-backward:before { content: '\E069'; } .glyphicon-fast-backward:before { content: '\E070'; } .glyphicon-backward:before { content: '\E071'; } .glyphicon-play:before { content: '\E072'; } .glyphicon-pause:before { content: '\E073'; } .glyphicon-stop:before { content: '\E074'; } .glyphicon-forward:before { content: '\E075'; } .glyphicon-fast-forward:before { content: '\E076'; } .glyphicon-step-forward:before { content: '\E077'; } .glyphicon-eject:before { content: '\E078'; } .glyphicon-chevron-left:before { content: '\E079'; } .glyphicon-chevron-right:before { content: '\E080'; } .glyphicon-plus-sign:before { content: '\E081'; } .glyphicon-minus-sign:before { content: '\E082'; } .glyphicon-remove-sign:before { content: '\E083'; } .glyphicon-ok-sign:before { content: '\E084'; } .glyphicon-question-sign:before { content: '\E085'; } .glyphicon-info-sign:before { content: '\E086'; } .glyphicon-screenshot:before { content: '\E087'; } .glyphicon-remove-circle:before { content: '\E088'; } .glyphicon-ok-circle:before { content: '\E089'; } .glyphicon-ban-circle:before { content: '\E090'; } .glyphicon-arrow-left:before { content: '\E091'; } .glyphicon-arrow-right:before { content: '\E092'; } .glyphicon-arrow-up:before { content: '\E093'; } .glyphicon-arrow-down:before { content: '\E094'; } .glyphicon-share-alt:before { content: '\E095'; } .glyphicon-resize-full:before { content: '\E096'; } .glyphicon-resize-small:before { content: '\E097'; } .glyphicon-exclamation-sign:before { content: '\E101'; } .glyphicon-gift:before { content: '\E102'; } .glyphicon-leaf:before { content: '\E103'; } .glyphicon-fire:before { content: '\E104'; } .glyphicon-eye-open:before { content: '\E105'; } .glyphicon-eye-close:before { content: '\E106'; } .glyphicon-warning-sign:before { content: '\E107'; } .glyphicon-plane:before { content: '\E108'; } .glyphicon-calendar:before { content: '\E109'; } .glyphicon-random:before { content: '\E110'; } .glyphicon-comment:before { content: '\E111'; } .glyphicon-magnet:before { content: '\E112'; } .glyphicon-chevron-up:before { content: '\E113'; } .glyphicon-chevron-down:before { content: '\E114'; } .glyphicon-retweet:before { content: '\E115'; } .glyphicon-shopping-cart:before { content: '\E116'; } .glyphicon-folder-close:before { content: '\E117'; } .glyphicon-folder-open:before { content: '\E118'; } .glyphicon-resize-vertical:before { content: '\E119'; } .glyphicon-resize-horizontal:before { content: '\E120'; } .glyphicon-hdd:before { content: '\E121'; } .glyphicon-bullhorn:before { content: '\E122'; } .glyphicon-bell:before { content: '\E123'; } .glyphicon-certificate:before { content: '\E124'; } .glyphicon-thumbs-up:before { content: '\E125'; } .glyphicon-thumbs-down:before { content: '\E126'; } .glyphicon-hand-right:before { content: '\E127'; } .glyphicon-hand-left:before { content: '\E128'; } .glyphicon-hand-up:before { content: '\E129'; } .glyphicon-hand-down:before { content: '\E130'; } .glyphicon-circle-arrow-right:before { content: '\E131'; } .glyphicon-circle-arrow-left:before { content: '\E132'; } .glyphicon-circle-arrow-up:before { content: '\E133'; } .glyphicon-circle-arrow-down:before { content: '\E134'; } .glyphicon-globe:before { content: '\E135'; } .glyphicon-wrench:before { content: '\E136'; } .glyphicon-tasks:before { content: '\E137'; } .glyphicon-filter:before { content: '\E138'; } .glyphicon-briefcase:before { content: '\E139'; } .glyphicon-fullscreen:before { content: '\E140'; } .glyphicon-dashboard:before { content: '\E141'; } .glyphicon-paperclip:before { content: '\E142'; } .glyphicon-heart-empty:before { content: '\E143'; } .glyphicon-link:before { content: '\E144'; } .glyphicon-phone:before { content: '\E145'; } .glyphicon-pushpin:before { content: '\E146'; } .glyphicon-usd:before { content: '\E148'; } .glyphicon-gbp:before { content: '\E149'; } .glyphicon-sort:before { content: '\E150'; } .glyphicon-sort-by-alphabet:before { content: '\E151'; } .glyphicon-sort-by-alphabet-alt:before { content: '\E152'; } .glyphicon-sort-by-order:before { content: '\E153'; } .glyphicon-sort-by-order-alt:before { content: '\E154'; } .glyphicon-sort-by-attributes:before { content: '\E155'; } .glyphicon-sort-by-attributes-alt:before { content: '\E156'; } .glyphicon-unchecked:before { content: '\E157'; } .glyphicon-expand:before { content: '\E158'; } .glyphicon-collapse-down:before { content: '\E159'; } .glyphicon-collapse-up:before { content: '\E160'; } .glyphicon-log-in:before { content: '\E161'; } .glyphicon-flash:before { content: '\E162'; } .glyphicon-log-out:before { content: '\E163'; } .glyphicon-new-window:before { content: '\E164'; } .glyphicon-record:before { content: '\E165'; } .glyphicon-save:before { content: '\E166'; } .glyphicon-open:before { content: '\E167'; } .glyphicon-saved:before { content: '\E168'; } .glyphicon-import:before { content: '\E169'; } .glyphicon-export:before { content: '\E170'; } .glyphicon-send:before { content: '\E171'; } .glyphicon-floppy-disk:before { content: '\E172'; } .glyphicon-floppy-saved:before { content: '\E173'; } .glyphicon-floppy-remove:before { content: '\E174'; } .glyphicon-floppy-save:before { content: '\E175'; } .glyphicon-floppy-open:before { content: '\E176'; } .glyphicon-credit-card:before { content: '\E177'; } .glyphicon-transfer:before { content: '\E178'; } .glyphicon-cutlery:before { content: '\E179'; } .glyphicon-header:before { content: '\E180'; } .glyphicon-compressed:before { content: '\E181'; } .glyphicon-earphone:before { content: '\E182'; } .glyphicon-phone-alt:before { content: '\E183'; } .glyphicon-tower:before { content: '\E184'; } .glyphicon-stats:before { content: '\E185'; } .glyphicon-sd-video:before { content: '\E186'; } .glyphicon-hd-video:before { content: '\E187'; } .glyphicon-subtitles:before { content: '\E188'; } .glyphicon-sound-stereo:before { content: '\E189'; } .glyphicon-sound-dolby:before { content: '\E190'; } .glyphicon-sound-5-1:before { content: '\E191'; } .glyphicon-sound-6-1:before { content: '\E192'; } .glyphicon-sound-7-1:before { content: '\E193'; } .glyphicon-copyright-mark:before { content: '\E194'; } .glyphicon-registration-mark:before { content: '\E195'; } .glyphicon-cloud-download:before { content: '\E197'; } .glyphicon-cloud-upload:before { content: '\E198'; } .glyphicon-tree-conifer:before { content: '\E199'; } .glyphicon-tree-deciduous:before { content: '\E200'; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; border-right: 4px solid transparent; border-bottom: 0 dotted; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 2px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #999999; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid #000000; content: ''; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } } .btn-default .caret { border-top-color: #333333; } .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { border-top-color: #fff; } .dropup .btn-default .caret { border-bottom-color: #333333; } .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret { border-bottom-color: #fff; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: ' '; } .btn-toolbar:after { clear: both; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: ' '; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group-xs > .btn { padding: 5px 10px; padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: ' '; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { display: table; content: ' '; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; border-collapse: separate; table-layout: fixed; } .btn-group-justified .btn { display: table-cell; float: none; width: 1%; } [data-toggle='buttons'] > .btn > input[type='radio'], [data-toggle='buttons'] > .btn > input[type='checkbox'] { display: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group.col { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 45px; line-height: 45px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #fbfbfb; border: 1px solid #cccccc; border-radius: 0px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type='radio'], .input-group-addon input[type='checkbox'] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn:first-child > .btn { margin-right: -1px; } .input-group-btn:last-child > .btn { margin-left: -1px; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -4px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: ' '; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: ' '; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; } .nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 0px; font-size: 15px; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; font-size: 15px; cursor: default; background-color: #fff; border: 1px solid #dddddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #428bca; } .nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; } .nav a:hover .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 30px; border: 1px solid transparent; } .navbar:before, .navbar:after { display: table; content: ' '; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: ' '; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 0px; } } .navbar-header:before, .navbar-header:after { display: table; content: ' '; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { display: table; content: ' '; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: ' '; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: ' '; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: auto; } .navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: -15px; } .navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-collapse .navbar-text:last-child { margin-right: 0; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 7px; padding-bottom: 7px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; padding-left: 0; margin-top: 0; margin-bottom: 0; } .navbar-form .radio input[type='radio'], .navbar-form .checkbox input[type='checkbox'] { float: none; margin-left: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-text { float: left; margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { margin-right: 15px; margin-left: 15px; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777777; } .navbar-default .navbar-nav > li > a { color: #777777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #dddddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #dddddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #cccccc; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #777777; border-bottom-color: #777777; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777777; } .navbar-default .navbar-link:hover { color: #333333; } .navbar-inverse { background-color: #222222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #999999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .navbar-nav > li > a { color: #999999; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .breadcrumb { padding: 8px 15px; margin-bottom: 5px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #cccccc; content: '/\A0'; } .breadcrumb > .active { color: #999999; } .pagination { display: inline-block; padding-left: 0; margin: 0px; border-radius: 0px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #333; cursor: default; background-color: #dcdcdc; border-color: #dcdcdc; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: ' '; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: ' '; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .label[href]:hover, .label[href]:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .label-default { background-color: #999999; } .label-default[href]:hover, .label-default[href]:focus { background-color: #808080; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #333333; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #ffffff; border-radius: 10px; } .badge:empty { display: none; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .btn .badge { position: relative; top: -1px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #666; background-color: #ffffff; font-weight: 200; } .nav-pills > li > a > .badge { margin-left: 5px; } .jumbotron { padding: 30px; margin-bottom: 30px; font-size: 21px; font-weight: 200; line-height: 2.1428571435; color: inherit; background-color: #eeeeee; } .jumbotron h1 { line-height: 1; color: inherit; } .jumbotron p { line-height: 1.4; } .container .jumbotron { border-radius: 6px; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1 { font-size: 63px; } } .thumbnail { display: inline-block; display: block; height: auto; max-width: 100%; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img { display: block; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { padding: 9px; color: #333333; } .alert { padding: 10px 15px; border: 1px solid transparent; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d5edcc; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #356635; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #d9edf7; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #2d6987; } .alert-warning { color: #c09853; background-color: #faebcc; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #a47e3c; } .alert-danger { color: #b94a48; background-color: #f2dede; border-color: #f2dede; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #953b39; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar { background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-gradient( linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent) ); background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -moz-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555555; } a.list-group-item .list-group-item-heading { color: #333333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { display: table; content: ' '; } .panel-body:after { clear: both; } .panel-body:before, .panel-body:after { display: table; content: ' '; } .panel-body:after { clear: both; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; } .panel > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive { margin-bottom: 0; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #dddddd; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-group .panel { margin-bottom: 0; overflow: hidden; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading > .dropdown .caret { border-color: #333333 transparent; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary > .panel-heading > .dropdown .caret { border-color: #ffffff transparent; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading > .dropdown .caret { border-color: #468847 transparent; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading > .dropdown .caret { border-color: #c09853 transparent; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading > .dropdown .caret { border-color: #b94a48 transparent; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading > .dropdown .caret { border-color: #3a87ad transparent; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -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); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; color: #666; } .modal-body { position: relative; padding: 0px; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; } .modal-footer:before, .modal-footer:after { display: table; content: ' '; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: ' '; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media screen and (min-width: 768px) { .modal-dialog { width: 600px; margin: 10vh auto 0px auto; padding-bottom: 30px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 0px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 220px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ''; } .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; content: ' '; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; content: ' '; } .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; content: ' '; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; content: ' '; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.left { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient( left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%) ); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient( left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%) ); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203A'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #ffffff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #ffffff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { display: table; content: ' '; } .clearfix:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; } tr.visible-xs.visible-sm { display: table-row !important; } th.visible-xs.visible-sm, td.visible-xs.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md { display: block !important; } tr.visible-xs.visible-md { display: table-row !important; } th.visible-xs.visible-md, td.visible-xs.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-xs.visible-lg { display: block !important; } tr.visible-xs.visible-lg { display: table-row !important; } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm { display: none !important; } @media (max-width: 767px) { .visible-sm.visible-xs { display: block !important; } tr.visible-sm.visible-xs { display: table-row !important; } th.visible-sm.visible-xs, td.visible-sm.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-sm.visible-md { display: block !important; } tr.visible-sm.visible-md { display: table-row !important; } th.visible-sm.visible-md, td.visible-sm.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-sm.visible-lg { display: block !important; } tr.visible-sm.visible-lg { display: table-row !important; } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } } .visible-md, tr.visible-md, th.visible-md, td.visible-md { display: none !important; } @media (max-width: 767px) { .visible-md.visible-xs { display: block !important; } tr.visible-md.visible-xs { display: table-row !important; } th.visible-md.visible-xs, td.visible-md.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; } tr.visible-md.visible-sm { display: table-row !important; } th.visible-md.visible-sm, td.visible-md.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-md.visible-lg { display: block !important; } tr.visible-md.visible-lg { display: table-row !important; } th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } } .visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg { display: none !important; } @media (max-width: 767px) { .visible-lg.visible-xs { display: block !important; } tr.visible-lg.visible-xs { display: table-row !important; } th.visible-lg.visible-xs, td.visible-lg.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; } tr.visible-lg.visible-sm { display: table-row !important; } th.visible-lg.visible-sm, td.visible-lg.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg.visible-md { display: block !important; } tr.visible-lg.visible-md { display: table-row !important; } th.visible-lg.visible-md, td.visible-lg.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } .hidden-xs { display: block !important; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print, tr.visible-print, th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none !important; } } html, body { height: 100%; margin: 0; padding: 0; font-size: 12px; background: #f9fbfe; } #container { width: 100%; height: 100%; } a, a:hover, a:focus { color: #4981ff; } .btn { border-radius: 3px; font-size: 13px; padding: 10px 16px; } .btn.btn-primary { background: #4981ff; border-color: #4981ff; } .btn-default { background: #fff; border-color: #dadae4; transition: all 0.2s ease-out; transition-property: background, border, box-shadow, color; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background: #fff; transform: translate(0, -1px); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1); } .open .dropdown-toggle.btn-default { border: 1px solid #4981ff; } .form-control { box-shadow: none; border-radius: 3px !important; border-color: #dadae4; height: 40px; color: #000; padding: 10px 16px; } .form-control:focus { border: 1px solid #4981ff; box-shadow: none; } /*header*/ #header { position: fixed; width: calc(100% - 240px); height: 55px; float: left; background: #f9fbfe; border-bottom: 1px solid #ececec; z-index: 1025; } .user_bar { width: 84%; float: right; padding: 10px 25px 0 0; } .signout a { float: right; display: block; margin-left: 10px; width: 34px; height: 35px; background: url(../images/icons.svg) 2px -226px no-repeat; background-size: 60px auto; text-indent: -3000px; } .signout a:hover { background-position: -31px -226px; } .username { line-height: 28px; float: right; color: #c4c4c4; padding: 3px 10px 0 0; } .username a { float: right; color: #000; padding: 0 20px 0 0; text-decoration: none; } .btn-group { float: right; } .left { float: left; } .user_bar .bnt-group { margin: 1px 0 0 0; } .user_bar .c-separator { margin: 12px 0 2px 0; } .user_bar .btn-group button, .user_bar .btn-group button:hover, .user_bar .open .dropdown-toggle.btn-default { background: none; border: 0px; color: #000; border-radius: 0px; font-size: 14px; box-shadow: none; border: 0; } .user_bar .dropdown-menu { min-width: 0; border-color: transparent; margin-top: 7px; font-size: 14px !important; } .invoice-language-container, .invoice-template-container { padding: 2px 4px 0 0; } .invoice-language-container button, .invoice-template-container button { padding: 4px 10px; } .dropdown-menu { border-radius: 3px; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; border: 1px solid #4981ff; } .dropdown-menu > li > a { padding: 5px 20px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #fafafa; } .header-badge-bar { float: left; margin: 16px 0 0 0; } .header-badge-bar > ul > li { margin: 0 0 0 20px; float: left; } .header-badge-bar > ul > li span.notification { position: absolute; right: -11px; top: -13px; z-index: 100; background: #ff6c60; padding: 2px 4px 2px 4px; font-size: 11px; } .header-badge-bar > ul > li span.messages { position: absolute; right: -11px; top: -13px; z-index: 100; background: #fcb322; padding: 2px 4px 2px 4px; font-size: 11px; } .header-badge-bar > ul > li i { font-size: 14px; color: #fff; } .header-badge-bar .dropdown-menu { min-width: 250px; } .header-badge-bar .dropdown-menu > li > a { padding: 8px 10px; } .header-badge-bar .dropdown-menu > li > a span.photo img { float: left; margin: 5px 4px 0 0; width: 40px; } .header-badge-bar .dropdown-menu > li > a span.subject { float: left; } .header-badge-bar .dropdown-menu > li > a span.subject .from { font-size: 12px; font-weight: 600; } .header-badge-bar .dropdown-menu > li > a span.time { font-size: 11px; font-style: italic; font-weight: bold; position: absolute; right: 5px; } .header-badge-bar .dropdown-menu > li > a span.message { font-size: 11px; width: 180px; float: left; } @media (max-width: 1600px) { .right-sidebar { display: none; } .notifications-icon { display: block; } section.main-wrapper { width: 100%; } #invoice-header { width: calc(100% - 240px); } #header { width: 100%; } #invoice-header.toolsbar-small { margin-left: -297px !important; } } @media (min-width: 1600px) { .right-sidebar { display: block; } .notifications-icon { display: none; } section.main-wrapper { width: calc(100% - 240px); } #invoice-header { width: calc(100% - 480px); } } .notifications-sidebar .n-em-l { text-align: center; padding: 10px; margin: 10px 10px 0 10px; background: #fff; border-radius: 4px; float: left; width: 100%; color: #999; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; } .notifications-sidebar { width: 240px; height: 100vh; background: #f9fbfeff; float: right; border-left: 1px solid #ececec; position: fixed; right: 0; z-index: 2; } .notifications-sidebar .notifications-scroller { width: 100%; overflow: hidden auto !important; } .notifications-sidebar .notifications-header { width: 100%; float: left; padding: 18px 23px 0 10px; } .notifications-sidebar .notifications-header-label { font-size: 15px; padding-bottom: 5px; color: #000; } .notifications-sidebar .notifications-header a { float: right; } .notifications-sidebar .notifications-header-action a { float: left; } .notifications-sidebar .notification-message { float: left; width: 100%; padding: 15px 10px; background-color: #fff; border-radius: 4px; margin: 10px 10px 0 10px; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; } .notifications-sidebar .notification-message.read { background-color: #fff; } .notifications-sidebar .notification-message-text { color: #000; } .notifications-sidebar .notification-message-time { color: #90949c; } .notifications-sidebar .notifications-scroller a:hover { text-decoration: none; } .notifications-sidebar a { cursor: pointer; } /*sidebar navigation*/ .company-icon { margin: 40px 0 0 0; position: relative; text-align: center; } .company-icon img { background: #fff; width: 91%; } #sidebar { width: 240px; height: 100%; position: fixed; background: rgb(13, 27, 57); background: linear-gradient(0deg, rgba(13, 27, 57, 1) 0%, rgba(27, 57, 118, 1) 100%); overflow-y: visible; overflow-x: auto; z-index: 1030; } #sidebar::-webkit-scrollbar { width: 0 !important; } #sidebar { -ms-overflow-style: none; } .nav-collapse.collapse { display: inline; } ul.sidebar-menu, ul.sidebar-menu li ul.sub { margin: -2px 0 0; padding: 0; } ul.sidebar-menu { margin: 55px 0 60px 20px; min-height: calc(100% - 190px); height: auto !important; list-style: none; } #sidebar > ul > li > ul.sub { display: none; } #sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a { display: block; z-index: 1000; } #sidebar1 { width: 240px; height: 100%; position: fixed; background: #3b3b3b; overflow-y: visible; overflow-x: auto; z-index: 100; } #sidebar1 > ul > li > ul.sub { display: none; } #sidebar1 > ul > li.active > ul.sub, #sidebar1 > ul > li > ul.sub > li > a { display: block; z-index: 1000; } #sidebar ul > li > a .arrow { border-bottom: 4px solid transparent; border-left: 4px solid #a0a0a0; border-top: 4px solid transparent; float: right; height: 0; margin-right: 15px; margin-top: 11px; width: 0; } #sidebar1 > ul > li > a .arrow.open { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #a0a0a0; float: right; height: 0; margin-right: 15px; margin-top: 11px; width: 0; } #sidebar1 ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow { float: right; margin-top: 11px; margin-right: 10px; width: 0; height: 0; border-left: 4px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } #sidebar1 > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open { float: right; margin-top: 11px; margin-right: 10px; width: 0; height: 0; border-top: 5px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; } ul.sidebar-menu li ul.sub li { margin-bottom: 0; margin-left: 0; margin-right: 0; } ul.sidebar-menu li ul.sub li:last-child { } ul.sidebar-menu li ul.sub li a { font-size: 12px; padding: 0 0 0 54px; line-height: 35px; height: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #e4e4e4; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } ul.sidebar-menu li ul.sub li:last-child a { border-bottom-left-radius: 4px !important; } ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a { color: #4981ff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; } ul.sidebar-menu li ul.sub li.active a { font-weight: 500; } ul.sidebar-menu li ul.sub.open { overflow: hidden; display: block; } ul.sidebar-menu li a span.menu-new { color: #ffae00; font-style: italic; vertical-align: super; font-size: 11px; margin: -6px 0 0 0; } ul.sidebar-menu li { line-height: 25px !important; margin-bottom: 1px; } ul.sidebar-menu li.sub-menu { line-height: 15px; } ul.sidebar-menu li a span { display: inline-block; margin-left: 13px; } ul.sidebar-menu li a span.title { display: inline-block; padding: 3px 0 0 0; } ul.sidebar-menu li a span.sync-title { display: inline-block; padding: 5px 10px 0 0; } ul.sidebar-menu li a span.sync-date { color: #fff; display: inline-block; font-size: 9px; line-height: 0.5; padding: 0px 0 0 0; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); } ul.sidebar-menu li a { color: #fff; text-decoration: none; display: block; padding: 6px 0 10px 10px; font-size: 13px; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { color: #fff; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } ul.sidebar-menu li.active a { background: #0b122d; } ul.sidebar-menu li.synchronisation a:hover, .ul.sidebar-menu li.synchronisation a:focus { background: #3b3b3b; color: #fff; display: block; } ul.sidebar-menu li.synchronisation a { cursor: pointer; } ul.sidebar-menu li a i { font-size: 15px; padding-right: 6px; } ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color: #4981ff; } ul.sidebar-menu li.active a i { color: #4981ff; } #sidebar ul > li > a .arrow { border-bottom: 4px solid transparent; border-left: 4px solid #647db0; border-top: 4px solid transparent; float: right; height: 0; margin-right: 15px; margin-top: 11px; width: 0; } #sidebar > ul > li > a .arrow.open { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #647db0; float: right; height: 0; margin-right: 15px; margin-top: 11px; width: 0; } #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow { float: right; margin-top: 11px; margin-right: 15px; width: 0; height: 0; border-left: 4px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open { float: right; margin-top: 11px; margin-right: 15px; width: 0; height: 0; border-top: 5px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; } .icon { width: 28px; height: 28px; float: left; } .sync { background: url(../images/sync_btn.png) 0px 0px no-repeat; } .dashboard { background: url(../images/menu-dashboard.svg); } li:hover a i.dashboard, .sidebar-menu .active .dashboard { background: url(/images/menu-dashboard-active.svg); } .invoices { background: url(/images/menu-documents.svg); } li:hover a i.invoices, .sidebar-menu .active .invoices { background: url(/images/menu-documents-active.svg); } .costs { background: url(/images/menu-expenses.svg); } li:hover a i.costs, .sidebar-menu .active .costs { background: url(/images/menu-expenses-active.svg); } .products { background: url(/images/menu-items.svg); } li:hover a i.products, .sidebar-menu .active .products { background: url(/images/menu-items-active.svg); } .clients { background: url(/images/menu-clients.svg); } .messages { background: url(/images/menu-messages.svg) no-repeat; } li:hover a i.messages, .sidebar-menu .active .messages { background: url(/images/menu-messages-active.svg); } .sales-page { background: url(/images/menu-sales-page.svg) no-repeat; } li:hover a i.sales-page, .sidebar-menu .active .sales-page { background: url(/images/menu-sales-page-active.svg) no-repeat; } .appointments { background: url(/images/menu-appointments.svg) no-repeat; } li:hover a i.appointments, .sidebar-menu .active .appointments { background: url(/images/menu-appointments-active.svg); } li:hover a i.clients, .sidebar-menu .active .clients { background: url(/images/menu-clients-active.svg); } .settings { background: url(/images/menu-settings.svg); } li:hover a i.settings, .sidebar-menu .active .settings { background: url(/images/menu-settings-active.svg); } .subscription { background: url(/images/menu-subscription.svg); } li:hover a i.subscription, .sidebar-menu .active .subscription { background: url(/images/menu-subscription-active.svg); } .support { background: url(/images/icons.svg) 2px -262px no-repeat; background-size: 60px auto; } li:hover a i.support, .sidebar-menu .active .support { background: url(/images/icons.svg) -31px -262px no-repeat; background-size: 60px auto; } .split-line { width: 100%; height: 0; border-bottom: 1px solid #1b1b1b; } .logo-black { z-index: -100; float: left; width: 80px; margin: 0px 0 10px 80px; } .logo-black img { width: 100%; } .logo-xsell { z-index: -100; width: 80%; margin: 0 auto 10px auto; } .logo-xsell img { width: 100%; height: auto; } #sidebar > ul.sidebar-closed { display: none; } #main-content { margin-left: 240px; height: 100%; } #main-content.sidebar-closed { margin-left: 0px; } #sidebar.sidebar-closed { margin-left: -240px; } .sidebar-toggle-box { float: left; margin: 10px 0 0 10px; color: #fff; line-height: 14px; } .sidebar-toggle-box .menu-bars { cursor: pointer; display: inline-block; } .hamburger { background: url(../images/hamburger.png); width: 28px; height: 28px; } .sidebar-bottom-menu { position: fixed; bottom: 0; width: 240px; padding: 5px 0 0 0; } .sidebar-bottom-menu ul { width: 100%; border-top: 1px solid #1b1b1b; list-style: none; padding: 5px 0 0 0; float: left; margin: 0; } .sidebar-bottom-menu ul li { width: 33%; float: left; text-align: center; cursor: pointer; } .sidebar-bottom-menu .tooltip { opacity: 1; position: relative; margin-bottom: -2px; } .sidebar-bottom-menu .tooltip.top .tooltip-arrow { border-top-color: #388e3c; } .sidebar-bottom-menu .tooltip-inner { background: #388e3c; border-radius: 4px; margin: 0 auto; } .sidebar-bottom-menu a.invite-friends { color: #77bd77 !important; } .sidebar-bottom-menu ul li a { color: #7f7f7f !important; font-size: 11px; width: 100%; display: block; } .sidebar-bottom-menu ul li a span { white-space: nowrap; overflow: hidden; width: 80px; display: block; text-overflow: ellipsis; } .sidebar-bottom-menu img { width: 26px; display: block; margin: 0 auto; } .invite-icn-center { width: 100%; text-align: center; margin-top: 20px; } .invite-icn-center img { width: 80px; } .invite-title-center { text-align: center; font-size: 24px; } .invite-code-wraper { text-align: center; margin-top: 20px; } .invite-code-wraper span { text-transform: uppercase; letter-spacing: 2px; font-weight: bold; display: block; } .invite-code-wraper span.invite-credit-balance { letter-spacing: normal; font-weight: bold; font-size: 36px; color: #388e3c; } .invite-code { margin: 0 auto; width: 132px; height: 50px; background-image: url(../images/invite-code-bg.png); background-size: contain; padding-top: 14px; font-size: 16px; font-weight: bold; } .invite-note { text-align: center; padding: 20px 20px 10px 20px; font-size: 14px; } .invite-btn { text-align: center; } .invite-more { text-align: center; text-decoration: underline; font-size: 13px; margin-top: 10px; } .invite-btn .btn { height: 42px; font-size: 14px; } .invite-btn .btn-success { padding: 6px 50px; } .invite-email { display: flex; width: 80%; align-items: center; justify-content: center; margin: auto; } .invite-email .form-control { height: 40px; font-size: 13px; } .ml-1 { position: relative; z-index: 100; margin-left: -2px; padding: 10px 12px !important; border-top-left-radius: 0; border-bottom-left-radius: 0; } .invite-btns { width: 60%; display: block; text-align: center; margin: 15px auto 0 auto; } .invite-btns img { width: 28px; } .invite-default-btn { width: 100%; padding: 10px; margin: 0 0 10px 0; } .invite-o { width: 100%; text-align: center; margin: 10px 0 10px 0; float: left; } .invite-credit-link { width: 100%; text-align: center; margin: 15px 0 0 0; } .invite-credit-link a { color: #333; text-decoration: underline; } .sendLink-body { padding: 25px 15px 0 15px; width: 100%; text-align: left; } .credit { font-weight: bold; color: #38b55c; } .debit { font-weight: bold; color: #e65d48; } /*Main content*/ #main-content { position: none !important; margin-left: 240px; } section.main-wrapper { float: left; padding: 55px 0 0 0; height: 100%; } .main-table { width: 100%; max-width: 1110px; min-height: calc(100% - 30px); margin: 0 auto; } .new-invoice-wrapper { width: 100%; /*max-width:1000px;*/ min-height: calc(100% - 20px); float: left; z-index: 0; } .new-invoice-online-wrapper { } .new-invoice-wrapper .add-form.estimate .totalDiscount { display: none !important; } .cost-fixedposition { position: fixed; max-width: 1000px; } .white-bg { width: 100%; float: left; position: relative; padding: 18px 10px 0 10px; margin: 15px 0 70px 0; border-radius: 4px; } .header-wrapper { width: 100%; float: left; padding: 0 15px 15px 15px; } .inv-form-frame { position: relative; float: left; width: 100%; } .grey-bg { width: 816px; padding: 5px 15px 0px 0; margin: 0 auto; } #invoice-header { border-bottom: 1px solid #d9d9d9; position: fixed; float: left; background: #fff; padding: 11px 4px 12px 4px; transition: box-shadow 2s; -moz-transition: box-shadow 2s; -webkit-transition: box-shadow 2s; -ms-transition: box-shadow 2s; -o-transition: box-shadow 2s; z-index: 11; } #invoice-header .btn-gap { float: left; height: 1px; width: 0px; } #invoice-header.shadow { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1); } #invoice-header .breadcrumb { margin: 2px 0 0 0; padding: 6px 15px; } #invoice-header .tools { width: 822px; margin: 0 auto; } #invoice-header .tools .online, #invoice-header .pay-or-comment-online .online { padding: 2px 0px 0 0; } /*Online invoice*/ #invoice-online-header { z-index: 1000; position: fixed; float: left; background: #fff; border-bottom: 1px solid #d9d9d9; width: 100%; height: 42px; transition: box-shadow 2s; -moz-transition: box-shadow 2s; -webkit-transition: box-shadow 2s; -ms-transition: box-shadow 2s; -o-transition: box-shadow 2s; } .pay-or-comment-online { max-width: 816px; margin: 0 auto; } .user_bar .breadcrumb a, .user_bar .breadcrumb a:hover { color: #fff; text-decoration: none; } #invoice-online-header.shadow { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1); } #invoice-online-header .online { padding: 6px 0 0 0; float: right; } .online .btn + .btn, .online .btn + .btn-group, .online .btn-group + .btn, .online .btn-group + .btn-group { margin-left: -1px; } .online .text { font-size: 13px; padding: 4px 12px 5px 12px; font-weight: 400; } @-moz-document url-prefix() { .online .text { padding: 4px 10px 4px 10px; } } .online .btn span { padding: 8px 0; } .invoice-online-wrapper { max-width: 826px; margin: 0 auto; padding: 5px 5px 0 5px; } .invoice-online-wrapper #invoice-body.web .invoice-page { margin: 5px 0 0 0; -webkit-transform-origin: top left; } .invoice-online-wrapper #invoice-body { margin-top: -8px; } .invoice-online-wrapper .comment-wrapper { margin-bottom: 10px; text-align: left; float: left; width: 100%; } .invoice-online-wrapper .comment-wrapper span { color: #bbb; } .invoice-online-wrapper .comment-wrapper .comment-box { border: 1px solid #d9d9d9; padding: 10px 10px 3px 10px; background: #fff; float: left; width: 100%; } .invoice-online-wrapper .comment-wrapper .comment-box img { width: 26px; height: 26px; float: left; margin: 0 5px 0 0; } .invoice-online-wrapper .comment-wrapper .comment-box .name { color: #000; font-size: 13px; font-weight: 600; line-height: 1; } .invoice-online-wrapper .comment-wrapper .comment-box .time { color: #666; font-size: 10px; line-height: 1.5; } .invoice-online-wrapper .comment-wrapper .comment-box .text { margin-bottom: 5px; } .footer .online { width: 460px; margin: 0 auto; list-style: none; text-align: center; } .footer .online img { padding: 10px 0 0 0; } .footer .online ul { margin-bottom: 30px; float: left; padding: 10px 0; list-style: none; } .footer .online ul li { width: 100%; text-align: center; } .alert-warning a { color: #a07a3a; } .btn-group .m-right { margin: 0 5px 0 0px; float: left; } .invoice-rating { padding: 10px 15px; background: #fff; border: 1px solid #dadae4; display: inline-block; border-radius: 4px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } .invoice-rating .label-control { width: calc(100% - 184px); float: left; padding-right: 20px; } .invoice-rating #starcontrol { width: 184px; float: left; padding-top: 3px; height: 38px; } .invoice-rating .main-label { font-weight: bold; font-size: 16px; } .invoice-rating .secondary-label { color: #6c6c6c; white-space: nowrap; } .invoice-rating .star { background-image: url(../images/star.svg); width: 30px; height: 30px; background-size: 30px 30px; display: inline-block; cursor: pointer; margin: 0 8px 0 0; } .invoice-rating .star-active { background-image: url(../images/star-active.svg); width: 30px; height: 30px; background-size: 30px 30px; display: inline-block; cursor: pointer; margin: 0 8px 0 0; } .invoice-history-events .invoice-rating { background: none; border: 0; padding: 0; vertical-align: middle; margin-bottom: 5px; } .invoice-history-events .invoice-rating .star, .invoice-history-events .invoice-rating .star-active { float: left; width: 15px; height: 15px; background-size: 15px 15px; margin: 0; cursor: default; } .invoice-rating #starcontrol span:last-child { margin-right: 0; } .invoice-rating .star:hover, .invoice-rating .star.star-selected, .invoice-rating .star.star-hover { background-image: url(../images/star-active.svg); } .invoice-history-events .invoice-rating .star:hover { background-image: none; } label.dv-star-rating-star { margin-bottom: 0; margin-left: 8px; } label.dv-star-rating-star:last-child { margin-left: 0px; } .invoice-online-wrapper .alert { margin-bottom: 8px; } .star { font-size: 20px; color: #777; cursor: pointer; } .star.star-selected { color: #fcb322; } .star.hover { color: #ffbc5f; } .triangle { position: relative; z-index: 1000; margin-top: -6px; margin-left: 16px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #d9d9d9; } .inner-triangle { position: relative; top: -10px; left: -9px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #fff; } /* Modal review - online invoice */ .modal-content.modal-content-online { border: none; box-shadow: none; border-radius: 4px !important; -webkit-box-shadow: none; } .modal-content-online .modal-header { border-bottom: none; background: #fff; border-radius: 4px; } .modal-content-online .modal-header h4 { margin-top: 20px; text-align: center; } .modal-content-online .modal-body { padding: 20px; } .modal-content-online .form-control { border-radius: 4px; padding: 13px; height: auto; font-size: 14px; box-shadow: none; -webkit-box-shadow: none; } .modal-backdrop.in { opacity: 0.8; } .btn-primary-new { width: 100%; background: #0f78eb; padding: 12px 0; color: #fff; border-radius: 4px; font-size: 16px; } .btn.btn-primary-new:hover, .btn.btn-primary-new:focus { color: #fff; } /* Stats Dashboard*/ .dropdown-js { float: left; width: 150px; } .dropdown-js .Select-control { border-radius: 0px; border-color: #dadae4; height: 38px; } .dropdown-js .Select-placeholder { line-height: 38px; color: #555; } .dropdown-js .Select-arrow, .dropdown-js .is-open .Select-arrow { border-color: #555 transparent transparent; border-width: 4px 4px 2.5px; } .dropdown-js .Select-arrow-zone { padding-top: 5px; } .dropdown-js .Select-value-label { line-height: 38px; } .stats-content { max-width: 1050px; min-height: calc(100% - 30px); margin: 0 auto; } .stats-content-menu { width: 100%; float: left; } .stats-content-menu .stats-filter { margin-left: 8px; float: left; } .Select.dropdown-js.is-focused.is-open.is-searchable.Select--single .Select-menu-outer { margin-top: 0px; } .stats-content-menu .stats-filter .actual-date-interval { float: left; padding: 6px 10px; font-size: 15px; } .stats-content-menu .btn-group .inactive-arrow { color: #e1e1e1; padding: 6px 10px 6px 10px; } .stats-content-menu .btn-group .active-arrow { padding: 6px 10px 6px 10px; } .stats-content-menu .btn-group .dropdown-menu { min-width: 98px; } .stats-content-wrapper { min-width: 1000px; float: left; margin: 10px 0 10px 0; } .stats-content .boxsize-a { width: 32.66%; height: 150px; float: left; border-radius: 4px; padding: 30px 10px 0 35px; border: 1px solid transparent; } .stats-content .boxsize-a.blue:hover { border: 1px solid #4981ff; } .stats-content .boxsize-a.yellow:hover { border: 1px solid #f4bc03; } .stats-content .boxsize-b { width: 24.2%; height: 150px; float: left; cursor: pointer; border-radius: 4px; padding: 30px 10px 30px 30px; } .stats-content .right { margin-right: 10px; } .boxsize-a, .boxsize-b { cursor: pointer; background: #fff; border-radius: 4px; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; } .blue .main-number { color: #4981ff; } .yellow .main-number { color: #f4bc03; } .green .main-number { color: #1db8b3; } .red .main-number { color: #ff4981; } .balance-nav { width: 337px !important; border: 1px solid #dadae4 !important; float: left; border-radius: 3px !important; background: #fff; padding: 2px !important; margin: 0 !important; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) !important; } .balance-nav > li { width: 33%; text-align: center; } .balance-nav > li > a { padding: 5.5px 15px; font-size: 15px; } .main-count { width: 70%; float: left; } .main-count .title-link { float: left; width: 100%; color: #000; } .stats-content .content-title { width: 100%; float: left; } .stats-content span.content-title { width: 100%; font-size: 15px; text-transform: uppercase; } .stats-content a.plus-btn { color: #fff; padding: 8px 10px 10px 10px; float: right; margin-left: -36px; } .stats-content span.main-number { width: 100%; float: left; font-size: 34px; } .stats-content span.main-number-xs { width: 100%; float: left; font-size: 25px; } .stats-content span.tax-number { width: 100%; float: left; color: #888; font-size: 15px; } .stats-content .boxsize-a .secondary-counts { width: 30%; height: 100%; float: left; } .stats-content .boxsize-a .invoices { background: #06779e; float: left; } .stats-content .boxsize-a .costs { background: #1db4be; } .stats-content .boxsize-a .balance { background: #2fa150; } .nav-tabs { width: 100%; float: left; padding: 15px; background: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; border-color: #ececec; } .modal-body .nav-tabs { margin-top: 20px; margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); padding-left: 40px; border-top: 1px solid #ececec; background: #f7f7f7; } .nav-tabs > li { margin-bottom: 0px; } .nav-tabs > li > a:hover { border-bottom: 0; border-color: transparent; } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-radius: 3px; background: #4981ff; border-color: #4981ff; color: #fff; } .secondary-counts-line { padding: 5px 5px 3px 10px; float: left; color: #fff; } .secondary-counts-line a { color: #fff; } .secondary-counts-line .title { width: 100%; padding: 4px 0 0 0; float: left; } .time-part { color: #fff; float: left; padding: 7px 0; } .euro { font-size: 14pt; color: #fff; } .balance_stats { width: 250px; float: left; } ol.breadcrumb { padding: 10px 12px 8px 8px; float: left; margin-top: 3px; background: none; } .top-10 { margin-top: 10px; } .btn-main { float: right; } .btn-main .btn-primary, .btn-main .btn-success { padding: 5px 16px 5px 10px; margin-left: 3px; } .btn.btn-th { width: 100%; font-size: 13px; padding: 10px 16px; } .main-wrapper .list-size-a { min-width: 194px; } .payment-filter { float: left; font-size: 13px; border-radius: 4px; } .payment-filter.navbar { margin: 0 !important; border: 0 !important; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } .payment-filter.navbar li { padding: 2px; } .navbar { background: #fff; border-radius: 3px; height: 40px; border-color: #dadae4; } .navbar-default .navbar-nav a { border-radius: 3px; } .navbar-default .navbar-nav > .yellow > a, .navbar-default .navbar-nav > .yellow > a:hover, .navbar-default .navbar-nav > .yellow > a:focus { background: #4981ff; color: #fff; } .navbar-default .navbar-nav > .blue > a, .navbar-default .navbar-nav > .blue > a:hover, .navbar-default .navbar-nav > .blue > a:focus { background: #4981ff; color: #fff; } .navbar-default .navbar-nav > .green > a, .navbar-default .navbar-nav > .green > a:hover, .navbar-default .navbar-nav > .grenn > a:focus { background: #4981ff; color: #fff; } .navbar-default .navbar-nav > .red > a, .navbar-default .navbar-nav > .red > a:hover, .navbar-default .navbar-nav > .red > a:focus { background: #4981ff; color: #fff; } .navbar-default .navbar-nav > .yellow .badge { color: #ffaf39; } .navbar-default .navbar-nav > .blue .badge { color: #4981ff; } .navbar-default .navbar-nav > .green .badge { color: #37b55c; } .navbar-default .navbar-nav > .red .badge { color: #e04f3c; } /*Chart*/ .custom-bar-chart { height: 290px; margin-top: 20px; margin-left: 10px; position: relative; border-bottom: 1px solid #c9cdd7; } .custom-bar-chart .bar { height: 100%; position: relative; width: 4.3%; margin: 0px 2%; float: left; text-align: center; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0x; border-radius: 5px 5px 0 0; z-index: 10; } .custom-bar-chart .bar .title { position: absolute; bottom: -30px; width: 100%; text-align: center; font-size: 12px; } .custom-bar-chart .bar .value { position: absolute; bottom: 0; background: #bfc2cd; color: #bfc2cd; width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .custom-bar-chart .bar .value:hover { background: #e8403f; color: #fff; } .y-axis { color: #555555; position: absolute; text-align: right; width: 100%; } .y-axis li { border-top: 1px dashed #dbdce0; display: block; height: 58px; width: 100%; } .y-axis li:last-child { border-top: none; } .y-axis li span { display: block; margin: -10px 0 0 -25px; padding: 0 10px; width: 40px; } .y-axis { color: #555555; text-align: right; } /* Dashboard data*/ .small-wrappers { width: 100%; min-width: 970px; } .small-wrapper { width: 49.2%; float: left; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; padding: 15px; background: #fff; border-radius: 4px; } .small-wrapper.right { margin: 0 !important; } .small-wrapper { font-size: 15px; } .small-wrapper .right { margin: 0 !important; } .small-wrapper .drop-area .text span { display: block; text-align: center; } .single-chart-wrapper { height: 227px; padding: 30px 15px; } .small-wrapper .drop-area { margin-top: 10px; width: 100%; padding: 60px 0; background: #fff; border: 2px dashed #4981ff; } .small-wrapper .single-chart-bg { width: 100%; background: #e9eaea; border-radius: 3px; height: 44px; margin: 10px 0 15px 0; } .small-wrapper .single-chart-bar { height: 44px; text-align: center; vertical-align: middle; padding: 10px 3px; border-radius: 3px; color: #555; } .chart_bg { height: 360px !important; } #balanceChart .loader { margin-top: 150px !important; } .single-chart-bg .gold { background: #e3678d; border-color: #ff4981; font-weight: bold; color: #fff; } .single-chart-bg .apricot { background: #fba437; border-color: #e88f10; font-weight: bold; color: #fff; } .c-text { color: #4981ff; cursor: pointer; } .mr-15 { margin-right: 16px; } /*Table*/ .table { float: left; } .table-shadow { box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; } #client-grid .table tbody, #client-grid .table thead { box-shadow: none !important; } #snippet-form-grid-grid-grid .row-filters label { display: none; } #snippet-form-grid-grid-grid .row-filters select { width: 180px; margin-bottom: 15px; } #snippet-form-grid-grid-grid .col-per-page { display: none; } #snippet-form-grid-grid-grid .row-grid-bottom { border: none; } .small-wrapper.client-d { width: 100%; box-shadow: none !important; padding: 10px 0; } .single-chart-bar-row { width: 49%; float: left; } .single-chart-bar-row:last-child { float: right; } .small-wrapper.client-d.single-chart-wrapper { height: auto; padding-bottom: 0; } .small-wrapper.client-d .single-chart-bg { margin-bottom: 0; } .table thead > tr > th { font-size: 11px; padding: 10px 8px 10px 10px; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec !important; vertical-align: middle !important; text-transform: uppercase; color: #888888; background: #f9f9f9; } .table > tbody > tr > td { padding: 10px 8px 10px 10px; vertical-align: middle; } .table > tbody > tr > td:first-child, .table thead > tr > th:first-child { padding-left: 20px; } .table tbody { font-size: 13px; } .table tbody tr:hover { background: #fbfbfb; cursor: pointer; } .table tbody .payment { font-size: 9px; line-height: 1; font-weight: 400; text-transform: uppercase; margin-right: 3px; } .table tbody .unpaid, .table tbody .valid { color: #4981ff; font-size: 15px; line-height: 1; font-weight: 700; } .table tbody .paid, .table tbody .invoiced { color: #1db8b3; /*font-size:15px;*/ line-height: 1; font-weight: 700; } .table tbody .overdue, .table tbody .invalid { color: #ff4981; font-size: 15px; line-height: 1; font-weight: 700; } .table > tbody > tr > td { background: #fff; border-bottom: 1px solid #ececec; } .table tbody td.invite { padding: 3px 8px 3px 8px; line-height: 1.428571429; vertical-align: top; text-align: center; } .table tbody td.in { width: 50px; line-height: 1.428571429; vertical-align: top; } .table tfoot tr td { font-size: 12px; padding: 10px 8px 8px 8px; text-align: right; height: 35px; border-color: transparent; } .table tfoot tr td a { position: relative; padding: 8px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background: #fff; } .table tfoot tr td a:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .table tfoot tr td a:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .table tfoot tr td { position: relative } .table tfoot tr td span { position: relative; padding: 7px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; } .table tfoot tr td span.current { background-color: #4981ff; border: 1px solid #4981ff; color: #fff; } .table tfoot td { border: 1px solid white; } .table tfoot td { padding: 0; margin: 0; } .table > tfoot > tr > td { border-top: 1px solid #dad9d9; } .options { width: 180px; padding: 0 0 0 20px; } .options a { padding: 0 10px; } .sync-width { width: 150px; padding: 0 0 0 20px; } .icon_tools { width: 22px !important; height: 22px; display: inline-block; background-position: center center; background-repeat: no-repeat; padding-left: 1px; cursor: pointer; } .icon_tools.more { background: url(../images/tools-more-xs.svg); } .icon_tools.add { background-image: url(../images/tools-add-xs.svg); } .icon_tools.add:hover { background-image: url(../images/tools-add-black-xs.svg); } .icon_tools.duplicate { background-image: url(../images/tools-duplicate-xs.svg); } .icon_tools.duplicate:hover { background-image: url(../images/tools-duplicate-black-xs.svg); } .icon_tools.pdf { background-image: url(../images/tools-download-xs.svg); } .icon_tools.pdf:hover { background-image: url(../images/tools-download-black-xs.svg); } .icon_tools.edit { background-image: url(../images/tools-edit-xs.svg); } .icon_tools.edit:hover { background-image: url(../images/tools-edit-black-xs.svg); } .icon_tools.delete { background-image: url(../images/tools-delete-xs.svg); } .icon_tools.delete:hover { background-image: url(../images/tools-delete-black-xs.svg); } .icon_tools.print { background-image: url(../images/icn_print.png); } .icon_tools.email { background-image: url(../images/tools-send-xs.svg); } .icon_tools.email:hover { background-image: url(../images/tools-send-black-xs.svg); } .icon_tools.notification { background-image: url(../images/icn_notification.png); } .icon_tools.copy_link { background-image: url(../images/icn_copy.png); } .icon_tools.xero { background: url(../images/tools-xero.svg); } .invoice-details { width: 100%; padding: 30px; float: left; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; background: #fff; border-radius: 4px; } .company-wrapper .invoice-details, .modal-content .company-wrapper, .modal-content .nav-tabs { box-shadow: none; } .modal-content .invoice-details { /*float:none;*/ } .invoice-details .alert { width: 98%; } .alert { width: 100%; text-align: center; } .invoice-details .alert img { line-height: 1; padding: 0px; } .invoice-details .details-row { width: 100%; float: left; text-align: left; } .invoice-details .group-title { width: 100%; float: left; font-size: 18px; padding: 10px 0 0 0; } .invoice-details .details-column { width: 30%; float: left; } .divider-row { width: 97.8%; margin: 25px 0 15px 0; border-top: 1px dotted #e1e1e1; float: left; } .modal-body .divider-row { width: 100%; } .invoice-details .gap { width: 97.8%; margin: 10px 0 10px 0; float: left; } .vertical-gap { width: 10%; height: 7%; float: left; border: 1px solid #fbfbfb; } .invoice-details .more a { color: #4981ff; width: 100%; text-align: right; } .grey-bg .breadcrumb { padding: 2px 15px 2px 5px; } .attachment-receipt { margin: 370px 0 20px 10px; } .attachment-invoice { margin: 395px 0 20px 10px; } #snippet-form- .attachment-wrapper { padding: 20px 30px; border: none; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; background: #fff; } .attachment-wrapper { width: 100%; margin: 10px 0 0 0; padding: 0px 10px; border: 1px solid #dadae4; float: left; border-radius: 4px; } .attachment-wrapper-drag { width: 65%; margin: 0; float: left; text-align: center; } .attachment-wrapper table.size-a { width: 97%; } .attachment-wrapper table tr td { padding: 10px 6px 6px 6px; border: none; } .attachment-wrapper .options { width: 30px; text-align: right; } .caret-blue { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #4981ff; border-right: 4px solid transparent; border-bottom: 0 dotted; border-left: 4px solid transparent; } .caret-blue-up { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-bottom: 4px solid #4981ff; border-right: 4px solid transparent; border-top: 0 dotted; border-left: 4px solid transparent; } .invoice-details .size-a { width: 16%; } .size-a .bootstrap-select.form-control.input-group-btn { max-width: 164px; } .invoice-details .size-b { width: 22%; } .invoice-details .size-c { width: 38%; } .size-d { width: 30%; } .invoice-details .size-e { width: 10.2%; } .invoice-details .size-f { width: 55.3%; } .invoice-details .size-g { width: 11%; } .invoice-details .size-h { width: 70%; } .invoice-details .size-i { width: 90%; } .invoice-details .size-j { width: 47%; } .size-k { width: 98%; } .invoice-details .size-l { width: 13.5%; } .invoice-details .right { float: right; } .invoice-details .left { float: left; } .invoice-details .m-top { margin: 0 0 5px 0; } .invoice-details .category { text-align: left; min-width: 222px; } .invoice-details .icn-trash { margin: 10px 0 0 -5px; } .invoice-details .icn-trash:hover { color: #de2f38; } .input-group { width: 100%; } .input-group .input-group-addon { width: unset; } .invoice-details .details-box, .details-box { margin: 0 15px 5px 0; } .invoice-details .details-box .aaa { padding: 8px 12px; border: 1px solid #cccccc; } .invoice-details .details-box span.payment { padding: 7px; width: 50%; float: left; margin: 28px 0 0 0; font-size: 13px; text-transform: lowercase; } .invoice-details .details-box span.email { padding: 7px; width: 50%; float: left; margin: 10px 0 0 0; font-size: 13px; text-transform: lowercase; } .invoice-details .details-box span.v-cent.long { width: 70%; } .invoice-details .details-box span.v-cent { padding: 7px; width: 48%; float: left; margin: 0 0 0 0; font-size: 13px; text-transform: lowercase; } .input-group-btn .btn { padding: 10px 16px; height: 40px; } .input-label { width: 100%; float: left; padding: 8px 10px 0px 0px; font-size: 13px; line-height: 20px; color: #7b7b7b; text-align: left; } .input-label.payment { color: #888; } .plus-btn { padding: 10px; font-size: 11px; margin: 0 0 0 0; float: left; } .more-details { float: right; text-align: left; padding: 5px 25px 0 0; text-transform: uppercase; font-weight: bold; } .more-details-left { float: left; text-align: left; padding: 10px 25px 0 0; text-transform: uppercase; font-weight: bold; } .invoice-products { width: 100%; float: left; padding: 10px 0; } .products-header { width: calc(100% + 20px); float: left; display: flex; margin: 10px 0 0 -15px; padding-right: 25px; } .products-header span { font-weight: 500; } .products-row { width: calc(100% + 20px); display: flex; margin-left: -18px; } .products-row .input-group-btn { vertical-align: top; } .invoice-products .size-c { width: 41%; display: flex !important; flex-grow: 4; float: left; height: auto; } .invoice-products .products-header .size-c { margin-left: 18px !important; } ​ .invoice-products .size-b { width: 15%; margin-left: 5px; float: left; } .invoice-products .size-a { width: 7%; margin-left: -1px; flex-grow: 1; float: left; } .products-row .trash { width: 25px; padding: 10px 5px; font-size: 12px; } .item-position-icn { width: 15px !important; padding: 10px 0 0 0; margin-left: 3px; cursor: move; color: #969696; } .products-row a { color: #333; } .new-invoice-wrapper .list-size-a { min-width: 100%; } .new-invoice-wrapper .list-size-b { min-width: 148px; } .new-invoice-wrapper .list-size-c { min-width: 206px; } .new-invoice-wrapper .list-size-d { min-width: 329px; } .list-size-e { min-width: 68px; } .products-row > a:hover { color: #e65d48; } .add-product { width: 100%; float: left; padding: 10px 0 0 3px; } .add-product img { cursor: pointer; width: 24px; float: left; } .add-product .plus { display: inline-block; padding: 5px 6px; margin-bottom: 0; font-size: 12px; width: 25px; border-radius: 20px; } .add-product .btn { display: inline-block; padding: 5px 6px; margin-bottom: 0; font-size: 12px; width: 25px; border-radius: 20px; float: left; } .add-product-text { cursor: pointer; color: #4981ff; padding: 6px 5px; float: left; } .add-product a { color: #4981ff; } .invoice-note { width: 63%; min-height: 80px; float: left; } .note-size-a { width: 63%; } .note-size-b { width: 98%; } .invoice-note .note { width: 100%; min-height: 119px; float: left; border: 1px solid #dadae4; padding: 8px; resize: vertical; } .invoice-note span { color: #7b7b7b; } .invoice-note .note:focus { border: 1px solid #4981ff; outline: 0; } .invoice-summary { width: 35.5%; margin: 0 0 0 10px; background: #eff4fe; border: none; border-radius: 3px; padding: 0; } .invoice-summary-row { float: left; width: 100%; padding: 15px; text-transform: uppercase; } .invoice-summary-row:first-child { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .right { float: right; } .invoice-summary .left { float: left; } .blue { color: #4981ff; } .glyphicon { font-size: 15px; } .company-wrapper { width: 100%; float: left; padding: 10px; background: #fff; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /* Footer */ .footer { width: 100%; height: 20px; padding: 3px 0; float: left; color: #888; font-size: 11px; } .footer ul > li { float: left; margin: 0 12px 0 0; } .footer ul > li > a { color: #888; } /* Modal */ .modal-body { float: left; width: 100%; padding: 10px; } .modal-body .invoice-details span.center { text-align: center; } #size-a { width: 300px; } #size-c { width: 800px; } #size-d { max-width: 500px; } #size-e { width: 1000px; } #size-f { width: 410px; } .modal-header-none-underline { border-bottom: none; } .modal-invoice-supplier { float: left; padding: 15px; } /* Settings */ .invoice-text { width: 38%; min-height: 60px; float: left; margin-right: 20px; } .switcher-top { margin: 28px 0 0 0; } .switcher-top-1 { margin: 10px 0 0 0; } .table > tbody > tr > td.switcher { padding: 3px 8px 4px 8px; } /* Subscription */ .subs-table > thead > tr > th, .subs-table > tbody > tr > td { text-align: center; cursor: auto; padding: 13px 5px 11px 5px; } .subs-table > thead > tr > th { padding: 8px 5px 8px 5px; } .subs-table > thead > tr > th.miniS, .subs-table > tbody > tr > td.miniS { background: #a7caed; color: #fff; border: 0px; padding: 30px 0 25px 0; } .subs-table > thead > tr > th.miniM, .subs-table > tbody > tr > td.miniM { background: #7cbce2; color: #fff; border: 0px; padding: 30px 0 25px 0; } .subs-table > thead > tr > th.miniL, .subs-table > tbody > tr > td.miniL { background: #5dacdb; color: #fff; border: 0px; padding: 30px 0 25px 0; } .subs-table > thead > tr > th.miniXL, .subs-table > tbody > tr > td.miniXL { background: #2185c1; color: #fff; border: 0px; padding: 30px 0 25px 0; } .subs-table > thead > tr > th.coming, .subs-table > tbody > tr > td.coming { background: #f1f1f1; } .subs-table > tbody > tr > td.subs-time, .subs-table > thead > tr > th.subs-time { width: 25%; } .subs-table > tbody > tr > td.subs-done { width: 20%; } .subs-table .price { font-size: 40px; font-weight: 100; } .subs-table .step { font-size: 40px; font-weight: 100; line-height: 1; padding: 40px 0 17px 0; border: 0px; } .subs-table .green { background: #1db8b3; border: 0px; color: #fff; padding: 0 0 20px 0; } .subs-table a { color: #fff; } .subs-table a:hover { text-decoration: none; } .subs-table .grey { background: #fff; border: 0px; color: #666; padding: 20px 0 20px 0; } .subs-table .grey a { color: #666; } .currency-symbol { font-size: 14px; color: #fff; font-weight: 300; } .table tbody td.order-options { padding-top: 6px; } /**Signin/Signup **/ .sign-wrapper { margin: 0 auto; max-width: 320px; } .sign-wrapper .sign-box { width: 100%; padding: 30px; margin: 0px 0 0 0; background: #fff; float: left; border-radius: 4px; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; } .sign-box input[type='password'], .sign-box input[type='text'], .sign-box input[type='email'] { padding: 20px 10px; font-size: 15px; } .sign-box button { height: 43px; } .sign-box .gap { margin: 15px 0 15px 0; } .sign-box input[type='checkbox'] { margin: 2px 5px 0; float: left; line-height: 1.5; } .sign-wrapper .sign-link { text-align: center; padding: 10px 0 0 0; width: 100%; float: left; font-size: 14px; } .sign-wrapper .sign-logo { width: 100%; text-align: center; padding: 30px 0 15px 0; } .sign-wrapper .sign-box .btn-block { margin: 0 0 10px 0; } .sign-wrapper .sign-box .fb, #limit-modal .fb { background: #3b5998; border-color: #355089; } #limit-modal .twitter { background: #4099ff; } .sign-wrapper .sign-box .google { background-color: #db4b39; border-color: #c54333; } .sign-wrapper .sign-box .input-group-btn button { padding: 10px 5px; } .sign-wrapper .sign-box .input-group-btn .list-size-a { min-width: 260px; } /** mobile online invoice **/ .invoice-mobile-wrapper { width: 100%; min-height: calc(100% - 96px); height: auto !important; float: left; } .invoice-mobile-header { background: #042445; width: 100%; height: 48px; } .invoice-mobile-header .back-btn { padding: 14px 5px; float: left; font-size: 18px; color: #4981ff; } .invoice-mobile-header .back-btn img { float: left; } .invoice-mobile-header .back-btn span { line-height: 1.2; float: left; padding: 0 0 0 3px; } .invoice-mobile-header .save-btn { padding: 14px 5px; float: right; font-size: 18px; color: #4981ff; } .invoice-mobile-header .save-btn span { line-height: 1.2; float: left; padding: 0 5px 0 3px; } .invoice-mobile-header .title-wrapper { margin: 0 auto; text-align: center; } .invoice-mobile-header .title-wrapper .title { font-size: 18px; padding: 13px 0; color: #fff; font-weight: 300; } .invoice-mobile-header a:hover { text-decoration: none; } .mobile-row { width: 100%; padding: 0 10px; float: left; } .mobile-row-content { border-top: 1px #ffffff solid; border-bottom: 1px #e9e9e9 solid; float: left; width: 100%; padding: 3px 0; } .mobile-row-content .left { padding: 0px 0 0 5px; margin: 0px; text-align: left; float: left; } .mobile-row-content .right { padding: 0px 5px 0 0; margin: 0px; text-align: left; float: right; } .mobile-row .first-row { padding: 5px 0 0; } .mobile-row-content .right span { float: right; } .mobile-row-content .number { color: #000; font-size: 15px; } .mobile-row-content .payment { color: #000; font-size: 14px; } .mobile-row-content .thin { font-weight: 200; } .mobile-row-content .regular { font-weight: 400; } .mobile-row-content .bold { font-weight: 600; } .mobile-row-content .blue { color: #4981ff; } .mobile-row-content .label-name { color: #000; font-size: 15px; padding: 8px 0 12px 0; float: left; } .mobile-row img.logo { float: left; height: 35px; margin: 5px 0; background-image: url(style.css); } .invoice-mobile-tools { float: left; width: 100%; height: 96px; background: #000; color: #fff; text-align: center; } .invoice-mobile-tools a { color: #fff; font-size: 18px; padding: 10px 0; } .mobile-row-content a:hover { text-decoration: none; } .invoice-mobile-tools .comment { float: left; width: 100%; height: 48px; background: #414042; font-weight: 300; } .invoice-mobile-tools .pay-online { float: left; width: 100%; height: 48px; background: #428d10; font-weight: 300; } .invoice-online-wrapper .breadcrumb { padding: 2px 15px 2px 5px; } label.required:after { content: ' *'; color: #4981ff; } .inv-grid-filter { float: left; margin: 0px 5px 0 5px; } .left .inv-grid-filter { margin-right: 0; } .inv-grid-filter .btn { padding: 10px 16px; background: #fff; border-color: #dadae4; color: #555; } .invoice-upper-note { margin: 10px 0 0 0; width: 100%; float: left; } .invoice-upper-note input.note { width: 100%; height: 100%; float: left; border: 1px solid #dadae4; padding: 8px; color: #aaa; } .invoice-upper-note textarea { width: 100% !important; padding: 7px; border: 1px solid #dadae4; } .invoice-upper-note input.note::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ccc; } .invoice-upper-note input.note::-moz-placeholder { /* Firefox 19+ */ color: #ccc; } .invoice-upper-note input.note:-ms-input-placeholder { /* IE 10+ */ color: #ccc; } .invoice-upper-note input.note:-moz-placeholder { /* Firefox 18- */ color: #ccc; } .invoice-upper-note .note:focus { border: 1px solid #4981ff; outline: 0; color: #000; } .payment-filter .badge { display: none; } /* CART */ .input-check { border: 1px solid #63c10f; background: url(../images/check_ok.png) no-repeat right center; } .input-wrong { border: 1px solid #ed1f24; background: url(../images/check_wrong.png) no-repeat right center; } #ladesk { position: relative; z-index: 9999; } .error { color: #b94a48; } #invoice-search-form { width: 350px; display: inline-block; float: left; margin-left: -16px; } #invoice-search-form .input-group { width: 100%; } #invoice-search-form [name='search'] { height: 40px; border-color: #dadae4; width: 100%; box-shadow: none; font-size: 13px; border-radius: 3px; } #invoice-search-form [name='search']:focus { box-shadow: none; outline: 0; border: 1px solid #4981ff; } #invoice-search-form [name='search']:before { content: ''; display: block; background: url(/images/icn-plus-circle-btn.svg) no-repeat; background-size: 28px; width: 28px; height: 28px; float: left; } #invoice-search-form label { display: none; } #invoice-search-form .btn { padding: 8px 12px; background: #fff; border-color: #e7e7e7; color: #777; } .de .colon, .at .colon { display: none; } /* Invoice reminder */ .btn-reminder { color: #333333; background-color: #ffffff; border-color: #cccccc; } button .reminder-smile-image { width: 20px; } .icon.tools { background: url(../images/icons.png) 0 -442px no-repeat; } li:hover a i.tools, .sidebar-menu .active .tools { background: url(../images/icons.png) -31px -442px no-repeat; } /* Membership */ .pricing-table .reg-btn { color: #fff; font-size: 14px; font-weight: normal; display: block; cursor: pointer; } .pricing-table .reg-btn a:hover { text-decoration: none; } .pricing-table .green-btn { background: #1db8b3; } .pricing-table .reg-btn { margin: 10px auto; padding: 9px 10px; text-align: center; width: 160px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pricing-table { width: 100%; margin-top: 10px; margin-bottom: 15px; color: #1b1b1b; text-align: center; background: #fff; float: left; font-size: 14px; } .pricing-table th, .pricing-table td { padding: 8px 8px; } .pricing-table td { vertical-align: top; } .pricing-table tr:first-child td { vertical-align: top; border-color: #fff !important; } .pricing-table th { text-align: center; } .pricing-table td:first-child, .pricing-table th:first-child { text-align: left; } .pricing-table thead th { vertical-align: bottom; font-size: 20px; font-weight: bold; width: 20%; color: #000; background: #fff !important; } .numberstep { font-size: 16px; } .pricing-table th.miniS { background: #a7caed; } .pricing-table td img { width: auto; } #order-cart th.starter { background: #abd8f3; } .pricing-table th.miniM, #order-cart th.basic { background: #7cbce2; } .pricing-table th.miniL, #order-cart th.standard { background: #5dacdb; border-top-right-radius: 4px; border-top-left-radius: 4px; } .pricing-table th.miniXL, #order-cart th.premium { background: #2185c1; background: #fff; } .pricing-table .miniS { background: #d8e8f8; background: #fff; } #order-cart td.starter { background: #ddecf5; background: #fff; border-left: 1px solid #ececec; } .pricing-table .miniM, #order-cart td.basic { background: #bfdaea; background: #fff; } .pricing-table .miniL, #order-cart td.standard { background: #abd0e6; background: #fff; border-right: 1px solid #ececec; border-left: 1px solid #ececec; } .pricing-table .miniXL, #order-cart td.premium { background: #9ac9e5; background: #fff; } .pricing-table-header { padding: 20px 5px !important; font-size: 20px; } .grid-export { margin-top: -40px; } .grid-import { margin-top: -40px; margin-left: 74px; } .grid-export-list { padding: 5px 8px; font-size: 13px; } .btn-group .btn-group + .grid-export-btn, .btn-group .btn-group + .grid-export-btn:hover { margin-left: -1px; padding: 4px 8px; color: #428bca; } #container.sidebar-closed #main-content { margin-left: 0px; } #container.sidebar-closed #sidebar { margin-left: -240px; } #container.sidebar-closed #invoice-header { width: 100%; } .sidebar-menu { display: box; } #container.sidebar-closed #sidebar .sidebar-menu { display: none; } /** online invoice **/ .invoice-online-wrapper { max-width: 826px; margin: 0 auto; padding: 5px 5px 0 5px; } .invoice-online-wrapper .comment-wrapper { margin-bottom: 10px; text-align: left; float: left; width: 100%; } .invoice-online-wrapper .comment-wrapper span { color: #bbb; } .invoice-online-wrapper .comment-wrapper .comment-box { border: 1px solid #d9d9d9; padding: 10px 10px 3px 10px; background: #fff; float: left; width: 100%; } .invoice-online-wrapper .comment-wrapper .comment-box img { width: 26px; height: 26px; float: left; margin: 0 5px 0 0; } .invoice-online-wrapper .comment-wrapper .comment-box .name { color: #000; font-size: 13px; font-weight: 600; line-height: 1; } .invoice-online-wrapper .comment-wrapper .comment-box .time { color: #666; font-size: 10px; line-height: 1.5; } .invoice-online-wrapper .comment-wrapper .comment-box .text { margin-bottom: 5px; } .invoice-online-wrapper .breadcrumb { padding: 2px 15px 2px 5px; } .tools-online { max-width: 816px; margin: 0 auto; } .footer-online-invoice { width: 800px; margin: 0 auto; padding: 10px 0; color: #888; font-size: 11px; text-align: center; } .footer-online-invoice ul { list-style: none; padding: 10px 0; } .footer-online-invoice ul > li { margin: 0 12px 0 0; text-align: center; padding: 0 0 20px 0; width: 100%; } .footer-online-invoice ul > li > a { color: #888; } .share-icons { padding: 3px 5px; width: 170px; } .share-icons .fa { font-size: 32px; } .share-icons a { color: #4981ff; text-decoration: none; } .share-icons a:hover { opacity: 0.75; } .tooltip { z-index: 1040; position: fixed; } .cost-details { width: 35%; padding: 10px 10px 20px 15px; float: left; color: #666; background: #fff; } .input-s-100, .input-s-100 .input-group, .input-s-47 .input-group { width: 100%; } .input-s-88 { width: 88%; } .input-s-47 { width: 47.5%; } .input-s-35 { width: 35%; } .input-s-20 { width: 20%; } .input-s-10 { width: 10%; } .cost-details .details-box { margin: 0 4.5% 5px 0; } .cost-details .details-box:last-child { margin: 0 0 5px 0; } .cost-details .details-box span.payment { padding: 7px; width: 50%; float: left; margin: 28px 0 0 0; font-size: 13px; text-transform: lowercase; } .expensesInputs .details-box { margin: 0; } .expensesInputs .details-box:nth-child(odd) { padding: 0 5px 0 0; } .expensesInputs .details-box:nth-child(even) { padding: 0; } .drop-box { float: left; background: #fff; width: calc(100% - 15px); padding: 0; text-align: center; color: #bbb; margin: 0px 15px 0 0px; } .drop-box .drop-img { width: 120px; } .drop-box .input-file { width: 100%; } .drop-box .drop-header { padding: 5px 0 5px 0; font-size: 18px; } .drop-box .drop-upload { border: 2px dashed #4981ff; padding: 200px 0 208px 0; position: relative; overflow: hidden; border-radius: 4px; } .drop-box .drop-upload.dragging { border-color: #4981ff; } .drop-box .drop-upload div { padding-bottom: 5px; } .drop-box .drop-upload input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; cursor: pointer; } .drop-box .drop-attach { position: relative; width: 100%; min-height: 400px; } .drop-box .attachment-info { background-color: #eee; border-radius: 6px; color: #666; padding: 7px; margin: 10px auto; bottom: -7px; opacity: 0.3; transition: opacity 300ms; } .drop-box .attachment-info.unknown { bottom: auto; opacity: 0.9; } .drop-box .attachment-info:hover { opacity: 0.9; } .drop-box .attachment-info .name { color: #428bca; } .drop-box .attachment-info.unknown .name { float: left; } .drop-box .attachment-info .date { margin-left: 20px; } .drop-box .attachment-info.unknown .delete { float: right; } .drop-box .drop-attach img { max-width: 100%; max-height: 600px; } .drop-box .drop-attach .no-preview { padding-top: 50px; font-size: 40px; } #pdf-preview { width: 100%; border: 1px solid gray; } .drop-box .drop-actions { font-size: 0; } .drop-box .drop-actions.left { position: absolute; top: 5px; left: 5px; } .drop-box .drop-actions.right { position: absolute; top: 5px; right: 0; } .drop-box .drop-actions a { margin-right: 5px; opacity: 0.3; transition: opacity 300ms; } .drop-box .drop-actions a:last-child { margin-right: 5px; } .drop-box .drop-actions a:hover { opacity: 0.9; } .flash { position: relative; z-index: 1031; text-align: center; } .sign-box .socialfb { background: #3b5998 !important; border: 1px solid #354f86 !important; box-shadow: none; } .sign-box .sociallinkedin { background: #2c679a; border: 1px solid #265c8b; } .line-thru { display: block; font-size: 1em; margin-bottom: 1em; position: relative; text-align: center; width: 100%; z-index: 1; padding: 7px 0; } .line-thru:before { width: 50px; height: 10px; background-color: #fff; content: ''; margin: -5px 0 0 -25px; left: 50%; position: absolute; top: 50%; z-index: -1; } .line-thru:after { border-bottom: 1px solid #dfe0e6; content: ''; display: block; position: absolute; top: 49%; width: 100%; z-index: -2; } .glyphicon-refresh-animate { animation: spin 0.7s infinite linear; -webkit-animation: spin 0.7s infinite linear; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } #expense-grid { width: 100%; float: left; margin-bottom: 40px; } #expense-table { width: 20%; float: left; box-shadow: rgba(63, 63, 68, 0.05) 0 0 0 1px, rgba(63, 63, 68, 0.15) 0 1px 3px 0; } #expense-table thead > tr > th { font-size: 12px; background: #fff; padding: 15px 8px 15px 8px; border-bottom: 1px solid #e6e6e6; } #expense-form .btn.btn-default { display: none; } #expense-table > tbody > tr > td { background: #fff; } #expense-table .expense-switch { display: inline-block; font-size: 0; } #expense-table .expense-switch span { padding: 5px; background-color: #fbfbfb; height: 100%; width: 50%; font-size: 8px; cursor: pointer; } #expense-table .expense-switch span:hover { background-color: #efefef; } #expense-table .expense-switch span:first-child { border-right: 1px solid black; border-radius: 5px 0 0 5px; } #expense-table .expense-switch span:last-child { border-radius: 0 5px 5px 0; } #expense-form { width: 75%; width: calc(80% - 6px); float: right; background-color: #f5f5f5; border: 1px solid #e6e6e6; margin: 0 3px; padding: 5px 10px 10px 0; } #expense-form .btn-success { margin: 5px 0; } #expense-form .choose-expense { padding: 200px 10px; text-align: center; font-size: 45px; color: #ddd; } #expense-table .expense-preview { padding: 0; } #expense-table .expense-preview a { text-decoration: none; color: #333; } #expense-table tr.active a { background-color: #f5f5f5; display: inline-block; position: relative; border-bottom: 1px solid #e6e6e6; } #expense-table tr.active a:after { content: ''; display: block; width: 5px; height: 100%; position: absolute; left: 100%; top: 0; background-color: #f5f5f5; } .table3 tbody .paid { color: #38b55c; font-size: 15px; line-height: 1; font-weight: 700; } .table3 tbody .unpaid { color: #4981ff; font-size: 15px; line-height: 1; font-weight: 700; } .table3 tbody .overdue { color: #ff4981; font-size: 15px; line-height: 1; font-weight: 700; } .change-grid { margin: 0 12px 0 5px; padding: 13px 12px 12px; background: #fff; border-color: #dadae4; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } .change-grid .icn-table-rows, .change-grid .icn-table-detail { display: block; width: 23px; height: 13px; } .change-grid .icn-table-rows { background: url('/images/icn_table_rows.png') no-repeat; } .change-grid .icn-table-detail { background: url('/images/icn_table_detail.png') no-repeat; } #invoicing-details { clear: both; width: 100%; } #invoicing-details input[type='radio'] { opacity: 1; } #order-cart .subs-time.period { padding: 10px 0 0; } #order-cart .subs-time.period > .input-group { width: 100%; } .selectpicker2 { width: 100%; padding: 6px 12px; } #order-cart table .gostep { display: block; width: 100%; height: 100%; } #order-cart input[type='radio'] { position: initial; width: auto; height: auto; vertical-align: middle; margin: 3px; } #order-cart label { font-weight: normal; margin: 0; } #order-cart table { margin: 0; } .limit-modal > .modal-dialog { width: 400px; } .limit-modal .btn:last-child { margin-bottom: 0; } .chosen-container-single .chosen-single { height: 40px; border-radius: 3px; border: 1px solid #dadae4; font-size: 13px; background: #fff; padding: 0; } .chosen-container-single.chosen-container-active .chosen-single { background: #fff; border-color: #4981ff; } .chosen-container-single.chosen-container-active .chosen-drop { border-color: #4981ff; } .chosen-container-single .chosen-single span { padding: 7px 16px 0 16px; } .chosen-container-single .chosen-single div b { margin-top: 7px; } .chosen-container .chosen-results li.highlighted { background: #ececec; color: #000; } #cancelSubscriptionTooltip, .input-label .glyphicon-pencil, .input-label .glyphicon-question-sign, .track-stock-group .glyphicon-question-sign, .glyphicon-question-sign.grey-glyphicon { margin-left: 4px; cursor: pointer; color: #d0d0d0; } .editable-label { display: inline-block; width: 50%; height: 20px; padding: 0; border-bottom: none; vertical-align: top; } .editable-button { padding: 0 5px; border-width: 1px; vertical-align: top; } .confirmed { color: #38b55c; } .get-discount { text-align: center; margin: 20px 0; color: #666; } .get-discount h1 { color: #dd2323; font-size: 70px; font-weight: normal; line-height: 1; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .get-discount p { font-size: 18px; padding: 15px; margin: 0px; } .get-discount .time { margin-top: 20px; } .discount-bar { } .discount-bar .discount-top { margin: 0 auto; width: 400px; } .discount-top .time-remaining { font-weight: bold; color: #fff; padding: 7px 10px 0 0; font-size: 14px; float: left; } .red-price { color: #dd2323; } .strikethrough { text-decoration: line-through; } .attachment-wrapper table tfoot tr td { background: #fbfbfb; } .form-signin .input-group { margin-bottom: 15px; } .grid-sum { width: 100%; float: right; margin-top: -46px; text-align: center; background: #efeeee; border-top: 1px solid #dad9d9; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .grid-sum-data { display: flex; justify-content: center; align-items: center; gap: 25px; padding: 14px 12px 15px 12px; font-size: 12px; background: #eeeeee; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; color: #888; text-transform: uppercase; font-weight: bold; } .grid-sum-data strong { color: #000; } #grid-paginator { width: max-content; position: absolute; top: 55px; left: 50%; transform: translateX(-50%); box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; padding: 7px 0 !important; } .invoice-history-wrapper { margin: 0 0 40px 0; padding: 20px 0 0 20px; width: 80%; min-width: 800px; float: left; } .invoice-history-header { font-size: 16px; padding-bottom: 20px; text-transform: uppercase; font-weight: 500; } .invoice-history-event { position: relative; padding: 0px 15px 20px 15px; margin-left: -15px; float: left; } .invoice-history-event { line-height: 2; width: 100%; } .invoice-history-event-icon { position: relative; vertical-align: top; line-height: 20px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 30px; height: 30px; background-size: cover; margin: 0 10px; z-index: 10; } .invoice-history-event-time { float: left; line-height: 30px; width: 135px; display: inline-block; color: #313140; overflow: hidden; white-space: nowrap; } .invoice-history-event-text { float: left; width: 70%; display: inline-block; color: #313140; overflow: hidden; padding: 3px 0 0 0; } .invoice-history-event-text .invoice-rating { box-shadow: none; } .invoice-history-event + .invoice-history-event .invoice-history-event-icon:after { content: ''; position: absolute; bottom: 25px; left: 175px; margin-left: -1px; width: 2px; height: 20px; background: #d9d9d9; } .invoice-history-event::after { content: ''; position: absolute; top: 0; bottom: 0; left: 175px; border-left: 2px solid #d9d9d9; transform: translate(-50%); } .invoice-history-event:last-child { padding-bottom: 0; } .invoice-history-event .reminder { background-position: 0 0; } .invoice-history-event .document-became-overdue { background-image: url(../images/doc-overdue.svg); } .invoice-history-event .online-invoice-opened { background-image: url(../images/doc-viewed.svg); } .invoice-history-event .invoice-payment-added, .invoice-history-event .online-document-payment-confirmed { background-image: url(../images/doc-payment-added.svg); } .invoice-history-event .invoice-payment-removed { background-image: url(../images/doc-payment-removed.svg); } .invoice-history-event .bspage-estimate-accepted { background-image: url(../images/doc-accepted.svg); } .invoice-history-event .invoice-sent, .invoice-history-event .online-invoice-sent-from-mobile, .invoice-history-event .thanks-message-sent, .invoice-history-event .thanks-message-sent-automatically, .invoice-history-event .thanks-message-sent-from-mobile { background-image: url(../images/doc-sent.svg); } .invoice-history-event .invoice-updated { background-image: url(../images/doc-updated.svg); } .invoice-history-event .invoice-created, .invoice-history-event .createdwithlink { background-image: url(../images/doc-created.svg); } .invoice-history-event .document-created-from-master, .invoice-history-event .invoice-exported { background-image: url(../images/doc-parent.svg); } .invoice-history-event .order-status-changed { background-image: url(../images/doc-status.svg); } .invoice-history-event .supplier-rating-added { background-image: url(../images/doc-star.svg); } .invoice-history-event .estimate-request-converted { background-image: url(../images/estimate-request-converted.svg); } .invoice-history-event .green { color: #1db8b3; font-weight: bold; } .invoice-history-event .yellow { color: #f4bc03; font-weight: bold; } .template-selector { float: left; width: 167px; height: 236px; margin: 10px 10px 15px 0; display: none; } .template-selector.selected { display: block; } .template-selector.selected span.title { color: #4981ff; font-weight: bold; } .template-selector-option { cursor: pointer; border: 1px solid #dadae4; width: 100%; height: 100%; } .template-selector.selected .template-selector-option { border: 2px solid #4981ff; } .template-selector:last-child { margin-right: 0; } .template-selector-option .invoice-page { float: none; transform: scale(0.2); transform-origin: 0% 0%; width: 816px; height: 1160px; min-height: 1016px; margin: 0px; } .attached-files { list-style: none; padding-left: 0; margin: 5px 0 0 0; } .attached-files .file-name { color: #5686cd; } .attached-files .delete { cursor: pointer; font-weight: bold; font-size: 14px; } .size-100 { width: 100%; } .size-35 { width: 35%; } .size-10 { width: 10%; } .size-20 { width: 20%; } .size-90 { width: 90%; } .size-85 { width: 85%; } .size-47 { width: 47%; } .size-50 { width: 50%; } .cost-details .size-90 { margin-right: 0px; } .cost-details .input-group { width: 100%; } .datagrid { background-color: #fff; } #checkout .modal-body, #checkout .modal-footer { background: #fff; } .modal-content { background: #f9f9f9; } .modal-header { border-bottom: 1px solid #cecece; background: #fff; } .spinner.black { margin-left: -25px; } /**** Stripe payments ****/ .stripe-cards { height: 23px; margin: 0; } .stripe-note { width: 245px; float: left; } .connect-button { margin-left: 10px; } /** Other **/ .col-per-page select { max-width: 60px; } #ui-datepicker-div { z-index: 2002 !important; margin-top: 5px; padding: 10px !important; border-radius: 4px !important; } #stats-filter-datepickers #ui-datepicker-div { left: 1px !important; top: unset !important; } .col-items { display: none; } .modal-footer .btn-group .btn + .btn { margin-left: 5px; } #clientModal .details-row .details-row { display: none; } #clientModal ul li:last-child { display: none; } @media (max-width: 768px) { .invoice-rating { padding: 10px; } .invoice-rating .label-control { width: calc(100% - 168px); padding-right: 6px; } .invoice-rating #starcontrol { width: 168px; } .invoice-rating .secondary-label { font-size: 12px; white-space: normal; } .invoice-rating .star { margin-right: 5px; } label.dv-star-rating-star { margin-bottom: 0; margin-left: 4px; } .footer { height: 130px; } } .react-select-control .Select-control, .Select .Select-control { border-radius: 3px !important; } .Select--single > .Select-control .Select-value, .Select-placeholder { line-height: 40px !important; } .Select-arrow { border-width: 4px 4px 0px; } .Select.is-open > .Select-control { border-color: #4981ff !important; } .Select-menu-outer { border-bottom-color: #4981ff !important; border-left-color: #4981ff !important; border-right-color: #4981ff !important; box-shadow: none; } .Select.is-open > .Select-control .Select-arrow { top: -2px; border-color: transparent transparent #999; border-width: 0 4px 4px; } .center-b-r { width: 816px; float: left; margin: 0 0 10px 5px; } .center-b-r ol.breadcrumb { padding: 10px 12px 8px 8px; margin: 0; } #statement-generator .invoice-details { margin: 0 0 10px 5px; width: 816px; } #statement-generator .modal-body .invoice-details { width: 100%; } .note-h135 { height: 135px !important; } .input-group .react-datepicker__input-container input { display: block; width: 100%; height: 40px; padding: 10px 16px; font-size: 12px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #dadae4; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .input-group .form-control:last-child:not(.form-control-search), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-radius: 3px !important; } /**** Invoice form - item list dropdown ****/ .ui-menu { padding: 0px !important; box-shadow: none !important; } .ui-menu .ui-menu-item { border-bottom: 1px solid #e7e7e7; } .ui-menu-item-wrapper { padding: 8px !important; } .ui-menu-item-wrapper.ui-state-active { border: none !important; box-shadow: none !important; cursor: pointer; } .ui-menu-item-wrapper.ui-state-active:hover { background: #edf5ff !important; } .Select-input { height: 32px !important; } .Select-control { height: 40px !important; border-color: #dadae4 !important; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); font-size: 13px; } .products-row .Select-control { border-radius: 0 !important; box-shadow: none; } .Select-menu-outer { margin-top: 6px; } .invite-page-wrapper { margin: 0 auto; max-width: 800px; text-align: center; } .invite-page-wrapper .invite-claim-wrapper { width: 100%; margin: 0; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); border-radius: 10px; } .invite-page-wrapper .logo { width: 100%; text-align: center; padding: 50px 0 15px 0; } .invite-header { width: 100%; height: 134px; background-image: url(../images/invite-code-header-bg.png); background-color: #0a86cf; border-top-right-radius: 10px; border-top-left-radius: 10px; display: flex; justify-content: center; align-items: center; } .invite-header-shadow { height: 134px; background: #000; margin-top: -134px; opacity: 0.2; position: relative; border-top-right-radius: 10px; border-top-left-radius: 10px; } .invite-header span { color: #fff; display: block; font-size: 30px; text-align: center; text-shadow: 0px 1px #105490; z-index: 1000; } .invite-body { text-align: center; margin-bottom: 7px; } .invite-body p.invite-claim { padding: 50px 50px 20px 50px; font-size: 24px; } .invite-body .code-label { color: #b4b4b4; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; } .invite-body .code { margin: 0 auto 30px auto; width: 208px; height: 78px; background-size: cover; } .invite-body .code span { font-size: 30px; font-weight: 500; display: block; color: #2db367; text-decoration: underline; } .invite-body ul.invite-btn-group { list-style: none; display: flex; margin-top: 5px; padding: 0 30px; } .invite-body ul.invite-btn-group li { float: left; display: block; width: 230px; margin-bottom: 10px; flex-grow: 1; } .invite-body ul.invite-btn-group li img { width: 230px; } .invite-body ul.invite-btn-group li .online-btn { background: #23c368; width: 230px; height: 65px; display: block; border-radius: 10px; padding: 20px 10px; font-size: 18px; color: #fff; margin: 0 auto; } .invite-body ul.invite-btn-group li a:hover { text-decoration: none; } .invite-body .note-bottom { border-top: 1px solid #d3d3d3; padding: 15px; background: #fdfcfc; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; line-height: 1.8; } .invite-body .gap { padding: 0 10px; } @media (min-width: 800px) { .web-v, .invite-header-shadow { display: none !important; } } @media (max-width: 800px) { .invite-page-wrapper .logo { display: none !important; } .invite-header, .invite-page-wrapper .invite-claim-wrapper { border-radius: 0; } .mobile-v { display: none !important; } .invite-body ul.invite-btn-group { display: block; } .invite-body ul.invite-btn-group li { width: 100%; float: none; } .note-bottom span { width: 100%; display: block; } .note-bottom .gap { padding-top: 5px; } .invite-header span { font-size: 24px; } .invite-body p { font-size: 22px; } } .lh-15 { line-height: 1.5; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-radius: 3px; } .btn-group.online .first { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-right: -1px; } .btn-group.online .btn.btn-default.m-right.text { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .input-group.url-name-input-group .form-control:last-child:not(.form-control-search) { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border-left: 0 !important; } @media only screen and (max-width: 1600px) { .languageSwitcher { left: 0 !important; transform: translateX(-100%); } } /*! * Bootstrap-select v1.13.12 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2019 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .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 .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .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,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\A0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 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} /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-size: 9pt; } .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 { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../images/ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../images/ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; 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 #cd0a0a; background: #fef1ec url(../images/ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(../images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; overflow: auto; max-height: 200px; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; font-size: 13px; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border: 1px solid #c1c1c1; } .ui-menu, .ui-menu .ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .ui-menu .ui-state-hover { background-image: none; background-color: #bee0ff; border: 0px; margin: 0px !important; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; border: 0px; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .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; }/* * jQuery UI Tabs 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /*! * Bootstrap Colorpicker v2.3.6 * https://itsjavi.com/bootstrap-colorpicker/ * * Originally written by (c) 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0.txt * */.colorpicker-saturation{width:100px;height:100px;background-image:url(../img/bootstrap-colorpicker/saturation.png);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue.png)}.colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha.png);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(../img/bootstrap-colorpicker/alpha.png);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue-horizontal.png)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha-horizontal.png)}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0} .input-label label { font-weight: normal !important; margin: 0 !important; } .ui-datepicker { width: 15em !important; } div.invoice-products div.products-row .bootstrap-select { float: left !important; margin-left: 5px; margin-bottom: 0 !important; } span.trash { cursor: pointer !important; } .products-row { margin-bottom: 8px; } .hidden { display: none; } .products-row { float: left; } .addItemBtn { width: 140px; } .cleaner { clear: both; } .invoice-summary { float: right !important; } .invoice-note { float: left; } #editInvoice .modal-body, #dialog-confirm .modal-body { padding: 20px; font-size: 14px; } .payment-filter { margin-bottom: 3px; } .invoice-details .icn-trash { margin: 10px 0 0 -5px; cursor: pointer; } .main-count { width: 100% !important; } #contact .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*='span'] { margin-bottom: 0 !important; } table.subs-table th { width: 25%; } table.subs-table th a { cursor: pointer; } .subs-table .numberstep { border: 0 none; font-size: 40px; font-weight: 100; line-height: 1; padding: 40px 0 17px; } .subs-table .bootstrap-select { margin-bottom: 0 !important; } #ladesk div { -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box !important; /* Firefox, other Gecko */ box-sizing: content-box !important; } table.table .header th a { color: #888888; } button.selectpicker:focus, button.selectpicker:hover, button.selectpicker:active { background-color: white; border: 1px solid #38b4e7; outline: 0 none; box-shadow: 0 1px 4px 0 #cacfd1 inset; } div.open button.dropdown-toggle.selectpicker { background-color: white !important; border: 1px solid #38b4e7 !important; outline: 0 none; box-shadow: 0 1px 4px 0 #cacfd1 inset; } .invoice-products .size-d { width: 375px; float: left; margin-left: 5px; } .bootstrap-select:not([class*='span']):not([class*='col-']):not([class*='form-control']) { width: 100% !important; } .dropdown-menu { font-size: 12px !important; } button.selectpicker { font-size: 12px !important; height: 34px; } .form-signin .bootstrap-select { margin: 0 !important; } .sign-box input[type='password'], .sign-box input[type='text'], .sign-box input[type='email'] { font-size: 15px; padding: 0 10px !important; height: 43px; } th.options p { margin: 0 !important; } .invoice-details .details-box span.payment { text-transform: none !important; } .invoice-details .details-box span.email { text-transform: none !important; } .invoice-details .icn-trash { text-decoration: none !important; } .add-product { padding: 0 0 0 5px !important; } .invoice-products { padding: 10px 0 0 0 !important; } button { outline: none !important; } .dropdown-menu > li > a { outline: none !important; } /**Datepicker**/ .ui-datepicker { padding: 0 !important; display: none; } .ui-datepicker table { margin: 0 !important; } .ui-widget-header { background: #fff !important; color: #000 !important; font-weight: 200 !important; border: 0px !important; } .ui-datepicker th { font-weight: 400 !important; color: #888; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px !important; -khtml-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -khtml-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px !important; -webkit-border-top-right-radius: 0px !important; -khtml-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px !important; -webkit-border-top-left-radius: 0px !important; -khtml-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; } .ui-widget-content { background: #ffffff !important; color: #222222 !important; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; margin-top: -3px; border: 1px solid #4981ff; } .products-row .ui-widget-content { border-left: 1px solid #4981ff; border-right: 1px solid #4981ff; border-bottom: 1px solid #4981ff; border-top: none; } .ui-widget-header .ui-icon { outline: none !important; } .ui-datepicker th { padding: 2px 0 !important; text-align: center !important; border: 0 !important; font-weight: 400 !important; color: #888; } .ui-datepicker .ui-datepicker-title { font-weight: bold; color: black; padding-top: 2px; } .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #fff !important; } .ui-datepicker td { border: 0 !important; padding: 0px !important; border-style: solid !important; border-color: #f0f0f0 !important; } .ui-datepicker td a { padding: 0.3em; font-size: 11px; text-align: center; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px !important; background: #fff !important; font-weight: normal !important; line-height: 1.3 !important; color: #555555 !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #cccccc !important; font-weight: normal !important; color: #fff !important; border: 1px solid #ccc !important; border-radius: 15px; } .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #4981ff !important; font-weight: normal !important; color: #fff !important; border: 1px solid #4981ff !important; border-radius: 15px; } .ui-widget-content .ui-menu-item .ui-state-active { background: #edf5ff !important; border-radius: 0; border: 0 !important; color: #000 !important; } .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0px !important; cursor: pointer; background: #fff !important; font-weight: normal !important; color: #b3b3b3 !important; } .from-filter { padding: 1px 8px 2px 8px; width: 182px; line-height: 24px; box-sizing: border-box; } .from-filter .inputs { text-align: center; } .from-filter .form-control { width: 80px; display: inline-block; height: 24px; margin-bottom: 5px; padding: 2px; } .from-filter .btn { padding: 1px 10px; } .dropdown-filter .dropdown-menu > li > a { padding-left: 8px; } .ui-front { z-index: 10000; } html, body { height: 100%; margin: 0; padding: 0; letter-spacing: normal; height: auto; } .main-invoice { width: 100%; } .invoice-wrapper { width: 816px; margin: 0 auto; } #invoice-body { height: 100%; } #invoice-body * { box-sizing: border-box; } .invoice-page { position: relative; float: left; /*min-height: 1276px;*/ background: #fff; text-align: left; padding: 30px 30px 0 30px; font-family: /*'Helvetica Neue'*/ Arial; page-break-after: always; margin: 0; width: 100%; } #invoice-body.web .invoice-page { margin: 5px; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); width: 816px; min-height: 1155px; } .template-basic .parent-document-link { text-align: right; } .template-basic .inv-footer, .template-one .inv-footer { left: 30px; right: 30px; } .template-two .inv-footer, .template-three .inv-footer, .template-five .inv-footer { left: 60px; right: 60px; } .template-four .inv-footer { width: 100%; } .top-40 { height: 40px; } .w-100 { width: 100%; } .invoice-page-header .logo-and-number { position: relative; float: left; width: 100%; margin: 0 0 15px 0; min-height: 90px; } .invoice-page-header .left-side { float: left; margin: 0 0 0 7px; width: 270px; } .invoice-page-header .right-side { float: right; margin: 0 7px 0 0; } .invoice-page-header .supplier-logo { float: left; width: 300px; min-height: 20px; } .invoice-page-header .supplier-logo img { max-width: 300px; max-height: 200px; vertical-align: middle; } .invoice-page-header .supplier-data { margin: 2px 0 0 8px; float: left; min-width: 270px; } .invoice-page-header .invoice-number { float: right; } .invoice-page-header .logo-and-number .supplier-data-row { width: 60%; position: absolute; bottom: 0px; padding: 0 0 0 8px; color: #777; } .supplier-data-row .no-wrap { white-space: normal; width: 100%; } .invoice-page-header .invoice-number span.invoice { color: #444; font-size: 25px; font-weight: 200; min-height: 20px; } .invoice-page-header .invoice-number span.page { color: #444; float: right; } .invoice-page-header .client { float: left; width: 100%; } .invoice-page-header .client table { width: 100%; } .invoice-page-header .title { line-height: 1.5; font-weight: bold; } .invoice-page-header td.inv-label { vertical-align: top; min-width: 90px; } .invoice-page-header td.inv-label-b { width: 160px; } .invoice-page-header td.inv-label-c { width: 100px; } .invoice-page-header td.right { text-align: right; } .invoice-page-header td.left { text-align: left; } .invoice-page-header td.bold { font-weight: bold; } .invoice-page-header .details { float: left; margin: 20px 0 0 0; } .invoice-page-header .numbering-de { float: right; margin: 3px 0 0 0; } .inv-summary { float: left; width: 100%; height: 60px; margin: 10px 0 0 0; border-spacing: 0px; } .inv-summary tr td { padding: 12px 10px; color: #fff !important; } .inv-summary tr td .sum-label { font-weight: 200; line-height: 1.2; } .inv-summary tr td .sum-amt { font-size: 20px; font-weight: 200; } .inv-summary tr td.color { border-right: 1px solid #fff; } .inv-summary tr td.number { width: 38%; } .inv-summary tr td.symbol { width: 19%; } .inv-summary tr td.date { width: 18%; } .inv-summary tr td.dark { background: #3a3a3a; width: 25%; } .inv-intro-text, .inv-note { float: left; width: 100%; padding: 10px 5px; text-align: left; font-style: italic; } .inv-note { float: none; } .pre-line { white-space: pre-line; } .inv-items { width: 100%; border-spacing: 0px; border-color: #000; } .inv-items .tfoot i { font-weight: normal; text-transform: lowercase; } .inv-bysquare { position: relative; float: left; margin: 0 0 10px 0; } .inv-bysquare .pay-by-square { width: 130px; height: 130px; float: left; background: url(../images/bysquare_border.svg) no-repeat; background-size: 93%; } .inv-bysquare img { width: 105px; height: 105px; background: #ccc; margin: 3px; } .inv-bysquare .invoice-by-square { width: 130px; height: 130px; float: left; background: url(../images/bysquare_border.svg) 1px -256px no-repeat; background-size: 92%; } .inv-signature { position: relative; float: right; max-height: 200px; margin: 0 0 10px 0; width: 100%; } .inv-signature span { font-weight: 600; } .inv-signature .client-signature span.colon, .inv-signature .supplier-signature span.colon { width: auto; } .inv-signature .client-signature span { width: 100%; text-align: left; } .inv-signature .supplier-signature span { width: 100%; text-align: right; float: right; } .inv-signature img { float: right; max-width: 400px; max-height: 180px; } .inv-signature .client-signature { width: 340px; float: left; margin-left: 6px; } .inv-signature .supplier-signature { width: 340px; float: right; margin-right: 6px; } .inv-signature .client-signature img { position: relative; text-align: left; float: left; z-index: 1; } .inv-signature .supplier-signature img { position: relative; float: right; } .blank-f { width: 100%; height: 120px; float: left; } table.inv-items .align-right, table.inv-contact .align-right { text-align: right; } .inv-items thead { font-weight: 500; } .inv-items thead th { border-bottom: 2px solid #3a3a3a; } .inv-items tbody tr td { border-bottom: 1px solid #b5b5b5; } .inv-items tbody tr:last-child td { border-bottom: 2px solid #3a3a3a; } .inv-items > thead > tr > th, .inv-items > tbody > tr > th, .inv-items > .tfoot > tr > th, .inv-items > thead > tr > td, .inv-items > tbody > tr > td { padding: 9px 5px; line-height: 1.428571429; vertical-align: top; } /** .inv-items .product-name { width:50%; }**/ .inv-items .product-number { width: 10%; } .inv-items .invoice-number { width: 10%; } .inv-items .tfoot { padding: 5px 0; } .inv-items > .tfoot > tr > td { padding: 5px 5px; } .inv-items td.strong { font-size: 15px; font-weight: bold; line-height: 1; color: #333; } .inv-items td.no-tax { padding: 9px 5px; } .inv-footer { position: absolute; bottom: 10px; min-height: 102px; } .inv-footer .inv-contact { position: relative; z-index: 2; float: left; width: 100%; border-bottom: 1px solid #000; } .inv-footer .inv-contact td { width: 25%; text-align: center; } .inv-footer .inv-contact td:first-child { text-align: left; } .inv-footer .inv-contact td:last-child { text-align: right; } .inv-footer .inv-contact .align-center { text-align: center; } .inv-footer .inv-supplier { position: relative; z-index: 2; width: 100%; float: left; padding: 4px 0 0 0; text-align: center; line-height: 1.2; } .inv-footer .inv-supplier ul { list-style: none; float: left; text-align: left; -webkit-padding-start: 0px; padding: 0px; display: block; } ul.address { list-style: none; margin: 0px; padding: 0px; } ul.address.oneline li { float: left; } .inv-footer .inv-supplier ul.address { max-width: 210px; font-size: 11px; } .inv-footer .inv-supplier ul.id-data { margin: 0 0 0 20px; font-size: 11px; max-width: 265px; } .inv-footer .inv-supplier ul li { line-height: 1.5; } .inv-footer .inv-supplier ul.banks { float: right; max-width: 325px; margin: 0px; font-size: 11px; } .list-btn { border-radius: 4px; background: #193169; color: #fff; font-size: 13px; float: left; padding: 2px 5px 0 5px; border-radius: 4px; } .list-btn-wrapper { width: 50px; } /**PPD**/ #ppd-page { min-height: 388px; } .ppd-page-header .logo-and-number { float: left; width: 100%; } .ppd-page-header table { font-size: 14px; } .ppd-page-header .left-side { float: left; margin: 0 0 0 7px; } .ppd-page-header .right-side { width: 50%; min-width: 249px; float: right; margin: 0 7px 0 0; } .ppd-page-header .right-side .sign-lable { width: 100%; padding: 5px 5px 0 0; text-align: right; float: left; } .ppd-page-header .company-logo { float: left; width: 180px; min-height: 20px; } .ppd-page-header .company-logo-right { float: right; width: 180px; min-height: 20px; text-align: right; } .ppd-page-header .company-logo img { max-width: 180px; } .ppd-page-header .company-no-logo { margin: 8px 0 0 0; float: left; } .ppd-page-header .company-no-logo span { font-size: 15px; } .ppd-page-header .invoice-number { float: left; } .ppd-page-header .invoice-number span { color: #444; font-size: 18px; font-weight: 200; min-height: 20px; } .ppd-summary { height: 30px; margin: 10px 0 5px 0; } .ppd-summary tr td { padding: 4px 10px; } .ppd-summary tr td .sum-label { font-size: 11px; font-weight: 200; line-height: 1.6; letter-spacing: 1.5px; } .ppd-summary tr td .sum-amt { font-size: 17px; font-weight: 200; line-height: 0.1; } .ppd-page-header .left-side { float: left; margin: 5px 0 0 7px; } .ppd-page-header .left-side td { line-height: 1.1; } .ppd-page-header .client { float: left; width: 100%; } .ppd-page-header .title { color: #989898; } .ppd-page-header .client .company-name { font-size: 23px; font-weight: 200; } .ppd-page-header .client .company-adress { font-weight: 200; } .ppd-items > .tfoot > tr > td { padding: 3px 5px; color: #989898; } .ppd-items td.strong { font-weight: 600; line-height: 1; color: #333; } .ppd-items > tbody > tr > td { padding: 5px 5px; line-height: 1.428571429; vertical-align: top; } .invoice-page-header .logo-and-number .doc-name { font-size: 25px; padding: 0 0 0 8px; } .tfoot.discount .total td, .tfoot.vat-payer .total td { border-top: none; } #invoice-body.web .inv-summary tr td .sum-amt { font-size: 19px; } .inv-items .tfoot tr td { border-bottom: none; } .inv-items .tfoot { border-bottom: none; font-size: 14px; } .inv-items .tfoot tr:last-child td { border-bottom: none; } /**PPD**/ .ppd-page { float: left; width: 100%; min-height: 388px; background: #fff; margin: 3px 0 15px 0px; padding: 15px 30px 10px 30px; } .ppd-page-header .logo-and-number { float: left; width: 100%; margin: 0 0 0 0; } .ppd-page-header table { font-size: 14px; } .ppd-page-header .left-side { float: left; margin: 0 0 0 7px; } .ppd-page-header .right-side { width: 50%; min-width: 249px; float: right; margin: 0 7px 0 0; } .ppd-page-header .right-side .sign-lable { width: 100%; padding: 5px 5px 0 0; text-align: right; float: left; } .ppd-page-header .company-logo { float: left; width: 180px; min-height: 20px; } .ppd-page-header .company-logo-right { float: right; width: 180px; min-height: 20px; text-align: right; } .ppd-page-header .company-logo img { max-width: 180px; } .ppd-page-header .company-no-logo { margin: 8px 0 0 0; float: left; } .ppd-page-header .company-no-logo span { font-size: 15px; } .ppd-page-header .invoice-number { float: left; } .ppd-page-header .invoice-number span { color: #444; font-size: 18px; font-weight: 200; min-height: 20px; } .ppd-summary { height: 30px; margin: 10px 0 5px 0; } .ppd-summary tr td { padding: 4px 10px; } .ppd-summary tr td .sum-label { font-size: 11px; font-weight: 200; line-height: 1.5; } .ppd-summary tr td .sum-amt { font-size: 17px; font-weight: 200; line-height: 1.5; } .ppd-page-header .left-side { float: left; margin: 5px 0 0 7px; } .ppd-page-header .left-side td { line-height: 1.1; } .ppd-page-header .client { float: left; width: 100%; } .ppd-page-header .title { color: #989898; } .ppd-page-header .client .company-name { font-size: 23px; font-weight: 200; } .ppd-page-header .client .company-adress { font-weight: 200; } .ppd-items > tfoot > tr > td { padding: 3px 5px; color: #989898; } .ppd-items td.strong { font-weight: 600; line-height: 1; color: #333; } .ppd-items > tbody > tr > td { padding: 5px 5px; line-height: 1.428571429; vertical-align: top; } .ppd-page-header .inv-signature { width: 300px; margin: 0px; } .ppd-footer ul { width: 100%; border-top: 1px solid #000; float: left; list-style: none; margin: 0 0 0 0; padding: 5px 0 0 0; font-size: 11px; letter-spacing: 1.3px; } .de .colon, .at .colon { display: none; } /******** NEW CSS ********/ .details-horizontal { max-width: 410px; } .details-horizontal table { table-layout: fixed; } .details-horizontal table tbody { padding-bottom: 20px; } .details-horizontal thead strong { text-transform: uppercase; } .details-horizontal td { padding-left: 20px; } .inv-items-wrapper { padding: 0; } .img-responsive { max-height: 100%; } .helper { display: inline-block; min-height: 146px; vertical-align: middle; } .hide { display: none; } .no-wrap { display: inline-block; white-space: nowrap; padding-right: 10px; } /***** Statement *****/ .template-basic.statement .summary-total-due, .template-one.statement .summary-total-due, .template-three.statement .summary-total-due, .template-five.statement .summary-total-due { display: table-row; background: #fff !important; } .template-basic.statement .summary-total-due td, .template-one.statement .summary-total-due td, .template-three.statement .summary-total-due td, .template-five.statement .summary-total-due td { background: #fff !important; } /***** Basic template *****/ .template-basic .supplier-name-big, .template-basic .supplier-data-all, .template-basic .supplier-contact, .template-basic .supplier-data-vertical, .template-basic .supplier-data-row, .template-basic .doc-name, .template-basic .details-horizontal, .template-basic .invoice-details-row, .template-basic .supplier-client-horizontal, .template-basic .summary-total-due, .template-basic .inv-payment-label, .template-basic .inv-supplier-payment-data, .template-basic .details-display, .template-basic .helper { display: none; } .invoice-page.template-basic { padding: 30px 30px 0 30px; } .template-basic .logo-and-number { background-color: #fff !important; } .template-basic .client-signature, .template-basic .supplier-signature { width: 372px; } /***** First template *****/ .invoice-page.template-one .supplier-logo, .invoice-page.template-one .supplier-logo img { float: right; } .invoice-page.template-one { padding: 30px 30px 0 30px; } .inv-container.template-one .logo-and-number { min-height: 90px; } .template-one .supplier-data, .template-one .invoice-number, .template-one .supplier-name-big, .template-one .supplier-data-all, .template-one .supplier-contact, .template-one .supplier-data-vertical, .template-one .details-horizontal, .template-one .invoice-details-row, .template-one .supplier-client-horizontal, .template-one .summary-total-due, .template-one .inv-payment-label, .template-one .inv-supplier-payment-data, .template-one .helper { display: none; } .template-one .logo-and-number { background-color: #fff !important; } .template-one .client-signature, .template-one .supplier-signature { width: 372px; } /***** Second template *****/ .invoice-page.template-two { padding: 60px 60px 0 60px; } .template-two .invoice-page-header .doc-name { text-transform: uppercase; letter-spacing: 2px; } .invoice-page.template-two .supplier-logo, .invoice-page.template-two .supplier-logo img { float: right; } .invoice-page.template-two .logo-and-number { min-height: 125px; } .template-two .inv-footer { min-height: 82px; } .template-two .supplier-data, .template-two .invoice-number, .template-two .supplier-name-big, .template-two .supplier-data-all, .template-two .supplier-contact, .template-two .supplier-data-vertical, .template-two .details-horizontal, .template-two .invoice-details-row, .template-two .supplier-client-horizontal, .template-two .inv-payment-label, .template-two .inv-summary, .template-two .inv-supplier, .template-two .inv-contact, .template-two .details-hide-show, .template-two .helper { display: none; } .template-two .inv-items { border: 1px solid #d5d5d5; border-bottom: none; } .template-two .inv-items thead th { background: #f3f3f3; text-transform: uppercase; border-bottom: 1px solid #d5d5d5; padding-bottom: 12px; padding-top: 12px; } .template-two .inv-items tbody tr:last-child td { border-bottom: 1px solid #d5d5d5; } .template-two .inv-items tbody td:first-child, .template-two .inv-items thead th:first-child { padding-left: 15px; } .template-two .inv-items tbody td:last-child, .template-two .inv-items thead th:last-child { padding-right: 15px; } .inv-items tbody tr td { border-color: #d5d5d5; } .template-two .inv-items.summary { width: 52%; float: right; margin-top: 10px; border-collapse: collapse; } .template-two .inv-items.summary td { padding: 10px 0; } .template-two .inv-items.summary td.strong { font-weight: normal; } .template-two .inv-supplier-payment-data { border-top: 1px solid #d5d5d5; } .template-two .inv-items.summary tr.summary-total-due { border: 1px solid; } .template-two .inv-items.summary tr.summary-total-due td { color: #fff; padding-top: 13px; padding-bottom: 13px; } .template-two .inv-items.summary tbody td:first-child { font-weight: bold; text-transform: uppercase; } .template-two .inv-signature { width: 100%; margin-top: 10px; } .template-two .logo-and-number { background-color: #fff !important; } /***** Third template *****/ .invoice-page.template-three { padding: 60px 60px 0 60px; font-family: 'Times New Roman', Times, serif; } .template-three .invoice-page-header .doc-name { text-transform: uppercase; text-align: center; width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #d5d5d5; } .template-three .supplier-logo { width: 100%; text-align: center; padding: 10px 0; } .invoice-page.template-three .supplier-logo, .invoice-page.template-three .supplier-logo img { float: none; padding: 10px 0; } .invoice-page.template-three .logo-and-number { min-height: 90px; } .template-three .supplier-name-big { text-align: center; font-size: 30px; padding: 5px 0; font-weight: bold; } .template-three .inv-supplier-payment-data { border-top: 1px solid #d5d5d5; text-align: left; } .template-three .supplier-data-all { border-bottom: 1px solid #d5d5d5; text-align: center; padding-bottom: 10px; } .template-three .summary-total-due td { font-size: 22px; border-top: 2px solid #000; line-height: 1.5; } .template-three .supplier-data-all { color: #777777; } .template-three .inv-contact { border-color: #d5d5d5; } .template-three .logo-and-number { background-color: #fff !important; } .template-three .inv-footer { min-height: 82px; } .template-three .supplier-data, .template-three .invoice-number, .template-three .supplier-data-row, .template-three .supplier-contact, .template-three .supplier-data-vertical, .template-three .details-horizontal, .template-three .invoice-details-row, .template-three .supplier-client-horizontal, .template-three .inv-summary, .template-three .inv-supplier, .template-three .inv-payment-label, .template-three .summary-total-due, .template-three .helper, .template-three .inv-contact { display: none; } /***** Fourth template *****/ .invoice-page.template-four { padding: 0; } .template-four .invoice-page-header .doc-name { letter-spacing: 2px; float: right; color: #fff; font-size: 22px; padding: 30px 60px 0 0; text-align: right; } #invoice-body.web.template-four .inv-footer { width: 816px; } .template-four .supplier-name-big { color: #fff !important; font-size: 34px; height: 170px; line-height: 170px; width: 620px; padding: 0 0 0 60px; display: table-cell; } .template-four .supplier-name-big span { display: inline-block; vertical-align: middle; line-height: normal; width: 100%; } .template-four .logo-and-number { min-height: 170px; } .template-four .inv-supplier-payment-data { padding: 10px 60px 0 60px; } .template-four .inv-payment-label { padding-left: 60px; } .template-four .inv-footer { min-height: 82px; } .template-four .inv-supplier-payment-data { text-align: left; } .template-four .supplier-data, .template-four .invoice-number, .template-four .supplier-data-row, .template-four .supplier-data-all, .template-four .data-hide-show, .template-four .details, .template-four .details-horizontal, .template-four .inv-summary, .template-four .client, .template-four .inv-contact, .template-four .inv-supplier, .template-four .supplier-display, .template-four .contact-info-display { display: none; } .invoice-details-row { width: 100%; padding: 10px 31px 10px 60px; background: #4b5861; float: left; color: #fff !important; font-size: 12px; } .invoice-details-row table { width: 100%; } .invoice-details-row td { width: 33%; } .invoice-details-row td:last-child { padding-left: 13px; } .invoice-details-row td:first-child { padding-left: 0px; } .invoice-details-row td:nth-child(2) { padding-left: 13px; } .invoice-details-row td strong { text-transform: uppercase; padding-right: 5px; } .invoice-details-row td span { float: right; padding-right: 24px; } .invoice-details-row td:first-child span { padding-right: 24px; } .template-four .invoice-page-header .logo-and-number { margin: 0; } .template-four .supplier-logo { margin: 20px 0 20px 60px; min-height: 146px; white-space: nowrap; } .template-four .doc-name-and-supplier-contact { float: right; } .template-four .supplier-data-vertical ul { float: right; text-align: right; padding: 20px 60px 0 0; color: #fff !important; list-style: none; margin-bottom: 20px; } .supplier-client-horizontal { width: 100%; /*flex: 1;*/ float: left; padding: 0 0 0 60px; border-bottom: 1px solid #d5d5d5; /** display: flex; **/ overflow: hidden; } .supplier-client-horizontal table { width: 100%; } .supplier-client-horizontal .supplier-column { width: 32.4%; /*flex: 1;*/ float: left; padding: 10px 10px 20px 0; padding-bottom: 1000px; margin-bottom: -1000px; } .web .supplier-client-horizontal .supplier-column { width: 236px; } .supplier-client-horizontal .supplier-column table, .supplier-client-horizontal .client-column table { margin-bottom: 10px; } .web .supplier-client-horizontal .client-column { width: 243px; } .supplier-client-horizontal .client-column { width: 32.8%; padding: 10px 10px 20px 15px; float: left; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; padding-bottom: 1000px; margin-bottom: -1000px; } .supplier-client-horizontal .total-due { width: 252px; float: left; padding: 10px 10px 20px 15px; } .supplier-client-horizontal .total-due-amount { font-size: 32px; text-transform: uppercase; } .template-four .inv-intro-text { padding: 0px; } .template-four .inv-intro-text span { width: 100%; display: block; padding: 10px 60px; border-bottom: 1px solid #d5d5d5; } .template-four .inv-items th:first-child, .template-four .inv-items td:first-child, .template-four .inv-items .tfoot td:first-child { padding-left: 60px; } .template-four .inv-items th:last-child, .template-four .inv-items td:last-child, .template-four .inv-items .tfoot td:last-child { padding-right: 60px; } .template-four .inv-items.summary tbody tr:first-child td { padding-top: 20px; } .template-four .inv-items.summary tbody tr:nth-last-child(1) td { padding-bottom: 20px; } .template-four .inv-items.summary tbody tr:nth-last-child(2) td { padding-bottom: 20px; } .template-four .inv-items thead { text-transform: uppercase; font-weight: bold; } .template-four .inv-items thead th { padding-top: 20px; padding-bottom: 20px; } .template-four .inv-items .product-name { width: 45%; } .template-four .inv-items .product-number { width: auto; } .template-four .inv-items thead th, .template-four .inv-items tbody tr:last-child td { border-bottom: 1px solid #d5d5d5; } .template-four .inv-items tbody tr td { border-color: #d5d5d5; } .template-four .inv-items tbody.tfoot tr:last-child td { border-bottom: 1px solid #fff; } .template-four .inv-items td.strong { font-size: 20px; } .template-four .inv-note { border-top: 1px solid #d5d5d5; border-bottom: 0px; padding-right: 60px; padding-left: 60px; float: left; display: block; } .template-four .client-signature { padding-left: 60px; } .template-four .supplier-signature { padding-right: 60px; } .template-four .inv-signature span { margin: 0px; } .template-four .inv-bysquare { padding-left: 60px; } .template-four .payment-btn.foot { display: none; } .inv-supplier-payment-data { padding: 10px 0 0 0; text-align: left; } .inv-payment-label { width: 100%; text-align: left; font-weight: bold; text-transform: uppercase; margin-right: 20px; padding-bottom: 5px; border-bottom: 1px solid #d5d5d5; } /***** Fifth template *****/ .invoice-page.template-five { padding: 60px 60px 0 60px; } .template-five .invoice-page-header .doc-name { letter-spacing: 2px; text-align: right; text-transform: uppercase; } .template-five .supplier-data-vertical ul { float: right; text-align: right; padding: 20px 0 5px 0; color: #777; list-style: none; width: 30%; } .template-five .supplier-data-vertical li { width: 100%; } .template-five .inv-footer { min-height: 82px; } .template-five .inv-supplier-payment-data { text-align: left; } .template-five .supplier-data, .template-five .invoice-number, .template-five .supplier-data-row, .template-five .supplier-data-all, .template-five .supplier-name-big, .template-five .details-horizontal, .template-five .invoice-details-row, .template-five .supplier-client-horizontal, .template-five .inv-summary, .template-five .inv-contact, .template-five .inv-supplier, .template-four .summary-total-due, .template-five .supplier-display, .template-five .details-hide-show, .template-five .helper, .template-five .contact-info-display { display: none; } .template-five .logo-and-number, .template-five .summary-total-due { background-color: #fff !important; } .template-five .inv-items thead th { border-bottom: 0px solid #f25550; text-transform: uppercase; } .template-five .inv-items tbody td:first-child, .template-five .inv-items thead th:first-child { padding-left: 15px; } .template-five .inv-items tbody td:last-child, .template-five .inv-items thead th:last-child { padding-right: 15px; } .template-five .inv-items tbody tr:last-child td { border-bottom: 1px solid #d5d5d5; } .template-five .inv-items tbody tr td { border-color: #fff; } .template-five .inv-items.summary { width: 52%; float: right; } .template-five .inv-items.summary td { padding: 8px 0; } .template-five .inv-items.summary tr:last-child td { border-color: #fff; } .template-five .inv-items.summary td.strong { font-weight: normal; } .template-five .inv-items.summary tr.summary-total-due td { border-top: 2px solid; border-bottom: none; } .template-five .inv-items.summary tr.summary-total-due td { font-size: 20px; } .template-five .inv-items.summary tbody td:first-child { font-weight: bold; text-transform: uppercase; } .template-five .inv-signature { width: 100%; margin-top: 10px; } @page { size: A4; margin: 0; } @media print { html, body { background-color: #fff; } body { height: auto; width: auto; } body * { visibility: hidden; } #sidebar { display: none; } .invoice-page, .invoice-page * { visibility: visible; } .new-invoice-wrapper, .grey-bg, #invoice-header, section.main-wrapper { width: 0; } #invoice-header, #header { display: none; } .invoice-page { position: absolute; left: 0; top: 0; margin: 0; padding: 0; line-height: 1.2; } #invoice-body.web { width: 100%; height: 100%; -webkit-box-shadow: none; box-shadow: none; } #invoice-body.web .invoice-page { margin: 0px; min-height: 1142px; } .blank-f { height: 0; } .invoice-page-header .invoice-number span.invoice { font-size: 22px; } #invoice-body.web .inv-summary tr td .sum-amt { font-size: 17px; } .invoice-page-header .supplier-data { font-size: 11px; } .inv-footer .inv-supplier ul.address, .inv-footer .inv-supplier ul.id-data { font-size: 10px; } .inv-summary tr td { padding: 10px 10px 6px; } .template-two .inv-container, .template-three .inv-container, .template-five .inv-container { padding: 0px 0px 0 0px; } } /** only FIREFOX hack, need both styles */ @media print and (-moz-images-in-menus: 0) { .inv-container { min-height: 0; } #invoice-body.web .inv-footer { position: fixed; bottom: 0; } } @media print and (min--moz-device-pixel-ratio: 0) and (min-resolution: 3e1dpcm) { .inv-container { min-height: 0; } #invoice-body.web .inv-footer { position: fixed; bottom: 0; } } #footer-pdf { margin: 0; padding: 0; font-family: Arial; } #footer-pdf .inv-footer { bottom: auto; position: static; top: 0; } #footer-pdf.template-basic .inv-footer, #footer-pdf.template-one .inv-footer { margin-left: 30px; margin-right: 30px; } #footer-pdf.template-two .inv-footer, #footer-pdf.template-three .inv-footer, #footer-pdf.template-five .inv-footer { margin-left: 60px; margin-right: 60px; } #footer-pdf.template-three .inv-footer { font-family: 'Times New Roman', Georgia, Serif; } .invoice-page-attachment { -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); background: #fff; position: relative; float: left; margin: 5px 5px 10px 5px; min-height: 1154px; } .invoice-page-attachment.template-basic, .invoice-page-attachment.template-one { padding: 30px 30px 0 30px; width: 816px; } .invoice-page-attachment.template-two, .invoice-page-attachment.template-three, .invoice-page-attachment.template-four, .invoice-page-attachment.template-five { padding: 60px 60px 0 60px; width: 816px; } .invoice-page-attachment .attachment-container { width: 100%; float: left; margin-bottom: 20px; } .invoice-page-attachment .attachment-container img { float: left; width: 48%; height: auto; } .invoice-page-attachment .attachment-container .desc { float: left; width: 48%; margin-left: 20px; } .invoice-page-attachment .attachment-container .title { width: 100%; float: left; font-weight: bold; border-bottom: 1px solid #555; } .invoice-page-attachment .attachment-container .text { padding-top: 10px; float: left; } .print-break { page-break-after: always; } /* Pay button */ .payment-btn { padding: 10px 0; } .inv-items.summary tfoot { border: 1px solid #fff; } .inv-items.summary tfoot tr td.payment-btn { border: 1px solid #fff; padding-right: 0px; padding-top: 10px; padding-bottom: 0; } .total-due .payment-btn { padding-left: 5px; } .total-due .payment-btn .stripe-pay { margin-left: 0; margin-bottom: 5px; float: left; } .payment-btn .stripe-pay { float: right; padding: 5px 25px; line-height: 2; background-color: #5cb85c; background-image: -webkit-linear-gradient(top, #60be60, #58ad58); color: #fff; font-size: 16px; border-radius: 4px; cursor: pointer; margin-left: 5px; margin-bottom: 5px; box-shadow: 0px 1px 0px #197119; border: 0px; } .payment-btn a { text-decoration: none; float: right; } .payment-btn a:hover { text-decoration: none; } .payment-btn img { width: 32px; margin-right: 5px; vertical-align: middle; } .stripe-pay-button-large { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .stripe-pay-button-large button, .stripe-pay-button-large a { width: 100%; color: #fff; padding: 10px 0; background: #5cb85c; display: block; font-weight: 500; font-size: 25px; } .stripe-pay-button-large a { border-top: 1px solid #eeeeee; } .stripe-pay-button-large button:hover, .stripe-pay-button-large a:hover { text-decoration: none; color: #fff !important; } .invoice-rating { max-width: 500px; } .footer-online-invoice { width: 100%; } @media (max-width: 320px) { .invoice-online-wrapper #invoice-body.web .invoice-page { -webkit-transform: scale(0.38); -moz-transform: scale(0.38); -o-transform: scale(0.38); transform: scale(0.38); outline: 1px solid transparent; transform-origin: top left; margin-bottom: -60em !important; } } @media (min-width: 321px) { .invoice-online-wrapper #invoice-body.web .invoice-page { -webkit-transform: scale(0.447); -moz-transform: scale(0.447); -o-transform: scale(0.447); transform: scale(0.447); margin-bottom: -53em !important; } } @media (min-width: 376px) { .invoice-online-wrapper #invoice-body.web .invoice-page { -webkit-transform: scale(0.495); -moz-transform: scale(0.495); -o-transform: scale(0.495); transform: scale(0.495); margin-bottom: -48em !important; } } @media (min-width: 390px) { .invoice-online-wrapper #invoice-body.web .invoice-page { -webkit-transform: scale(0.46); -moz-transform: scale(0.46); -o-transform: scale(0.46); transform: scale(0.46); margin-bottom: -48em !important; } } @media (min-width: 768px) { .invoice-online-wrapper #invoice-body.web .invoice-page { -webkit-transform: scale(0.928); -moz-transform: scale(0.928); -o-transform: scale(0.928); transform: scale(0.928); margin-bottom: 0 !important; } } @media (max-width: 959px) { .invoice-online-wrapper { width: 100%; max-width: 100%; } .stripe-pay-button-large img { width: 40px; } .invoice-online-wrapper .breadcrumb { display: none; } .btn.stripe-pay { display: none; } .stripe-pay-button-large .btn.stripe-pay { display: block; } } @media (min-width: 960px) { #invoice-body.web .invoice-page { transform: none !important; } .invoice-online-wrapper #invoice-body.web .invoice-page { margin-bottom: 1em !important; } .stripe-pay-button-large { display: none; } } .inv-items .name { display: block; color: #000 !important; } .inv-items .desc { padding-top: 7px; display: block; color: #555; } table th { white-space: nowrap; } .form-search .radio [type='radio'] + label, .form-inline .radio [type='radio'] + label, .form-search .checkbox [type='checkbox'] + label, .form-inline .checkbox [type='checkbox'] + label { float: left; margin-left: -20px; } .form-search .form-search .radio [type='radio'] + label, .form-search .form-inline .radio [type='radio'] + label, .form-search .form-search .checkbox [type='checkbox'] + label, .form-search .form-inline .checkbox [type='checkbox'] + label, .form-inline .form-search .radio [type='radio'] + label, .form-inline .form-inline .radio [type='radio'] + label, .form-inline .form-search .checkbox [type='checkbox'] + label, .form-inline .form-inline .checkbox [type='checkbox'] + label { margin-left: 0; margin-right: 3px; } .form-search .input-append .search-query:focus, .form-search .input-prepend .search-query:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input[type='checkbox'], input[type='radio'] { opacity: 0; position: absolute; z-index: 12; width: 18px; height: 18px; } input[type='checkbox']:checked, input[type='radio']:checked, input[type='checkbox']:focus, input[type='radio']:focus { outline: none !important; } input[type='checkbox'] + .lbl, input[type='radio'] + .lbl { position: relative; z-index: 11; display: inline-block; margin: 0; line-height: 20px; min-height: 14px; min-width: 14px; font-weight: normal; } input[type='checkbox'] + .lbl.padding-16::before, input[type='radio'] + .lbl.padding-16::before { margin-right: 16px; } input[type='checkbox'] + .lbl.padding-12::before, input[type='radio'] + .lbl.padding-12::before { margin-right: 12px; } input[type='checkbox'] + .lbl.padding-8::before, input[type='radio'] + .lbl.padding-8::before { margin-right: 8px; } input[type='checkbox'] + .lbl.padding-4::before, input[type='radio'] + .lbl.padding-4::before { margin-right: 4px; } input[type='checkbox'] + .lbl.padding-0::before, input[type='radio'] + .lbl.padding-0::before { margin-right: 0px; } input[type='checkbox'] + .lbl::before, input[type='radio'] + .lbl::before { font-family: fontAwesome; font-weight: normal; font-size: 11px; color: #2091cf; content: '\A0'; background-color: #fafafa; border: 1px solid #ccc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0; display: inline-block; text-align: center; vertical-align: middle; height: 13px; line-height: 13px; min-width: 13px; margin-right: 1px; } input[type='checkbox']:checked + .lbl::before, input[type='radio']:checked + .lbl::before { display: inline-block; content: '\F00C'; background-color: #f5f8fc; border-color: #adb8c0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); } input[type='checkbox']:hover + .lbl::before, input[type='radio']:hover + .lbl::before, input[type='checkbox'] + .lbl:hover::before, input[type='radio'] + .lbl:hover::before { border-color: #1c7aad; } input[type='checkbox']:active + .lbl::before, input[type='radio']:active + .lbl::before, input[type='checkbox']:checked:active + .lbl::before, input[type='radio']:checked:active + .lbl::before { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); } input[type='checkbox']:disabled + .lbl::before, input[type='radio']:disabled + .lbl::before, input[type='checkbox'][disabled] + .lbl::before, input[type='radio'][disabled] + .lbl::before, input[type='checkbox'].disabled + .lbl::before, input[type='radio'].disabled + .lbl::before { background-color: #ddd !important; border-color: #ccc !important; box-shadow: none !important; color: #bbb; } input[type='radio'] + .lbl::before { border-radius: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; } input[type='radio']:checked + .lbl::before { content: '\2022'; } .onoffswitch { position: relative; width: 48px; height: 28.8px; float: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: middle; } .onoffswitch.small-switch { zoom: 0.8; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #fffafa; border-radius: 30px; margin-bottom: 0; height: 28.8px; } .onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; display: block; } .onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 28.8px; padding: 0; line-height: 25px; color: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: 'ON'; padding-left: 11px; background-color: #4981ff; color: #4981ff; font-size: 12px; } .warning-switch .onoffswitch-inner:before { background-color: #df6e1e; } .onoffswitch-inner:after { content: 'OFF'; padding-right: 13px; background-color: #ccc; color: #ccc; text-align: left; text-indent: 35px; } .onoffswitch-switch { width: 19.2px; height: 19.2px; margin: 5px; margin-top: 4.7px; background: #fff; border: 1px solid #ffffff; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 19.5px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; display: block; } .switch-square .onoffswitch-label { border-radius: 6px; } .tick .onoffswitch-switch { border-radius: 20px 0 0 20px; padding: 0; margin: 2px; width: 30px; background-color: #aaaaaa; text-align: center; border: none; } .tick .onoffswitch-switch:before, .tick .onoffswitch-switch:after { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: '\F00D'; position: absolute; left: 0; right: 0; color: #fff; line-height: 25px; } .tick .onoffswitch-switch:after { display: none; } .tick .onoffswitch-inner:before { content: 'YES'; } .tick .onoffswitch-inner:after { content: 'NO'; } .switch-square .tickswitch-switch { border-radius: 5px 0 0 5px; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .tick .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { content: '\F00C'; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.tickswitch-switch { border-radius: 0 20px 20px 0; background-color: #1c7aad; border-color: #1c7aad; background-position: -288px 1px; border-right-width: 10px; } .warning-switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.tickswitch-switch { background-color: #df6e1e; border-color: #df6e1e; } .switch-square .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch.tickswitch-switch { border-radius: 0 5px 5px 0; } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\F000"}.fa-music:before{content:"\F001"}.fa-search:before{content:"\F002"}.fa-envelope-o:before{content:"\F003"}.fa-heart:before{content:"\F004"}.fa-star:before{content:"\F005"}.fa-star-o:before{content:"\F006"}.fa-user:before{content:"\F007"}.fa-film:before{content:"\F008"}.fa-th-large:before{content:"\F009"}.fa-th:before{content:"\F00A"}.fa-th-list:before{content:"\F00B"}.fa-check:before{content:"\F00C"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\F00D"}.fa-search-plus:before{content:"\F00E"}.fa-search-minus:before{content:"\F010"}.fa-power-off:before{content:"\F011"}.fa-signal:before{content:"\F012"}.fa-gear:before,.fa-cog:before{content:"\F013"}.fa-trash-o:before{content:"\F014"}.fa-home:before{content:"\F015"}.fa-file-o:before{content:"\F016"}.fa-clock-o:before{content:"\F017"}.fa-road:before{content:"\F018"}.fa-download:before{content:"\F019"}.fa-arrow-circle-o-down:before{content:"\F01A"}.fa-arrow-circle-o-up:before{content:"\F01B"}.fa-inbox:before{content:"\F01C"}.fa-play-circle-o:before{content:"\F01D"}.fa-rotate-right:before,.fa-repeat:before{content:"\F01E"}.fa-refresh:before{content:"\F021"}.fa-list-alt:before{content:"\F022"}.fa-lock:before{content:"\F023"}.fa-flag:before{content:"\F024"}.fa-headphones:before{content:"\F025"}.fa-volume-off:before{content:"\F026"}.fa-volume-down:before{content:"\F027"}.fa-volume-up:before{content:"\F028"}.fa-qrcode:before{content:"\F029"}.fa-barcode:before{content:"\F02A"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-book:before{content:"\F02D"}.fa-bookmark:before{content:"\F02E"}.fa-print:before{content:"\F02F"}.fa-camera:before{content:"\F030"}.fa-font:before{content:"\F031"}.fa-bold:before{content:"\F032"}.fa-italic:before{content:"\F033"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-align-left:before{content:"\F036"}.fa-align-center:before{content:"\F037"}.fa-align-right:before{content:"\F038"}.fa-align-justify:before{content:"\F039"}.fa-list:before{content:"\F03A"}.fa-dedent:before,.fa-outdent:before{content:"\F03B"}.fa-indent:before{content:"\F03C"}.fa-video-camera:before{content:"\F03D"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\F03E"}.fa-pencil:before{content:"\F040"}.fa-map-marker:before{content:"\F041"}.fa-adjust:before{content:"\F042"}.fa-tint:before{content:"\F043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\F044"}.fa-share-square-o:before{content:"\F045"}.fa-check-square-o:before{content:"\F046"}.fa-arrows:before{content:"\F047"}.fa-step-backward:before{content:"\F048"}.fa-fast-backward:before{content:"\F049"}.fa-backward:before{content:"\F04A"}.fa-play:before{content:"\F04B"}.fa-pause:before{content:"\F04C"}.fa-stop:before{content:"\F04D"}.fa-forward:before{content:"\F04E"}.fa-fast-forward:before{content:"\F050"}.fa-step-forward:before{content:"\F051"}.fa-eject:before{content:"\F052"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-plus-circle:before{content:"\F055"}.fa-minus-circle:before{content:"\F056"}.fa-times-circle:before{content:"\F057"}.fa-check-circle:before{content:"\F058"}.fa-question-circle:before{content:"\F059"}.fa-info-circle:before{content:"\F05A"}.fa-crosshairs:before{content:"\F05B"}.fa-times-circle-o:before{content:"\F05C"}.fa-check-circle-o:before{content:"\F05D"}.fa-ban:before{content:"\F05E"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrow-down:before{content:"\F063"}.fa-mail-forward:before,.fa-share:before{content:"\F064"}.fa-expand:before{content:"\F065"}.fa-compress:before{content:"\F066"}.fa-plus:before{content:"\F067"}.fa-minus:before{content:"\F068"}.fa-asterisk:before{content:"\F069"}.fa-exclamation-circle:before{content:"\F06A"}.fa-gift:before{content:"\F06B"}.fa-leaf:before{content:"\F06C"}.fa-fire:before{content:"\F06D"}.fa-eye:before{content:"\F06E"}.fa-eye-slash:before{content:"\F070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\F071"}.fa-plane:before{content:"\F072"}.fa-calendar:before{content:"\F073"}.fa-random:before{content:"\F074"}.fa-comment:before{content:"\F075"}.fa-magnet:before{content:"\F076"}.fa-chevron-up:before{content:"\F077"}.fa-chevron-down:before{content:"\F078"}.fa-retweet:before{content:"\F079"}.fa-shopping-cart:before{content:"\F07A"}.fa-folder:before{content:"\F07B"}.fa-folder-open:before{content:"\F07C"}.fa-arrows-v:before{content:"\F07D"}.fa-arrows-h:before{content:"\F07E"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\F080"}.fa-twitter-square:before{content:"\F081"}.fa-facebook-square:before{content:"\F082"}.fa-camera-retro:before{content:"\F083"}.fa-key:before{content:"\F084"}.fa-gears:before,.fa-cogs:before{content:"\F085"}.fa-comments:before{content:"\F086"}.fa-thumbs-o-up:before{content:"\F087"}.fa-thumbs-o-down:before{content:"\F088"}.fa-star-half:before{content:"\F089"}.fa-heart-o:before{content:"\F08A"}.fa-sign-out:before{content:"\F08B"}.fa-linkedin-square:before{content:"\F08C"}.fa-thumb-tack:before{content:"\F08D"}.fa-external-link:before{content:"\F08E"}.fa-sign-in:before{content:"\F090"}.fa-trophy:before{content:"\F091"}.fa-github-square:before{content:"\F092"}.fa-upload:before{content:"\F093"}.fa-lemon-o:before{content:"\F094"}.fa-phone:before{content:"\F095"}.fa-square-o:before{content:"\F096"}.fa-bookmark-o:before{content:"\F097"}.fa-phone-square:before{content:"\F098"}.fa-twitter:before{content:"\F099"}.fa-facebook-f:before,.fa-facebook:before{content:"\F09A"}.fa-github:before{content:"\F09B"}.fa-unlock:before{content:"\F09C"}.fa-credit-card:before{content:"\F09D"}.fa-rss:before{content:"\F09E"}.fa-hdd-o:before{content:"\F0A0"}.fa-bullhorn:before{content:"\F0A1"}.fa-bell:before{content:"\F0F3"}.fa-certificate:before{content:"\F0A3"}.fa-hand-o-right:before{content:"\F0A4"}.fa-hand-o-left:before{content:"\F0A5"}.fa-hand-o-up:before{content:"\F0A6"}.fa-hand-o-down:before{content:"\F0A7"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-globe:before{content:"\F0AC"}.fa-wrench:before{content:"\F0AD"}.fa-tasks:before{content:"\F0AE"}.fa-filter:before{content:"\F0B0"}.fa-briefcase:before{content:"\F0B1"}.fa-arrows-alt:before{content:"\F0B2"}.fa-group:before,.fa-users:before{content:"\F0C0"}.fa-chain:before,.fa-link:before{content:"\F0C1"}.fa-cloud:before{content:"\F0C2"}.fa-flask:before{content:"\F0C3"}.fa-cut:before,.fa-scissors:before{content:"\F0C4"}.fa-copy:before,.fa-files-o:before{content:"\F0C5"}.fa-paperclip:before{content:"\F0C6"}.fa-save:before,.fa-floppy-o:before{content:"\F0C7"}.fa-square:before{content:"\F0C8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\F0C9"}.fa-list-ul:before{content:"\F0CA"}.fa-list-ol:before{content:"\F0CB"}.fa-strikethrough:before{content:"\F0CC"}.fa-underline:before{content:"\F0CD"}.fa-table:before{content:"\F0CE"}.fa-magic:before{content:"\F0D0"}.fa-truck:before{content:"\F0D1"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-square:before{content:"\F0D3"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-plus:before{content:"\F0D5"}.fa-money:before{content:"\F0D6"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-up:before{content:"\F0D8"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-columns:before{content:"\F0DB"}.fa-unsorted:before,.fa-sort:before{content:"\F0DC"}.fa-sort-down:before,.fa-sort-desc:before{content:"\F0DD"}.fa-sort-up:before,.fa-sort-asc:before{content:"\F0DE"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-rotate-left:before,.fa-undo:before{content:"\F0E2"}.fa-legal:before,.fa-gavel:before{content:"\F0E3"}.fa-dashboard:before,.fa-tachometer:before{content:"\F0E4"}.fa-comment-o:before{content:"\F0E5"}.fa-comments-o:before{content:"\F0E6"}.fa-flash:before,.fa-bolt:before{content:"\F0E7"}.fa-sitemap:before{content:"\F0E8"}.fa-umbrella:before{content:"\F0E9"}.fa-paste:before,.fa-clipboard:before{content:"\F0EA"}.fa-lightbulb-o:before{content:"\F0EB"}.fa-exchange:before{content:"\F0EC"}.fa-cloud-download:before{content:"\F0ED"}.fa-cloud-upload:before{content:"\F0EE"}.fa-user-md:before{content:"\F0F0"}.fa-stethoscope:before{content:"\F0F1"}.fa-suitcase:before{content:"\F0F2"}.fa-bell-o:before{content:"\F0A2"}.fa-coffee:before{content:"\F0F4"}.fa-cutlery:before{content:"\F0F5"}.fa-file-text-o:before{content:"\F0F6"}.fa-building-o:before{content:"\F0F7"}.fa-hospital-o:before{content:"\F0F8"}.fa-ambulance:before{content:"\F0F9"}.fa-medkit:before{content:"\F0FA"}.fa-fighter-jet:before{content:"\F0FB"}.fa-beer:before{content:"\F0FC"}.fa-h-square:before{content:"\F0FD"}.fa-plus-square:before{content:"\F0FE"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angle-down:before{content:"\F107"}.fa-desktop:before{content:"\F108"}.fa-laptop:before{content:"\F109"}.fa-tablet:before{content:"\F10A"}.fa-mobile-phone:before,.fa-mobile:before{content:"\F10B"}.fa-circle-o:before{content:"\F10C"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-spinner:before{content:"\F110"}.fa-circle:before{content:"\F111"}.fa-mail-reply:before,.fa-reply:before{content:"\F112"}.fa-github-alt:before{content:"\F113"}.fa-folder-o:before{content:"\F114"}.fa-folder-open-o:before{content:"\F115"}.fa-smile-o:before{content:"\F118"}.fa-frown-o:before{content:"\F119"}.fa-meh-o:before{content:"\F11A"}.fa-gamepad:before{content:"\F11B"}.fa-keyboard-o:before{content:"\F11C"}.fa-flag-o:before{content:"\F11D"}.fa-flag-checkered:before{content:"\F11E"}.fa-terminal:before{content:"\F120"}.fa-code:before{content:"\F121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\F122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\F123"}.fa-location-arrow:before{content:"\F124"}.fa-crop:before{content:"\F125"}.fa-code-fork:before{content:"\F126"}.fa-unlink:before,.fa-chain-broken:before{content:"\F127"}.fa-question:before{content:"\F128"}.fa-info:before{content:"\F129"}.fa-exclamation:before{content:"\F12A"}.fa-superscript:before{content:"\F12B"}.fa-subscript:before{content:"\F12C"}.fa-eraser:before{content:"\F12D"}.fa-puzzle-piece:before{content:"\F12E"}.fa-microphone:before{content:"\F130"}.fa-microphone-slash:before{content:"\F131"}.fa-shield:before{content:"\F132"}.fa-calendar-o:before{content:"\F133"}.fa-fire-extinguisher:before{content:"\F134"}.fa-rocket:before{content:"\F135"}.fa-maxcdn:before{content:"\F136"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-anchor:before{content:"\F13D"}.fa-unlock-alt:before{content:"\F13E"}.fa-bullseye:before{content:"\F140"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-rss-square:before{content:"\F143"}.fa-play-circle:before{content:"\F144"}.fa-ticket:before{content:"\F145"}.fa-minus-square:before{content:"\F146"}.fa-minus-square-o:before{content:"\F147"}.fa-level-up:before{content:"\F148"}.fa-level-down:before{content:"\F149"}.fa-check-square:before{content:"\F14A"}.fa-pencil-square:before{content:"\F14B"}.fa-external-link-square:before{content:"\F14C"}.fa-share-square:before{content:"\F14D"}.fa-compass:before{content:"\F14E"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\F150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\F151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\F152"}.fa-euro:before,.fa-eur:before{content:"\F153"}.fa-gbp:before{content:"\F154"}.fa-dollar:before,.fa-usd:before{content:"\F155"}.fa-rupee:before,.fa-inr:before{content:"\F156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\F157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\F158"}.fa-won:before,.fa-krw:before{content:"\F159"}.fa-bitcoin:before,.fa-btc:before{content:"\F15A"}.fa-file:before{content:"\F15B"}.fa-file-text:before{content:"\F15C"}.fa-sort-alpha-asc:before{content:"\F15D"}.fa-sort-alpha-desc:before{content:"\F15E"}.fa-sort-amount-asc:before{content:"\F160"}.fa-sort-amount-desc:before{content:"\F161"}.fa-sort-numeric-asc:before{content:"\F162"}.fa-sort-numeric-desc:before{content:"\F163"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbs-down:before{content:"\F165"}.fa-youtube-square:before{content:"\F166"}.fa-youtube:before{content:"\F167"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-youtube-play:before{content:"\F16A"}.fa-dropbox:before{content:"\F16B"}.fa-stack-overflow:before{content:"\F16C"}.fa-instagram:before{content:"\F16D"}.fa-flickr:before{content:"\F16E"}.fa-adn:before{content:"\F170"}.fa-bitbucket:before{content:"\F171"}.fa-bitbucket-square:before{content:"\F172"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-long-arrow-down:before{content:"\F175"}.fa-long-arrow-up:before{content:"\F176"}.fa-long-arrow-left:before{content:"\F177"}.fa-long-arrow-right:before{content:"\F178"}.fa-apple:before{content:"\F179"}.fa-windows:before{content:"\F17A"}.fa-android:before{content:"\F17B"}.fa-linux:before{content:"\F17C"}.fa-dribbble:before{content:"\F17D"}.fa-skype:before{content:"\F17E"}.fa-foursquare:before{content:"\F180"}.fa-trello:before{content:"\F181"}.fa-female:before{content:"\F182"}.fa-male:before{content:"\F183"}.fa-gittip:before,.fa-gratipay:before{content:"\F184"}.fa-sun-o:before{content:"\F185"}.fa-moon-o:before{content:"\F186"}.fa-archive:before{content:"\F187"}.fa-bug:before{content:"\F188"}.fa-vk:before{content:"\F189"}.fa-weibo:before{content:"\F18A"}.fa-renren:before{content:"\F18B"}.fa-pagelines:before{content:"\F18C"}.fa-stack-exchange:before{content:"\F18D"}.fa-arrow-circle-o-right:before{content:"\F18E"}.fa-arrow-circle-o-left:before{content:"\F190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\F191"}.fa-dot-circle-o:before{content:"\F192"}.fa-wheelchair:before{content:"\F193"}.fa-vimeo-square:before{content:"\F194"}.fa-turkish-lira:before,.fa-try:before{content:"\F195"}.fa-plus-square-o:before{content:"\F196"}.fa-space-shuttle:before{content:"\F197"}.fa-slack:before{content:"\F198"}.fa-envelope-square:before{content:"\F199"}.fa-wordpress:before{content:"\F19A"}.fa-openid:before{content:"\F19B"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\F19C"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\F19D"}.fa-yahoo:before{content:"\F19E"}.fa-google:before{content:"\F1A0"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-square:before{content:"\F1A2"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-stumbleupon:before{content:"\F1A4"}.fa-delicious:before{content:"\F1A5"}.fa-digg:before{content:"\F1A6"}.fa-pied-piper:before{content:"\F1A7"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-drupal:before{content:"\F1A9"}.fa-joomla:before{content:"\F1AA"}.fa-language:before{content:"\F1AB"}.fa-fax:before{content:"\F1AC"}.fa-building:before{content:"\F1AD"}.fa-child:before{content:"\F1AE"}.fa-paw:before{content:"\F1B0"}.fa-spoon:before{content:"\F1B1"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-recycle:before{content:"\F1B8"}.fa-automobile:before,.fa-car:before{content:"\F1B9"}.fa-cab:before,.fa-taxi:before{content:"\F1BA"}.fa-tree:before{content:"\F1BB"}.fa-spotify:before{content:"\F1BC"}.fa-deviantart:before{content:"\F1BD"}.fa-soundcloud:before{content:"\F1BE"}.fa-database:before{content:"\F1C0"}.fa-file-pdf-o:before{content:"\F1C1"}.fa-file-word-o:before{content:"\F1C2"}.fa-file-excel-o:before{content:"\F1C3"}.fa-file-powerpoint-o:before{content:"\F1C4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\F1C5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\F1C6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\F1C7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\F1C8"}.fa-file-code-o:before{content:"\F1C9"}.fa-vine:before{content:"\F1CA"}.fa-codepen:before{content:"\F1CB"}.fa-jsfiddle:before{content:"\F1CC"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\F1CD"}.fa-circle-o-notch:before{content:"\F1CE"}.fa-ra:before,.fa-rebel:before{content:"\F1D0"}.fa-ge:before,.fa-empire:before{content:"\F1D1"}.fa-git-square:before{content:"\F1D2"}.fa-git:before{content:"\F1D3"}.fa-hacker-news:before{content:"\F1D4"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-qq:before{content:"\F1D6"}.fa-wechat:before,.fa-weixin:before{content:"\F1D7"}.fa-send:before,.fa-paper-plane:before{content:"\F1D8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\F1D9"}.fa-history:before{content:"\F1DA"}.fa-genderless:before,.fa-circle-thin:before{content:"\F1DB"}.fa-header:before{content:"\F1DC"}.fa-paragraph:before{content:"\F1DD"}.fa-sliders:before{content:"\F1DE"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-bomb:before{content:"\F1E2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\F1E3"}.fa-tty:before{content:"\F1E4"}.fa-binoculars:before{content:"\F1E5"}.fa-plug:before{content:"\F1E6"}.fa-slideshare:before{content:"\F1E7"}.fa-twitch:before{content:"\F1E8"}.fa-yelp:before{content:"\F1E9"}.fa-newspaper-o:before{content:"\F1EA"}.fa-wifi:before{content:"\F1EB"}.fa-calculator:before{content:"\F1EC"}.fa-paypal:before{content:"\F1ED"}.fa-google-wallet:before{content:"\F1EE"}.fa-cc-visa:before{content:"\F1F0"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-bell-slash:before{content:"\F1F6"}.fa-bell-slash-o:before{content:"\F1F7"}.fa-trash:before{content:"\F1F8"}.fa-copyright:before{content:"\F1F9"}.fa-at:before{content:"\F1FA"}.fa-eyedropper:before{content:"\F1FB"}.fa-paint-brush:before{content:"\F1FC"}.fa-birthday-cake:before{content:"\F1FD"}.fa-area-chart:before{content:"\F1FE"}.fa-pie-chart:before{content:"\F200"}.fa-line-chart:before{content:"\F201"}.fa-lastfm:before{content:"\F202"}.fa-lastfm-square:before{content:"\F203"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-bicycle:before{content:"\F206"}.fa-bus:before{content:"\F207"}.fa-ioxhost:before{content:"\F208"}.fa-angellist:before{content:"\F209"}.fa-cc:before{content:"\F20A"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\F20B"}.fa-meanpath:before{content:"\F20C"}.fa-buysellads:before{content:"\F20D"}.fa-connectdevelop:before{content:"\F20E"}.fa-dashcube:before{content:"\F210"}.fa-forumbee:before{content:"\F211"}.fa-leanpub:before{content:"\F212"}.fa-sellsy:before{content:"\F213"}.fa-shirtsinbulk:before{content:"\F214"}.fa-simplybuilt:before{content:"\F215"}.fa-skyatlas:before{content:"\F216"}.fa-cart-plus:before{content:"\F217"}.fa-cart-arrow-down:before{content:"\F218"}.fa-diamond:before{content:"\F219"}.fa-ship:before{content:"\F21A"}.fa-user-secret:before{content:"\F21B"}.fa-motorcycle:before{content:"\F21C"}.fa-street-view:before{content:"\F21D"}.fa-heartbeat:before{content:"\F21E"}.fa-venus:before{content:"\F221"}.fa-mars:before{content:"\F222"}.fa-mercury:before{content:"\F223"}.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-venus-double:before{content:"\F226"}.fa-mars-double:before{content:"\F227"}.fa-venus-mars:before{content:"\F228"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-neuter:before{content:"\F22C"}.fa-facebook-official:before{content:"\F230"}.fa-pinterest-p:before{content:"\F231"}.fa-whatsapp:before{content:"\F232"}.fa-server:before{content:"\F233"}.fa-user-plus:before{content:"\F234"}.fa-user-times:before{content:"\F235"}.fa-hotel:before,.fa-bed:before{content:"\F236"}.fa-viacoin:before{content:"\F237"}.fa-train:before{content:"\F238"}.fa-subway:before{content:"\F239"}.fa-medium:before{content:"\F23A"} .Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none!important}.Select input::-ms-clear{display:none!important}.Select input::-ms-reveal{display:none!important}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:.35}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-searchable.is-focused:not(.is-open)>.Select-control{cursor:text}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1);background:#fff}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:42px}.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover{color:#007eff;outline:0;text-decoration:underline}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select .Select-arrow-zone:hover>.Select-arrow,.Select.is-open .Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-color:#d9d9d9 #ccc #b3b3b3;border-radius:4px;border:1px solid #ccc;color:#333;cursor:default;display:table;border-spacing:0;border-collapse:separate;height:36px;outline:0;overflow:hidden;position:relative;width:100%}.Select-control:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.Select-control .Select-input:focus{outline:0;background:#fff}.Select--single>.Select-control .Select-value,.Select-placeholder{bottom:0;color:#aaa;left:0;line-height:34px;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:34px;padding-left:10px;padding-right:10px;vertical-align:middle}.Select-input>input{width:100%;background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:0;line-height:17px;padding:8px 0 12px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.has-value.is-pseudo-focused .Select-input{opacity:0}.Select-control:not(.is-searchable)>.Select-input{outline:0}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px}.Select-loading{-webkit-animation:Select-animation-spin .4s infinite linear;-o-animation:Select-animation-spin .4s infinite linear;animation:Select-animation-spin .4s infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #ccc;border-right-color:#333;display:inline-block;position:relative;vertical-align:middle}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn .2s;-o-animation:Select-animation-fadeIn .2s;animation:Select-animation-fadeIn .2s;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:17px}.Select-clear-zone:hover{color:#D0021B}.Select-clear{display:inline-block;font-size:18px;line-height:1}.Select--multi .Select-clear-zone{width:17px}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}.Select-control>:last-child{padding-right:5px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left}@-webkit-keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ccc;border-top-color:#e6e6e6;box-shadow:0 1px 0 rgba(0,0,0,.06);box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;left:0;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 10px}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.Select-option.is-selected{background-color:#f5faff;background-color:rgba(0,126,255,.04);color:#333}.Select-option.is-focused{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 10px}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:10px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);border-radius:2px;border:1px solid #c2e0ff;border:1px solid rgba(0,126,255,.24);color:#007eff;display:inline-block;font-size:.9em;line-height:1.4;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:2px;border-top-right-radius:2px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#007eff;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:2px;border-top-left-radius:2px;border-right:1px solid #c2e0ff;border-right:1px solid rgba(0,126,255,.24);padding:1px 5px 3px}.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover{background-color:#d8eafd;background-color:rgba(0,113,230,.08);color:#0071e6}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:rgba(0,126,255,.24)}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #c2e0ff;border-left:1px solid rgba(0,126,255,.24)}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}} .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { margin-left: -8px; position: absolute; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { content: ""; z-index: -1; border-width: 8px; left: -8px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { top: 0; margin-top: -8px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-top: none; border-bottom-color: #f0f0f0; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { bottom: -1px; border-top-color: #aeaeae; } .react-datepicker-wrapper { display: inline-block; } .react-datepicker { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0; } .react-datepicker--time-only .react-datepicker__time { border-radius: 0.3rem; } .react-datepicker--time-only .react-datepicker__time-box { border-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^="bottom"] { margin-top: 10px; } .react-datepicker-popper[data-placement^="top"] { margin-bottom: 10px; } .react-datepicker-popper[data-placement^="right"] { margin-left: 8px; } .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^="left"] { margin-right: 8px; } .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; padding-top: 8px; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 2px; } .react-datepicker__current-month, .react-datepicker-time__header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; width: 0; padding: 0; border: 0.45rem solid transparent; z-index: 1; height: 10px; width: 10px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 10px; border-right-color: #ccc; } .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--next { right: 10px; border-left-color: #ccc; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 80px; } .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; border-top-color: #ccc; } .react-datepicker__navigation--years-previous:hover { border-top-color: #b3b3b3; } .react-datepicker__navigation--years-upcoming { top: -4px; border-bottom-color: #ccc; } .react-datepicker__navigation--years-upcoming:hover { border-bottom-color: #b3b3b3; } .react-datepicker__month-container { float: left; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 70px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -72px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 70px; overflow-x: hidden; margin: 0 auto; text-align: center; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + (1.7rem / 2)); overflow-y: scroll; padding-right: 0px; padding-left: 0px; width: 100%; box-sizing: content-box; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: white; font-weight: bold; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #216ba5; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__day { cursor: pointer; } .react-datepicker__day:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day--today { font-weight: bold; } .react-datepicker__day--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover { background-color: #32be3f; } .react-datepicker__day--highlighted-custom-1 { color: magenta; } .react-datepicker__day--highlighted-custom-2 { color: green; } .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover { background-color: #1d5d90; } .react-datepicker__day--keyboard-selected { border-radius: 0.3rem; background-color: #2a87d0; color: #fff; } .react-datepicker__day--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) { background-color: #f0f0f0; color: #000; } .react-datepicker__day--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover { background-color: transparent; } .react-datepicker__input-container { position: relative; display: inline-block; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { border-top-color: #ccc; float: right; margin-left: 20px; top: 8px; position: relative; border-width: 0.45rem; } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { background-color: transparent; border: 0; cursor: pointer; outline: 0; padding: 0; vertical-align: middle; position: absolute; height: 16px; width: 16px; top: 25%; right: 7px; } .react-datepicker__close-icon::after { background-color: #216ba5; border-radius: 50%; bottom: 0; box-sizing: border-box; color: #fff; content: "\D7"; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 1; margin: -8px auto 0; padding: 2px; position: absolute; right: 0px; text-align: center; } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } .react-datepicker__portal .react-datepicker__navigation { border: 0.81rem solid transparent; } .react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__portal .react-datepicker__navigation--next { border-left-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .justify-content-between { justify-content: space-between; } .form-group { margin-bottom: 1rem; display: inline-block; width: 100%; } .flex-grow { flex-grow: 1; } .flex-direction-column { flex-direction: column; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .col-md-12, .col-md-8, .col-md-6, .col-md-4, .col-md-3, .col-sm-4 { padding-right: 15px; padding-left: 15px; } .rounded-circle { border-radius: 50% !important; } .text-underline { text-decoration: underline; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .flex-wrap { flex-wrap: wrap; } .customerTips .customerTips-title { font-size: 13px; color: #888888; } .customerTips #timeline-wrapper { width: 50%; margin-left: 25%; margin-bottom: 20px; } .customerTips #timeline-wrapper #timeline { background-color: #37b55c; height: 2px; width: 100%; position: relative; } .customerTips #timeline-wrapper #timeline .dot { z-index: 99; transition: 0.3s ease-in-out; width: 20px; height: 20px; border-radius: 50%; position: absolute; top: -10px; text-align: center; cursor: pointer; color: white; background: black; } .customerTips #timeline-wrapper #timeline .dot.active { background: #37b55c; } .customerTips #timeline-wrapper #timeline .dot span { display: inline-block; margin-top: 3px; width: 20px; height: 20px; position: relative; border-radius: 50%; } .customerTips .customerTips-item { display: flex; background: #ffffff; padding: 10px 20px; border-radius: 4px; margin-bottom: 15px; width: 100%; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; cursor: pointer; } .customerTips .customerTips-item > span { display: flex; align-items: center; } .customerTips .customerTips-item .customerTips-item-checkbox { padding-right: 20px; align-items: center; display: flex; } .customerTips .customerTips-item .customerTips-item-checkbox .customerTips-checkbox { width: 30px; height: 30px; border: 1px solid #e7e7e7; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .customerTips .customerTips-item .customerTips-item-checkbox .customerTips-checkbox img { width: 16px; } .customerTips .customerTips-item .customerTips-item-title { font-size: 15px; font-weight: 500; color: #333333; align-items: center; display: flex; } .customerTips .customerTips-item .customerTips-item-description { color: #888888; margin: 5px 0; margin-left: auto; align-items: center; display: flex; } .customerTips .customerTips-item .customerTips-item-description img { width: 25px; height: 25px; position: absolute; right: 20px; } .customerTips .customerTips-item #settingsForm .template-selector.selected .title { font-weight: 700; } .customerTips .customerTips-item #settingsForm .template-selector span.title { font-size: 13px; font-weight: normal; } .customerTips .customerTips-item.customerTips-item-active .customerTips-item-checkbox .customerTips-checkbox { background: #29aea9; border-color: #29aea9; } .customerTips .customerTips-item.customerTips-item-active .customerTips-item-title { color: #888888; } .customerTips .customerTips-item.customerTips-item-active .customerTips-item-title b { font-weight: 400; } .customerTips .customerTips-item.customerTips-item-active .customerTips-item-description { display: none; } .customerTips #downloadMobileApp .mt-25 { margin-top: 25px; } .customerTips #downloadMobileApp .download-icon { height: 53px; } .customerTips #downloadMobileApp .download-icon:first-child { margin-right: 10px; } .customerTips #downloadMobileApp .download-icon.android { margin-top: -11px; height: 76px; } input[name='autologin'] { opacity: 1; position: static; height: auto; } .passwordWithEyeIcon { position: relative !important; } .passwordWithEyeIcon i { position: absolute; bottom: 20%; right: 10px; } .chart_bg { float: left; width: 100%; background: #fff; margin-top: 10px; height: auto; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; border-radius: 4px; } .chart { height: 350px; margin-left: 60px; } #balanceChart { height: 350px; } #balanceChart .loader { width: 100%; margin-top: 130px; } #balance-graph .plus-btn { text-align: center; } #notifications-center { float: right; margin-right: 5px; } #notifications-center i { width: 22px; height: 22px; float: left; background: url(../images/icn-bell.svg); background-size: 22px auto; margin: 5px; cursor: pointer; } #notifications-center .badge { background: #fa3e3e; margin-left: -10px; padding: 3px 3px; border-radius: 3px; font-size: 10px; font-weight: normal; color: #fff !important; } #notifications-center .notifications-popup { float: left; width: 300px; background-color: #fff; } #notifications-center .notifications-popup.dropdown-menu { padding: 0; } #notifications-center .notifications-popup a { cursor: pointer; } #notifications-center .notifications-popup a:hover { text-decoration: none; } #notifications-center .notifications-popup .notifications-scroller { width: 100%; } #notifications-center .notifications-popup .notifications-header { width: 100%; border-bottom: 1px solid #cecece; float: left; padding: 8px; } #notifications-center .notifications-popup .notifications-header-label { float: left; font-weight: bold; } #notifications-center .notifications-popup .notifications-header-action { float: right; } #notifications-center .notifications-popup .notification-message { width: 100%; float: left; padding: 10px; background-color: #edf2fa; } #notifications-center .notifications-popup .notification-message.read { background-color: #fff; } #notifications-center .notifications-popup .notification-message-text { color: #000; } #notifications-center .notifications-popup .notification-message-time { color: #90949c; } #notifications-center .notifications-popup .notifications-footer { float: left; padding: 8px; width: 100%; text-align: center; border-top: 1px solid #cecece; } #main-content.moduleagend .datagrid td.options, #main-content.modulesettings .datagrid td.options { text-align: right; white-space: nowrap; } #document-form .tooltip { position: absolute; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; line-break: auto; } #document-form .tooltip.right .tooltip-arrow { border-right-color: red; } #document-form .tooltip.bottom .tooltip-arrow { border-bottom-color: red; } #document-form .tooltip.left .tooltip-arrow { border-left-color: red; } #document-form .tooltip.top .tooltip-arrow { border-top-color: red; } #document-form .tooltip .tooltip-inner { background-color: red; max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; border-radius: 4px; } #document-form .tooltip-item-description .tooltip { white-space: unset; right: 0 !important; } #document-form .tooltip-item-description .tooltip .tooltip-arrow { right: 15px !important; } /* datagrid custom group actions */ .datagrid .datagrid input[type='checkbox'] { opacity: 1; position: relative; } .datagrid .datagrid td.options.group-action { width: 50px; } #groupActionsWrapper { float: right; } #groupActionsWrapper div { display: inline-block; } #groupActionsWrapper #selectedTextWrapper { display: none; padding: 6px 12px; line-height: 1.42857143; } #groupActionsWrapper #selectedTextWrapper .selected-text { color: #777777; font-size: 14px; } #groupActionsWrapper #selectedTextWrapper .selected-number { color: #333333; font-size: 14px; } #groupActionsWrapper .custom-disabled { background-color: #ffffff !important; border-color: #cccccc !important; opacity: 0.65 !important; filter: alpha(opacity=65) !important; -webkit-box-shadow: none !important; box-shadow: none !important; transform: none; } #groupActionsAddPaymentForm #form { margin: 30px 0px; } #groupActionsAddPaymentForm button { margin-left: 10px; margin-top: 10px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: ' '; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #888; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .glyphicon-calendar { cursor: pointer; } #tracy-debug-bar img { width: 1.23em; } #container > #snippet-flashes- { position: absolute; z-index: 1030; left: 50%; margin-left: -250px; top: 9px; width: 500px; } .dropdown-grid:hover .dropdown-menu { display: block; } .dropdown-grid .dropdown-menu { margin-top: 0; } .dropdown-grid .dropdown-menu .dropdown-item { padding-left: 0; padding-right: 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } #gracePeriodModal > .modal-dialog { width: 400px; } .type-filter { width: 100px; display: inline-block; float: left; } #productsMigrationModal .modal-dialog { width: 400px; } #productsMigrationModal .modal-dialog .modal-body .second-description { float: left; padding: 10px 20px 0 20px !important; width: 100%; } #productsMigrationModal .modal-dialog .modal-footer .btn-block { display: inline-block; } .cursor-pointer { cursor: pointer !important; } .covid-menu-banner { text-align: center; margin-top: -93px; margin-bottom: 20px; } .covid-menu-banner span { color: #fff; line-height: 3; } .covid-menu-banner i { padding-right: 5px; color: #d51a60; } .covid-menu-banner a { display: inline-block; position: relative; text-align: center; } .covid-menu-banner a h4 { margin-top: -38px; color: #fff; } .google-map { border-radius: 7px; margin-bottom: 1rem; } .modal.fade.show { opacity: 1; } .modal-backdrop.fade.show { opacity: 0.8; } .modal-header { display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header.flex-row-reverse { flex-direction: row-reverse; } .nette-custom-error-input { border-color: red !important; } .nette-custom-error-text { color: red !important; padding-left: 10px !important; width: 100%; } .change-password .modal-dialog, .change-email .modal-dialog { max-width: 500px !important; } .change-password .modal-body, .change-email .modal-body { padding-bottom: 30px; } .change-password .modal-body .details-row, .change-email .modal-body .details-row { padding: 20px !important; } .change-password .show-password, .change-email .show-password { margin-left: -2em; font-size: 1.5em; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .billdu-toast { position: fixed; top: 10%; left: 50%; transform: translateX(-50%); opacity: 1; } .billdu-toast .green { background-color: #1db8b3; color: white; } .billdu-toast .red { background-color: #f2dede; color: #a94442; } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .menu-badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #333333; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #ffffff; border-radius: 10px; } @media (max-width: 768px) { .socialfb { display: none; } ul.stepper li .circle { width: 28px; /* Adjust size relative to the viewport width */ aspect-ratio: 1; /* Ensures the height matches the width */ background-color: rgba(0, 0, 0, 0.38); border-radius: 100%; /* Makes it a circle */ display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; margin: 0 10px; } } @media (min-width: 769px) { .download-app-button-sign { display: none; } ul.stepper li .circle { width: 28px !important; height: 28px; margin-right: 0.5rem; line-height: 1.7rem; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.38); border-radius: 50%; align-items: center; justify-content: center; display: flex; } } .settings-group-label { padding: 0; } .settings-group-label label { font-weight: 700 !important; color: #888888; text-transform: uppercase; font-size: 11px; } .setting-box { display: flex; flex-direction: row; color: #333333; } .setting-box .setting-box-emoji { display: flex; padding: 0 10px; } .setting-box .setting-box-emoji > div { background: #eee; width: 30px; height: 30px; font-size: 15px; align-items: center; justify-content: center; display: flex; border-radius: 5px; } .setting-box .setting-box-text { display: flex; flex-direction: column; } .setting-box .setting-box-text h5 { margin-top: 0; color: #4981ff; font-weight: bold; } .setting-box .setting-box-text p { color: #999999; margin: 0; } .text-decoration-none { text-decoration: none !important; } .two-column-form { display: flex; flex-direction: row; border-top: 0.8px solid #ececec; margin-top: 1.5rem !important; padding-top: 1rem !important; } .two-column-form.without-border { border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; } .two-column-form .first-column, .two-column-form .narrow-column { display: flex; width: 35%; flex-direction: column; } .two-column-form .first-column .main-content-box, .two-column-form .narrow-column .main-content-box { padding: 20px 40px 20px 40px; } .two-column-form .second-column, .two-column-form .wide-column { display: flex; max-width: 65%; min-width: 65%; flex-grow: 1; flex-direction: column; } .two-column-form .second-column .main-content-box, .two-column-form .wide-column .main-content-box { padding: 20px 40px 60px 40px; } .two-column-form > div:nth-child(1) { padding: 0; padding-right: 3em; } .two-column-form > div:nth-child(2) { padding: 0; padding-left: 3em; } .two-column-form.product-two-column-form > div:nth-child(1) { padding-right: 30px; } .two-column-form.product-two-column-form > div:nth-child(2) { padding-left: 0; } .two-column-form.product-two-column-form .main-content-box { margin-bottom: 30px; padding: 20px 40px 40px 40px; } ul.stepper label { vertical-align: sub; } ul.stepper #code-snippet { display: none; } ul.stepper .CodeMirror { border-radius: 10px; border: 1px solid #dddddd; height: 14.1rem; } ul.stepper .flex-row { -ms-flex-align: center !important; align-items: center !important; } .payments-component .input-label { padding: 0px; margin-top: 20px; } .payments-component .tooltip { z-index: 100000000; } .settings-header { display: flex; padding: 27.5px 60px; background: #f5f5f5; align-items: center; font-size: 13px; font-weight: bold; } .settings-header img { width: 55px; height: 55px; border-radius: 50%; border: 0.5px solid #cbcbce; margin-right: 1.5rem; } .settings-header a { font-size: 13px; font-weight: bold; } .template-switcher { display: flex; border: 1px solid #dadae4; padding: 3px; border-radius: 3px; } .template-switcher li { display: flex; width: unset; flex-grow: 1; border-radius: 3px; } .template-switcher li a { width: 100%; float: unset; padding: 7.5px; border-radius: 3px; color: black !important; font-size: 11px; } .template-switcher li.active a { background: #f5f5f5 !important; } .main-content-box { float: left; width: 100%; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; background: #fff; border-radius: 4px; padding: 40px 60px 60px 60px; } .main-content-box .addon-header h3 { margin-top: 0; display: flex; flex-grow: 1; } .main-content-box .addon-header h3 .products-count-info { font-size: 13px; display: flex; align-self: center; flex-grow: 1; justify-content: flex-end; } .main-content-box .addon-header span { color: #999999; } .learn-more-link { color: #333; text-decoration: underline; } .weights-component .input-group input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } .weights-component .input-group.disabled-input-group input, .weights-component .input-group.disabled-input-group span { color: #999999 !important; } .weights-component .input-group.disabled-input-group input { background: white; } .weights-component .input-group span { border-color: #dadae4; } .weights-component .icon_tools { width: 90px !important; align-self: center; } .input-group.no-right-radius { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .input-group.no-right-radius .input-group-addon { border-radius: 0 !important; border-right: 0 !important; } .input-group.no-left-radius { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .input-group.no-left-radius input { border-radius: 0 !important; } .input-group.url-name-input-group .input-group-addon { border-right: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-color: #dadae4; background: #f4f4f4; color: #999999; padding-right: 4px; } .input-group.url-name-input-group input { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border-left: 0 !important; padding-left: 4px; } .camera-wrapper { position: absolute; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333; } .camera-wrapper.camera-wrapper-logo { right: -3px; bottom: 5px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid white; background: #f5f5f5; } .camera-wrapper.camera-wrapper-cover { right: 10px; bottom: 10px; border-radius: 20%; background: white; width: 40px; height: 40px; } .form-control-search { padding-left: 2.375rem; } .collection-products-list { max-height: 500px; min-height: 30px; overflow-y: auto; } .input-group-block .input-group { display: block; } .input-group-block .input-group .bootstrap-select { display: block; } .input-group-block .dropdown-menu.open { max-width: 100%; } #clientModal.limit-modal .modal-dialog { width: 400px; } .tags-input-wrapper div.form-control { height: unset; padding: 8px 16px; } .tags-input-wrapper .badge.bg-secondary { background: #e4e5e7; margin-bottom: 1px; margin-top: 1px; white-space: normal; word-break: break-all; } .tags-input-wrapper .badge.bg-secondary button { outline: 0 !important; border: 0; background: inherit; } .tags-input-wrapper input { border: 0; outline: 0; padding: 10px 0; height: 22px; } /** Checkbox start **/ .own-checkbox-input:focus + .own-checkbox-inner, .own-checkbox:hover .own-checkbox-inner, .own-checkbox:hover .own-checkbox-inner { border-color: #4981ff; } .own-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 12px; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .own-checkbox .own-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 15px; height: 15px; background-color: #fff; border: 1px solid #dadae4; border-radius: 3px; border-collapse: separate; transition: all 0.3s; } .own-checkbox .own-checkbox-inner:after { content: ''; position: absolute; display: none; } .own-checkbox input { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0 !important; } .own-checkbox input:checked ~ .own-checkbox-inner { background-color: #4981ff; border-color: #4981ff; } .own-checkbox input:checked ~ .own-checkbox-inner:after { display: block; } .own-checkbox .own-checkbox-inner:after { left: 4px; top: 1px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /** Checkbox End **/ .search-icn { position: absolute; z-index: 2; width: 2.375rem; height: 2.375rem; line-height: 3.375rem; text-align: center; pointer-events: none; color: #aaa; } .search-icn.flex-icon { display: flex; align-items: center; padding-left: 0.75rem; } .search-icn.flex-icon + input { padding-left: 2rem; } .form-search input { padding-left: 2.375rem; } .white-bg .btn-main { margin-bottom: 10px; } .btn.btn-primary { background: #4981ff; border-color: #4981ff; box-shadow: 0 1px 2px 0 rgba(23, 10, 138, 0.4); padding: 10px 16px; } .btn.btn-primary:hover { transform: translate(0, -1px); box-shadow: 0 1px 2px 0 #170a8a; } .btn.btn-primary.plus { padding: 5px 16px 5px 10px !important; } .btn.btn-primary.plus:before { content: ''; display: block; background: url('/images/icn-plus-circle-btn.svg') no-repeat; background-size: 28px; width: 28px; height: 28px; float: left; } .btn.btn-primary.plus:after { display: none; } .btn.btn-primary.plus span { display: table-cell; padding: 5px 0 0 10px; } .btn.btn-primary.plus span.caret { display: inline-block; padding: 0; } .btn.btn-xs { padding: 5px 10px !important; } .btn.btn-danger { background-color: #ff4981; border-color: #ff4981; background-image: none; box-shadow: 0 1px 2px 0 rgba(107, 18, 45, 0.48); } .btn.btn-danger:hover { transform: translate(0, -1px); box-shadow: 0 1px 2px 0 rgba(107, 18, 45, 0.88); } .btn.btn-success { background: #1db8b3; border-color: #1db8b3; box-shadow: 0 1px 2px 0 rgba(12, 58, 57, 0.4); padding: 10px 16px; } .btn.btn-success:hover { transform: translate(0, -1px); box-shadow: 0 1px 2px 0 rgba(12, 58, 57, 0.8); } .btn.btn-success.plus { padding: 5px 16px 5px 10px !important; } .btn.btn-success.plus:before { content: ''; display: block; background: url('/images/icn-plus-circle-btn-green.svg') no-repeat; background-size: 28px; width: 28px; height: 28px; float: left; } .btn.btn-success span { display: table-cell; padding: 5px 0 0 10px; } .btn.btn-success[disabled] { background: #1db8b3; border-color: #1db8b3; } .btn.btn-default.btn-select { padding: 10px 8px !important; margin-left: -2px !important; box-shadow: none; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .btn.btn-default.btn-select.btn-inventory-movement { padding: 10px 16px !important; } .btn.btn-default.btn-select.color-picker-btn { padding: 0 !important; } .btn.btn-default.btn-select:hover { transform: none; } .btn .glyphicon-refresh-animate { display: inherit !important; padding: 0 !important; } input[type='color']::-webkit-color-swatch-wrapper { padding: 0; } input[type='color']::-webkit-color-swatch { border: none; } .m-0 { margin: 0 !important; } /* .modal-footer .btn-primary:before, .tools .btn-primary:before, .btn-lg.btn-primary:before, .addItemBtn .btn-primary:before, .drop-upload .btn-primary:before, .pay-or-comment-online .btn-primary:before, .order-options .btn-primary:before, .top-10 .btn-primary:before { content: none; } */ .products-row { flex-flow: column; } .products-row .products-row-flex-row { display: flex; flex-flow: row; } .products-row .form-control { border-radius: 0 !important; } .products-row .form-control:first-child { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .products-row .form-control:nth-last-child(3) { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; margin-left: -2px; } .products-row .form-control:focus { z-index: 10; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .products-row .form-control:focus:nth-last-child(3) { border-radius: 0 3px 3px 0; } .products-row .input-group-btn .btn { padding: 9px 5px; height: 40px; box-shadow: none; border-radius: 0 !important; } .products-row .input-group-btn .btn.autocompleteBtn { color: #dadae4; } .products-row .input-group-btn .btn.autocompleteBtn:hover, .products-row .input-group-btn .btn.autocompleteBtn:active, .products-row .input-group-btn .btn.autocompleteBtn:focus { border: 1px solid #dadae4; border-left: 0 !important; transform: none; } .products-row .btn-default:hover { transform: none; } .products-row textarea { margin-top: 8px; border-radius: 4px !important; } .inv-form-frame .invoice-products textarea.form-control { min-height: 40px !important; padding: 10px 8px; border-radius: 4px !important; } .inv-form-frame .invoice-products input.ui-autocomplete-input.form-control { min-height: 40px !important; padding: 10px 8px; padding-right: 49px; border-radius: 0 !important; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .total-row { background: #0b204c; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #fff; font-weight: bold; } /** Date picker **/ .inv-form-frame, .cost-details, .invoice-details { position: unset; } .inv-form-frame .details-row div.input-group:not(.discount-group) input.form-control.hasDatepicker, .cost-details .details-row div.input-group:not(.discount-group) input.form-control.hasDatepicker, .invoice-details .details-row div.input-group:not(.discount-group) input.form-control.hasDatepicker { border-right: 0; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .inv-form-frame .details-row div.input-group:not(.discount-group) input:focus + .input-group-addon, .cost-details .details-row div.input-group:not(.discount-group) input:focus + .input-group-addon, .invoice-details .details-row div.input-group:not(.discount-group) input:focus + .input-group-addon { border-color: #4981ff; } .inv-form-frame .details-row div.input-group:not(.discount-group) .input-group-addon, .cost-details .details-row div.input-group:not(.discount-group) .input-group-addon, .invoice-details .details-row div.input-group:not(.discount-group) .input-group-addon { background: none; border-color: #dadae4; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .glyphicon-calendar { background: url(/images/icn-date.svg) no-repeat center; width: 24px; height: 24px; background-size: 24px 24px; } .glyphicon-calendar:before { content: ''; } .glyphicon.glyphicon-calendar { color: #4981ff; } .input-group-addon { background: #fff; border-radius: 3px; } .input-group-addon .glyphicon:empty { width: 24px; } .inv-form-frame #freeInvoiceGenerator .invoice-products textarea { padding: 10px 8px; } .inv-form-frame #freeInvoiceGenerator .invoice-products input.ui-autocomplete-input { height: 40px !important; padding: 10px 8px; } .invoice-details { padding: 30px; margin-top: 5px; } .invoice-details .more { margin: 15px 0; padding: 10px 0; border-bottom: 1px solid #dadae4; border-top: 1px solid #dadae4; float: left; width: 100%; } .invoice-details .invoice-upper-note { margin: 14px 0 0 0; } .invoice-details label[for='frm-freeGeneratorForm-form-invoiceLabel'] { display: none; } .invoice-details input[name='invoiceLabel'] { border: 1px solid #fff; box-shadow: none; font-size: 26px; text-align: right; border-radius: 4px; text-transform: uppercase; } .invoice-details input[name='invoiceLabel']:hover, .invoice-details input[name='invoiceLabel']:active, .invoice-details input[name='invoiceLabel']:visited, .invoice-details input[name='invoiceLabel']:focus { border: 1px solid #dadae4 !important; } .more-details { padding: 2px 0 0 0; } .more-details img { width: 22px; margin: -3px 5px 0 0; } .note { border-radius: 3px; padding: 10px !important; border: 1px solid #dadae4; } .note.gray { background: #f8f7f7; border: none !important; } .Select-menu-outer { margin-top: -2px; z-index: 99; } .addItemBtn { margin-bottom: 15px !important; } .addItemBtn img { float: left; width: 30px; cursor: pointer; } .invoice-details .details-box.right { margin: 0 0 5px 15px; } .breadcrumb { margin-bottom: 0; } ol.breadcrumb { padding: 10px 12px 6px 0; } ol.breadcrumb .breadcrumb-item:first-child a { font-size: 23px; } ol.breadcrumb .breadcrumb-item:first-child a:before { content: ''; display: block; background: url(../images/menu-documents-active.svg); width: 29px; height: 29px; float: left; margin-right: 5px; } ol.breadcrumb .breadcrumb-item:first-child a.inbox:before { background: url(/images/menu-messages-active.svg); } ol.breadcrumb.expenses .breadcrumb-item:first-child a:before { background: url(../images/menu-expenses-active.svg); } ol.breadcrumb.products .breadcrumb-item:first-child a:before { background: url(../images/menu-items-active.svg); } ol.breadcrumb.clients .breadcrumb-item:first-child a:before { background: url(../images/menu-clients-active.svg); } ol.breadcrumb.settings .breadcrumb-item:first-child a:before { background: url(../images/menu-settings-active.svg); } ol.breadcrumb.appointments .breadcrumb-item:first-child a:before { background: url(../images/menu-appointments-active.svg); } ol.breadcrumb.sales-page .breadcrumb-item:first-child a:before { background: url(../images/menu-sales-page-active.svg); } .invoice-online-wrapper ol.breadcrumb a, .new-invoice-wrapper ol.breadcrumb a { font-size: 12px; } .invoice-online-wrapper ol.breadcrumb a:before, .new-invoice-wrapper ol.breadcrumb a:before { content: none; } .new-invoice-wrapper ol.breadcrumb { margin-top: 84px; } .modal-content { background: #fff; border-radius: 4px; } .modal-header { border: none; padding: 15px 15px 10px 15px; } .modal-title { padding: 25px 15px 0 15px; font-size: 23px; color: #000; font-weight: bold; } .modal-body { padding-top: 0; } .modal-body.invoice-details, .modal-body .invoice-details { padding: 0 20px 20px 20px !important; box-shadow: none; } .modal-body .size-k, .modal-body .note-size-b { width: 100%; } .modal-footer { padding: 20px 30px 20px; } button.close { line-height: 33px; font-size: 34px; font-weight: 200; opacity: 0.4; width: 40px; height: 40px; border-radius: 40px; transition: all 0.3s ease; } button.close:hover { background-color: #f4f4f4; } .attached-files { margin: 15px 0 0 0; } .attached-files .file-name { color: #4981ff; padding: 5px 8px; border: 2px solid #4981ff; border-radius: 26px; } .attached-files li { height: 30px; } .attachment-wrapper-drag { margin: 5px 0 0 0; } .cost-details { box-shadow: rgba(73, 77, 81, 0.08) 0 4px 12px 0; border-radius: 4px; padding: 10px 20px 20px 20px; background: #fff !important; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert.alert-info { color: #264996; background-color: #dbe5ff; border-color: transparent; } .alert.alert-success { color: #13716e; background-color: #cbebed; border-color: transparent; } .icn-tool { width: 24px; height: 24px; float: left; } .icn-tool.edit { background: url(../images/tools-edit.svg); } .icn-tool.edit:hover { background: url(../images/tools-edit-active.svg); } .icn-tool.send { background: url(../images/tools-send.svg); } .icn-tool.send:hover { background: url(../images/tools-send-active.svg); } .icn-tool.duplicate { background: url(../images/tools-duplicate.svg); } .icn-tool.duplicate:hover { background: url(../images/tools-duplicate-active.svg); } .icn-tool.copy-link { background: url(../images/tools-link.svg); } .icn-tool.copy-link:hover { background: url(../images/tools-link-active.svg); } .icn-tool.download { background: url(../images/tools-download.svg); } .icn-tool.download:hover { background: url(../images/tools-download-active.svg); } .icn-tool.reminder { background: url(../images/tools-reminder.svg); } .icn-tool.reminder:hover { background: url(../images/tools-reminder-active.svg); } .icn-tool.trash { background: url(../images/tools-trash.svg); } .icn-tool.trash:hover { background: url(../images/tools-trash-active.svg); } .icn-tool.xero { background: url(../images/tools-xero.svg); } .icn-tool.track { width: 26px; background: url(../images/tools-tracking.svg); } .user_bar .badge-account { float: left; } .user_bar .badge-account img { border-radius: 50%; width: 36px; height: 36px; } .user_bar .account { padding: 0; } .user_bar .account .account-wrapper { float: left; padding: 0 0 0 5px; } .user_bar .account .account-wrapper .company-name { display: block; text-align: left; max-width: 30ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user_bar .account .account-wrapper .account-name { display: block; text-align: left; line-height: 1; color: #888; max-width: 30ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user_bar .account .caret { float: left; margin: 17px 0 0 6px; } .user_bar .mobile > .dropdown-menu a { max-width: 200px; overflow: hidden; } #invoice-header.toolsbar-small { width: 844px !important; border: none; float: none; margin-top: 20px; position: fixed; left: 50%; margin-left: -417px; background: #fff; padding: 11px 4px 12px 4px; transition: box-shadow 2s; -moz-transition: box-shadow 2s; -webkit-transition: box-shadow 2s; -ms-transition: box-shadow 2s; -o-transition: box-shadow 2s; z-index: 100; box-shadow: rgba(73, 77, 81, 0.08) 0 4px 12px 0; border-radius: 4px; } #invoice-header.toolsbar-small.more-shadow { box-shadow: rgba(73, 77, 81, 0.8) 0 4px 12px 0; } .colorpicker-element input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .payment { color: #fff; padding: 3px 6px; border-radius: 10px; font-size: 11px; } .payment.green { background: #1db8b3; } .payment.blue { background: #4981ff; } .payment.red { background: #ff4981; } .grid-tools { width: 100%; float: left; background: #fff; padding: 18px; box-shadow: rgba(73, 77, 81, 0.08) 0 0 12px 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } #order-cart { box-shadow: rgba(73, 77, 81, 0.08) 0 4px 12px 0; border-radius: 4px; padding: 30px 30px 40px 30px; background: #fff; float: left; width: 100%; } .red-color { color: #ff4981 !important; } .green-color { color: #1db8b3 !important; } .dropdown-submenu > a:after { border-width: 4px 0 4px 5px; margin-top: 4px; } .dropdown-submenu:hover a:after { border-left-color: #000 !important; } .dropdown-menu-right { right: 0; left: auto; } .pt-10 { padding: 10px 0 0 0; } .invite-friends { cursor: pointer; } #sidebar > ul > li > ul.sub { list-style: none; } .paymentStatus, .shippingStatus, .appointmentStatusCancelled { padding: 3px 6px; border-radius: 10px; font-size: 11px; } .appointmentStatusCancelled { text-transform: uppercase; background-color: #ff4981; color: #fff; } .paymentStatus { background-color: #34343a; color: #d4d4df; } .shippingStatus { background-color: #f2f2f6; color: #000000; } .unpaid .payment { background-color: #4981ff; } .paid .payment { background-color: #1db8b3; } .partially .payment { background-color: #4981ff; } .overdue .payment, .failed .payment { background-color: #ff4981; } .accepted .payment { background-color: #1db8b3; } .payment.invoice_status { background-color: #e8e8e8; color: #888888; } .table tbody .payment { margin-right: 3px; } #header.accountant { width: 100%; } .notification-message-time .glyphicon.glyphicon-calendar { height: 1em; width: 1em; background: url(/images/icn-date-xs.svg) no-repeat; background-size: 1em; } #clientInputWrapper .input-is-empty .Select-menu-outer .Select-option:first-child { border-bottom: 1px solid #dadae4; padding: 11px 10px; color: #4981ff; } #clientInputWrapper .input-is-empty .Select-menu-outer .Select-option:first-child:before { content: ''; display: block; background: url(/images/icn-plus-circle-btn.svg) no-repeat; background-size: 28px; width: 28px; height: 28px; float: left; margin-top: -6px; margin-right: 5px; } .invoice-details .more.shipping a { text-align: left; } .notifications-grid tfoot td { text-align: center !important; } .notifications-grid tfoot td .docs-navi { top: unset; right: unset; box-shadow: unset; } #client-form .invoice-details .more { margin: 0; padding: 0; border: 0; float: unset; } #clientInvoiceGridFilter { width: 180px; margin-bottom: 15px; } @media (max-width: 1600px) { #groupActionsWrapper .dropdown > .dropdown-menu { right: 0; left: auto; } #groupActionsWrapper .dropdown-submenu .dropdown-menu a { padding-left: 10px; } } .autocompleteSuggestions { position: absolute; background: #fff; z-index: 100; border: 1px solid #4981ff; width: 100%; padding: 5px; max-height: 300px; overflow: auto; border-radius: 3px; margin-top: 3px; } .autocompleteSuggestionCell { padding: 6px 0; cursor: pointer; } .autocompleteSuggestionCell.highlighted { background: #ebf5ff; } #paypal-button-container { width: 240px; float: right; } .discount-group { cursor: pointer; } .discount-group [type='text'] { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .discount-group .input-group-addon { border: 1px solid #cccccc; } .discount-group .input-group-addon.active { color: #4980ff; border-color: #4980ff !important; background: #c5d7ff; } .discount-group .input-group-addon.percent { border-radius: 0 !important; } .discount-group #in-middle { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } #appointment-detail .appointment-card { box-shadow: rgba(73, 77, 81, 0.08) 0 4px 12px 0; border: 0; } #appointment-detail .appointment-card .card-body .card-subtitle { text-transform: uppercase; font-size: 11px; font-weight: bold; } #appointment-detail .appointment-card .card-body .card-title { padding-left: 25px; } #appointment-detail .appointment-card .card-body .card-title .btn-group { float: unset; } #appointment-detail .appointment-card .card-body .divider-row { width: 100%; margin: 10px 0; } #appointment-detail .appointment-card .card-body .appointment-detail { padding: 0 25px; } #appointment-detail .appointment-card .card-body .appointment-detail-col { padding-top: 10px; padding-bottom: 10px; } #appointment-detail .appointment-card .card-body .appointment-detail-col.appointment-detail-col-main { padding-bottom: 0; } #appointment-detail .appointment-card .card-body .map-image { border-radius: 4px; border: 1px solid #e1e1e1; } #appointment-detail .appointment-card .group-title { font-size: 18px; } .breadcrumb-item.active { padding-top: 12px; } .magic-link-info img { padding: 10px 0; } .magic-link-info .magic-link-description { padding-bottom: 20px; font-size: 14px; } .magic-link-info .magic-link-actions .magic-link-action-col { padding: 0; } .payment-filter .navbar { min-height: unset; } @media (min-width: 768px) { .payment-filter .navbar-nav { float: left; margin: 0; } .payment-filter .navbar-nav > li { float: left; } .payment-filter .navbar-nav > li > a { padding-top: 7px; padding-bottom: 7px; } } .card-body { padding: 1.25rem; background: white; } .autocompleteBtn { border-left: 0; } #editProfileModal .nav-justified { padding: 15px; } .modal-body-scrollable { height: 500px; overflow-y: auto; overflow-x: hidden; } .position-relative { position: relative !important; } .ui-autocomplete-input { padding-right: 55px; } .ui-autocomplete-input:focus + .input-group-btn button { border: 1px solid #4981ff !important; border-left: 0 !important; } .ui-autocomplete-input:focus + .autocompleteBtn { border-right: 1px solid #4981ff !important; } .autocompleteBtn { position: absolute; right: 1px; top: 1px; height: 38px; border: 0; box-shadow: none !important; border-radius: 0; z-index: 100; border-right: 1px solid white; } .details-box.strike-through input { text-decoration: line-through !important; } .timepicker .timepicker-picker table td { text-align: center; } .text-primary { color: #4981ff !important; } .popover-footer { padding: 3px; } .d-block { display: block !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .list-group-item-arrow { width: 25px; vertical-align: middle; } .mt-5, .my-5 { margin-top: 3rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .float-left { float: left; } .float-right { float: right; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pl-4 { padding-left: 1.5rem; } .pr-4 { padding-right: 1.5rem; } .pl-5 { padding-left: 3rem; } .pr-5 { padding-right: 3rem; } .mr-2 { margin-right: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-0 { margin-bottom: 0 !important; } #sendModal textarea { min-height: 136px !important; width: 100%; float: left; border: 1px solid #dadae4; padding: 8px; resize: none; outline: none; border-bottom: 0; } #sendModal .modal-content { width: 500px; } #sendModal .mail-attachments { border: 1px solid #dadae4; border-top: 0; padding: 10px; float: left; width: 100%; } #sendModal .mail-attachments .message-attachment-billdu_document, #sendModal .mail-attachments .message-attachment-billdu_booking_message, #sendModal .mail-attachments .message-attachment-file { width: 250px; padding: 0; border-radius: 7px; border: 1px solid #dadae4; background: #e9e9ea; float: left; } #sendModal .mail-attachments .message-attachment-billdu_document .message-attachment-title, #sendModal .mail-attachments .message-attachment-billdu_booking_message .message-attachment-title, #sendModal .mail-attachments .message-attachment-file .message-attachment-title { float: left; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; overflow-x: hidden; padding: 15px; width: 100%; } #sendModal .mail-attachments .message-attachment-billdu_document .message-attachment-title .main-title, #sendModal .mail-attachments .message-attachment-billdu_booking_message .message-attachment-title .main-title, #sendModal .mail-attachments .message-attachment-file .message-attachment-title .main-title { font-weight: 700; } #sendModal .mail-attachments .message-attachment-billdu_document .message-attachment-title .sub-title, #sendModal .mail-attachments .message-attachment-billdu_booking_message .message-attachment-title .sub-title, #sendModal .mail-attachments .message-attachment-file .message-attachment-title .sub-title { color: #818185; } #sendModal .mail-attachments .message-attachment-billdu_document .message-attachment-title-actions, #sendModal .mail-attachments .message-attachment-billdu_booking_message .message-attachment-title-actions, #sendModal .mail-attachments .message-attachment-file .message-attachment-title-actions { padding: 15px; float: left; padding-top: 0; width: 100%; } #sendModal .mail-attachments .message-attachment-billdu_document figure, #sendModal .mail-attachments .message-attachment-billdu_booking_message figure, #sendModal .mail-attachments .message-attachment-file figure { float: unset !important; cursor: pointer; } #sendModal .mail-attachments .message-attachment-billdu_document figure.with-zoom img.zoom-img, #sendModal .mail-attachments .message-attachment-billdu_booking_message figure.with-zoom img.zoom-img, #sendModal .mail-attachments .message-attachment-file figure.with-zoom img.zoom-img { display: none; } #sendModal .mail-attachments .message-attachment-billdu_document figure img, #sendModal .mail-attachments .message-attachment-billdu_booking_message figure img, #sendModal .mail-attachments .message-attachment-file figure img { border-top-left-radius: 7px; border-top-right-radius: 7px; } #sendModal .mail-attachments .message-attachment-billdu_document .attachment-data, #sendModal .mail-attachments .message-attachment-billdu_booking_message .attachment-data, #sendModal .mail-attachments .message-attachment-file .attachment-data { padding: 10px; background: #dadae4; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #sendModal .mail-attachments .message-attachment-billdu_document .attachment-actions, #sendModal .mail-attachments .message-attachment-billdu_booking_message .attachment-actions, #sendModal .mail-attachments .message-attachment-file .attachment-actions { display: flex; } #sendModal .mail-attachments .message-attachment-billdu_document .attachment-actions .attachment-action-main, #sendModal .mail-attachments .message-attachment-billdu_booking_message .attachment-actions .attachment-action-main, #sendModal .mail-attachments .message-attachment-file .attachment-actions .attachment-action-main { padding-right: 5px; width: 70%; } #sendModal .mail-attachments .message-attachment-billdu_document .attachment-actions .attachment-action-main .btn, #sendModal .mail-attachments .message-attachment-billdu_booking_message .attachment-actions .attachment-action-main .btn, #sendModal .mail-attachments .message-attachment-file .attachment-actions .attachment-action-main .btn { width: 100%; } #sendModal .mail-attachments .message-attachment-billdu_document.message-attachment-file, #sendModal .mail-attachments .message-attachment-billdu_booking_message.message-attachment-file, #sendModal .mail-attachments .message-attachment-file.message-attachment-file { margin-top: 1rem; } #sendModal .mail-attachments .message-attachment-billdu_document.message-attachment-file .message-attachment-title, #sendModal .mail-attachments .message-attachment-billdu_booking_message.message-attachment-file .message-attachment-title, #sendModal .mail-attachments .message-attachment-file.message-attachment-file .message-attachment-title { padding: 10px; } #sendModal .mail-attachments .message-attachment-billdu_document.message-attachment-file .message-attachment-title .main-title, #sendModal .mail-attachments .message-attachment-billdu_booking_message.message-attachment-file .message-attachment-title .main-title, #sendModal .mail-attachments .message-attachment-file.message-attachment-file .message-attachment-title .main-title { max-width: 64%; display: inline-block; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; } #sendModal .mail-attachments .message-attachment-billdu_document.message-attachment-file .message-attachment-title .file-size, #sendModal .mail-attachments .message-attachment-billdu_booking_message.message-attachment-file .message-attachment-title .file-size, #sendModal .mail-attachments .message-attachment-file.message-attachment-file .message-attachment-title .file-size { color: #818185; display: inline-block; vertical-align: middle; } #sendModal .mail-attachments .message-attachment-billdu_document.message-attachment-file .message-attachment-title .close-button, #sendModal .mail-attachments .message-attachment-billdu_booking_message.message-attachment-file .message-attachment-title .close-button, #sendModal .mail-attachments .message-attachment-file.message-attachment-file .message-attachment-title .close-button { float: right; border-radius: 50%; text-align: center; cursor: pointer; background-color: #d4d4d4; color: #818185; width: 20px; height: 20px; font-size: 14px; line-height: 1.3; } #sendModal .mail-attachments .attached-files { width: 250px; float: left; } #sendModal .mail-attachments .attached-files .file-name { display: block; background: #dadae4; border: 0; } #sendModal .mail-attachments .attached-files .file-name .delete { float: right; color: darkgray; } #sendModal .mail-attachments .attached-files .file-name .file-name-text { width: 220px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-img { width: 118px; height: 118px; margin-bottom: 0; cursor: pointer; } .product-img .upload-image-placeholder { border: 1px dashed #dadae4; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .product-img .upload-image-placeholder svg { margin-bottom: 5px; } .product-img .product-form-img { position: relative; } .product-img .product-form-img .delete-img { display: none; position: absolute; max-width: 100%; max-height: 100%; width: 100%; height: 100%; opacity: 0.6; justify-content: center; align-items: center; background-color: #333333; z-index: 10; } .product-img .product-form-img:hover .delete-img { display: flex; } .initial-hide { visibility: hidden; } .booking .input-group.filter-list { display: table !important; } .booking .input-group.filter-list input { padding-left: 30px; } .booking .booking-form input:disabled { background: #f5f5f5; } .booking .booking-form input:disabled + label { cursor: not-allowed; } .online-store .input-group.filter-list { display: table !important; } .online-store .input-group.filter-list input { padding-left: 30px; } .nice-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .nice-loader .nice-loader-background { width: 80px; height: 80px; margin: 0 auto; background: rgba(85, 85, 85, 0.1); padding: 22px 20px 20px; border-radius: 10px; text-align: center; } .nice-loader .nice-loader-background svg { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; width: 20px; height: 20px; margin-top: 8px; overflow: hidden; vertical-align: middle; margin-right: 0 !important; } .opening-hours-wrapper { width: 100%; display: flex; flex-direction: column; } .opening-hours-col-day { width: 70px; padding: calc(0.375rem + 1px) 15px; } .temporary-delete { background-image: url(/images/tools-delete-xs.svg); width: 20px; width: 22px !important; height: 22px; display: inline-block; background-position: center center; background-repeat: no-repeat; padding-left: 1px; cursor: pointer; } .form-text { display: block; margin-top: 0.25rem; } textarea { max-width: 100%; } .document-editor-summary-wrapper { width: 35.5%; float: right; } .document-editor-summary-wrapper .invoice-summary { width: 100%; margin: 0; float: unset; } .document-editor-summary-wrapper .deposit-button { padding: 10px 16px; } .document-editor-summary-wrapper .deposit-button.no-deposit { cursor: pointer; } .document-editor-summary-wrapper .deposit-button.no-deposit a { text-decoration: underline; } .document-editor-summary-wrapper .deposit-button.with-deposit { border: 1px solid #dadae4; border-radius: 3px !important; margin-top: 1em; } .document-editor-summary-wrapper .deposit-button.with-deposit a { float: right; cursor: pointer; } .document-editor-summary-wrapper .deposit-button.with-deposit label { color: #7b7b7b; margin: 0; font-weight: normal; } .banners { padding-bottom: 20px; } .banners .banner { display: flex; background: #ffffff; padding: 20px; border-radius: 4px; margin-bottom: 15px; width: 100%; box-shadow: rgba(73, 77, 81, 0.08) 0px 4px 12px 0px; } .banners .banner img { width: 62px; height: 62px; margin-right: 20px; align-self: center; } .banners .banner div { display: flex; flex-direction: column; position: relative; flex-grow: 1; } .banners .banner div p:last-child { margin-bottom: 0; } .banners .banner div p.banner-title { font-size: 16px; font-weight: 500; color: #333333; } .banners .banner div p.banner-description { font-size: 13px; color: #999999; } .banners .banner div .close { position: absolute; right: 0; } .upgade-modal-price-box { background: linear-gradient(0deg, #f4f6f6, #f4f6f6); border-radius: 5px; padding: 12px 20px; display: flex; flex-direction: column; margin: 20px 0px; } .upgade-modal-price-box .upgrade-box-name { font-weight: bold; font-size: 11px; line-height: 13px; text-transform: uppercase; color: #888888; margin: 10px 0px; } .upgade-modal-price-box .upgrade-box-price { font-weight: 500; font-size: 23px; line-height: 28px; color: #333333; margin: 10px 0px; } .upgade-modal-price-box .upgrade-box-note { font-weight: 500; font-size: 13px; line-height: 16px; color: #999999; margin: 10px 0px; } .prorated-label { font-weight: 500; font-size: 13px; line-height: 16px; color: #333333; } .prorated-note { font-weight: 500; font-size: 13px; line-height: 16px; color: #999999; } .invoice-detail-banners-wrapper { width: 844px; margin-left: -9px; margin-top: 100px; margin-bottom: -84px; } .invoice-detail-banners-wrapper .banners { padding-bottom: 0px; } .modal-content.give-modal { background-image: url(../images/modal-hero-bg.jpg?v=1); width: 634px; height: 479px; padding: 0 0 0 30px; border: none; } .modal-content.give-modal .close { color: #fff; } .give-modal .modal-header { border: none; padding: 15px 15px 10px 15px; background: none; } .give-modal .modal-title { color: #fff; font-size: 32px; padding-top: 42px; line-height: 1.2; } .give-modal .invoice-details { background: none; } .give-modal p { color: #fff; width: 250px; font-size: 15px; line-height: 1.5; margin-bottom: 20px; } .give-modal.more { background: #1f61e9 !important; } .give-modal.more p { width: 100%; } .give-modal .btn-toolbar { padding-bottom: 8px; } .give-modal .btn-rounded { min-width: 190px; text-transform: uppercase; background: #001770; color: #fff; border-radius: 24px; font-size: 12px; padding: 12px 20px; } .give-modal .btn-rounded .icn-fb { width: 15px; height: 15px; } .give-modal .btn-rounded img { width: 18px; height: 18px; } .give-modal a { color: #fff; font-size: 15px; } .give-modal a span.text { text-decoration: underline; }