diff --git a/misc/theme-cicada/Makefile b/misc/theme-cicada/Makefile index 120333844..c9f795e07 100644 --- a/misc/theme-cicada/Makefile +++ b/misc/theme-cicada/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-cicada -PLUGIN_VERSION= 1.1 +PLUGIN_VERSION= 1.2 PLUGIN_COMMENT= The cicada theme - grey/orange PLUGIN_MAINTAINER= martin@team-rebellion.net diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss index 51cd1a311..7b09e2e03 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss @@ -8665,6 +8665,14 @@ button.close { } } +/* COLLAPSE SIDEBAR @media*/ +@media (max-width: 768px), (max-height: 669px) { + .toggle-sidebar { + display: none !important; + } +} + +/* COLLAPSE SIDEBAR @media END*/ @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; @@ -8962,6 +8970,245 @@ body { } } +/* BOOTSTRAP EDIT END */ + +/* COLLAPSE SIDEBAR */ + +main.page-content.col-lg-12 { + padding-left: 90px; +} + +#navigation.col-sidebar-left { + width: 70px; + background-color: transparent !important; + overflow: hidden; + > div { + &.row { + height: 100% !important; + > nav.page-side-nav { + width: 70px; + background-color: #202020 !important; + height: 100% !important; + } + } + > nav > #mainmenu > div > { + a.list-group-item { + font-size: 11px; + text-align: center; + > span { + &.fa, &.glyphicon { + visibility: visible; + font-size: 28px; + } + &.__iconspacer { + padding-left: 7px; + padding-right: 7px; + } + } + width: 70px; + height: 70px; + padding-left: 10px; + padding-right: 10px; + padding-top: 15px; + padding-bottom: 15px; + border-bottom: 2px solid #393939; + } + div { + &.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + display: block !important; + position: absolute !important; + left: 70px !important; + margin-top: -70px !important; + } + &.collapse.in > div.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + display: block !important; + position: absolute !important; + left: 148px !important; + margin-top: -28px !important; + } + } + a.list-group-item.active-menu-title { + color: #FFF !important; + background-color: #2a2a2a !important; + } + } + } +} + +a.list-group-item.active-menu-title.collapsed { + color: #FFF !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > { + a.list-group-item[aria-expanded="true"] { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + div { + &.collapse { + &.in { + > a.list-group-item[aria-expanded="true"] { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + > div.collapse.in > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #393939e6 !important; + &.menu-level-3-item.active { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + } + } + > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #393939e6 !important; + } + > div.collapse > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + } + } + &.collapsed > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + } + &.collapse.in > a.list-group-item:hover { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + } +} + +a.list-group-item:focus { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus { + text-decoration: none !important; + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div { + &.collapse.in > a.list-group-item { + &.active-menu-title, &.collapsed:focus, &:focus { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + } + &.active-menu.collapse.in > a.list-group-item.active { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + &.collapse.in { + width: 150px; + font-size: 11px; + display: block; + z-index: 10; + position: absolute; + left: 70px; + margin-top: -70px; + height: auto; + border: 1px solid #515151; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapsing { + width: 0px; + font-size: 11px; + position: absolute; + display: block; + z-index: 10; + left: 70px; + margin-top: -70px; + height: auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapse.in > div { + &.collapse.in { + width: 150px; + font-size: 11px; + display: block; + z-index: 10; + position: absolute; + left: 148px; + margin-top: -28px; + height: auto; + border: 1px solid #515151; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapsing { + width: 0px; + font-size: 11px; + position: absolute; + display: block; + z-index: 10; + left: 148px; + margin-top: -28px; + height: auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + } + } +} + +/* Sub Level One */ + +/* Sub Level Two */ + +button.toggle-sidebar { + &.glyphicon { + &.glyphicon-chevron-left, &.glyphicon-chevron-right { + position: absolute; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; + } + &.glyphicon-chevron-left:active, &.glyphicon-chevron-right:active { + position: absolute; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + } + &.glyphicon-chevron-left:focus, &.glyphicon-chevron-right:focus { + outline: none; + } + } + color: #FFF; + background-color: transparent; + font-size: 14px; + border: none; + margin-top: 18px; + float: left; +} + +/* COLLAPSE SIDEBAR END*/ + #navigation.collapse.in { display: block !important; } @@ -9304,7 +9551,7 @@ label > input { /* fields in firewall schedule */ [data-state="lightcoral"] { - background-color: lightcoral; + background-color: #ec6d12; } [data-state="white"] { @@ -9366,6 +9613,10 @@ textarea#update_status { color: #ec6d12; } +#navigation > .fa-search::before, .fa-refresh::before { + color: inherit !important; +} + #totals .fa-search::before { color: #FFF !important; background-color: #ec6d12; @@ -9427,16 +9678,20 @@ ul.TokensContainer { -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; - li.Token { - color: #FFFFFF !important; - } +} + +::before, ::after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +Element { + width: 17px; } div.Tokenize ul { &.TokensContainer { - li.TokenSearch { - color: #FFFFFF !important; - } &:hover, &:focus { border-color: #ec6d12 !important; background-color: #2a2a2a !important; @@ -9452,18 +9707,47 @@ div.Tokenize ul { background-color: #2a2a2a !important; color: #FFFFFF !important; } - &.TokensContainer li { - &.Token { +} + +.tokenize { + > .tokens-container > { + .token { background-color: #ce671c !important; border: 1px solid #303030 !important; } - &.Placeholder { + .placeholder { color: #505050 !important; } - &.Token a.Close { + .token > .dismiss::after { color: #FFFFFF !important; } } + &.focus > .tokens-container { + border-color: #ec6d12 !important; + background-color: #2a2a2a !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + > .tokens-container { + border-radius: 3px; + border: 1px solid #5a5a5a !important; + background-color: #2a2a2a !important; + > { + .tokenize > .tokens-container > .token-search { + color: #FFFFFF !important; + border: none !important; + } + .token, .placeholder { + border: none !important; + } + .token-search { + border: none !important; + > input { + border: none !important; + } + } + } + } } .bootgrid-table th { diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css index df8ef9acd..78bee2244 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css @@ -5629,6 +5629,11 @@ button.close { @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } +/* COLLAPSE SIDEBAR @media*/ +@media (max-width: 768px), (max-height: 669px) { + .toggle-sidebar { + display: none !important; } } +/* COLLAPSE SIDEBAR @media END*/ @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @@ -5850,7 +5855,122 @@ body { .list-group-item.collapsed .caret { border-bottom: 4px solid green; border-top: 0; } +/* BOOTSTRAP EDIT END */ +/* COLLAPSE SIDEBAR */ +main.page-content.col-lg-12 { padding-left: 90px; } +#navigation.col-sidebar-left {width:70px;background-color: transparent !important; overflow: hidden;} +#navigation.col-sidebar-left > div.row {height:100% !important;} +#navigation.col-sidebar-left > div.row > nav.page-side-nav {width:70px; background-color:#202020 !important; height:100% !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {font-size:11px;text-align:center;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa {visibility: visible; font-size:28px;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {visibility: visible; font-size:28px;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {padding-left:7px;padding-right:7px;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item { + width: 70px; + height: 70px; + padding-left: 10px; + padding-right: 10px; + padding-top:15px; + padding-bottom:15px; + border-bottom:2px solid #393939; } +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; display: block !important; position: absolute !important; left: 70px !important; margin-top:-70px !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; display: block !important; position: absolute !important; left: 148px !important; margin-top:-28px !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item.active-menu-title, a.list-group-item.active-menu-title.collapsed {color: #FFF !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item[aria-expanded="true"] {color: #ec6d12 !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item[aria-expanded="true"] {color: #ec6d12 !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; background-color: #393939e6 !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; background-color: #393939e6 !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item.menu-level-3-item.active {color: #ec6d12 !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {padding-left: 10px !important;font-size: 11px !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {padding-left: 10px !important; font-size: 11px !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {color: #ec6d12 !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {text-decoration: none !important;color: #ec6d12 !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title {color: #ec6d12 !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus {color: #ec6d12 !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:focus {color: #ec6d12 !important;background-color: #2a2a2a !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.active-menu.collapse.in >a.list-group-item.active {color: #ec6d12 !important;background-color: #2a2a2a !important;} + +/* Sub Level One */ +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in { + width:150px; + font-size:11px; + display: block; + z-index: 10; + position: absolute; + left: 70px; + margin-top:-70px; + height:auto; + border:1px solid #515151; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing { + width:0px; + font-size:11px; + position: absolute; + display: block; + z-index: 10; + left: 70px; + margin-top:-70px; + height:auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);} + +/* Sub Level Two */ +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in { + width:150px; + font-size:11px; + display: block; + z-index: 10; + position: absolute; + left: 148px; + margin-top:-28px; + height:auto; + border:1px solid #515151; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing { + width:0px; + font-size:11px; + position: absolute; + display: block; + z-index: 10; + left: 148px; + margin-top:-28px; + height:auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75);} + +button.toggle-sidebar.glyphicon.glyphicon-chevron-left, button.toggle-sidebar.glyphicon.glyphicon-chevron-right{ + position:absolute; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +button.toggle-sidebar.glyphicon.glyphicon-chevron-left:active, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:active { + position:absolute; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +button.toggle-sidebar.glyphicon.glyphicon-chevron-left:focus, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:focus { outline:none;} +button.toggle-sidebar {color:#FFF; background-color:transparent; font-size:14px;border:none;margin-top: 18px;float:left;} + +/* COLLAPSE SIDEBAR END*/ #navigation.collapse.in { display: block !important; } @@ -6106,7 +6226,7 @@ label > input[type="radio"] { /* fields in firewall schedule */ [data-state="lightcoral"] { - background-color: lightcoral; } + background-color: #ec6d12; } [data-state="white"] { background-color: inherit; } @@ -6147,6 +6267,8 @@ textarea#update_status, textarea#update_status:hover { cursor: pointer; color: #ec6d12; } +#navigation > .fa-search::before, .fa-refresh::before { + color:inherit !important; } #totals .fa-search::before { color: #FFF !important; background-color: #ec6d12; @@ -6190,9 +6312,14 @@ ul.TokensContainer { -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; } -ul.TokensContainer li.Token, div.Tokenize ul.TokensContainer li.TokenSearch { - color:#FFFFFF !important; } - +::before, ::after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +Element { + width: 17px; +} div.Tokenize ul.TokensContainer:hover, div.Tokenize ul.TokensContainer:focus { border-color:#ec6d12 !important; background-color:#2a2a2a !important; @@ -6203,16 +6330,37 @@ div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown { border: 1px solid #5a5a5a !important; background-color: #2a2a2a !important; color:#FFFFFF !important; } -div.Tokenize ul.TokensContainer li.Token { +.tokenize > .tokens-container > .token { background-color: #ce671c !important; border: 1px solid #303030 !important; } -div.Tokenize ul.TokensContainer li.Placeholder { +.tokenize > .tokens-container > .placeholder { color:#505050 !important; } -div.Tokenize ul.TokensContainer li.Token a.Close { +.tokenize > .tokens-container > .token > .dismiss::after { color:#FFFFFF !important; } +.tokenize.focus > .tokens-container { + border-color:#ec6d12 !important; + background-color:#2a2a2a !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; } + +.tokenize > .tokens-container { + border-radius: 3px; + border: 1px solid #5a5a5a !important; + background-color: #2a2a2a !important;} + +.tokenize > .tokens-container > .tokenize > .tokens-container > .token-search { + color:#FFFFFF !important; + border:none !important;} + +.tokenize > .tokens-container > .token, .tokenize > .tokens-container > .placeholder, .tokenize > .tokens-container > .token-search { + border:none !important;} + +.tokenize > .tokens-container > .token-search > input { + border:none !important;} + .bootgrid-table th > .column-header-anchor, .bootgrid-table th > .column-header-anchor > .icon, .bootgrid-table th > .column-header-anchor > .glyphicon { color: #fff !important; } .bootgrid-table th:hover { diff --git a/misc/theme-rebellion/Makefile b/misc/theme-rebellion/Makefile index 171c56cb0..091c78cfd 100644 --- a/misc/theme-rebellion/Makefile +++ b/misc/theme-rebellion/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-rebellion -PLUGIN_VERSION= 1.1 +PLUGIN_VERSION= 1.2 PLUGIN_COMMENT= A suitably dark theme PLUGIN_MAINTAINER= team-rebellion@queens-park.com diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/bootstrap/_responsive-utilities.scss b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/bootstrap/_responsive-utilities.scss index 4d9e13b59..59829f2b3 100644 --- a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/bootstrap/_responsive-utilities.scss +++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/bootstrap/_responsive-utilities.scss @@ -127,6 +127,14 @@ @include responsive-invisibility('.hidden-sm'); } +/* COLLAPSE SIDEBAR @media*/ +@media (max-width: 768px), (max-height: 669px) { + .toggle-sidebar { + display: none !important; + } +} +/* COLLAPSE SIDEBAR @media END*/ + @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { @include responsive-invisibility('.hidden-md'); } diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss index 949591b43..dc084b775 100644 --- a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss +++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/assets/stylesheets/main.scss @@ -355,6 +355,243 @@ body{ } } +/* COLLAPSE SIDEBAR */ + +main.page-content.col-lg-12 { + padding-left: 90px; +} + +#navigation.col-sidebar-left { + width: 70px; + background-color: transparent !important; + overflow: hidden; + > div { + &.row { + height: 100% !important; + > nav.page-side-nav { + width: 70px; + background-color: #202020 !important; + height: 100% !important; + } + } + > nav > #mainmenu > div > { + a.list-group-item { + font-size: 11px; + text-align: center; + > span { + &.fa, &.glyphicon { + visibility: visible; + font-size: 28px; + } + &.__iconspacer { + padding-left: 7px; + padding-right: 7px; + } + } + width: 70px; + height: 70px; + padding-left: 10px; + padding-right: 10px; + padding-top: 15px; + padding-bottom: 15px; + border-bottom: 2px solid #393939; + } + div { + &.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + display: block !important; + position: absolute !important; + left: 70px !important; + margin-top: -70px !important; + } + &.collapse.in > div.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + display: block !important; + position: absolute !important; + left: 148px !important; + margin-top: -28px !important; + } + } + a.list-group-item.active-menu-title { + color: #FFF !important; + background-color: #2a2a2a !important; + } + } + } +} + +a.list-group-item.active-menu-title.collapsed { + color: #FFF !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > { + a.list-group-item[aria-expanded="true"] { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + div { + &.collapse { + &.in { + > a.list-group-item[aria-expanded="true"] { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + > div.collapse.in > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #393939e6 !important; + &.menu-level-3-item.active { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + } + } + > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #393939e6 !important; + } + > div.collapse > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + } + } + &.collapsed > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + } + &.collapse.in > a.list-group-item:hover { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + } +} + +a.list-group-item:focus { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus { + text-decoration: none !important; + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div { + &.collapse.in > a.list-group-item { + &.active-menu-title, &.collapsed:focus, &:focus { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + } + &.active-menu.collapse.in > a.list-group-item.active { + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } + &.collapse.in { + width: 150px; + font-size: 11px; + display: block; + z-index: 10; + position: absolute; + left: 70px; + margin-top: -70px; + height: auto; + border: 1px solid #515151; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapsing { + width: 0px; + font-size: 11px; + position: absolute; + display: block; + z-index: 10; + left: 70px; + margin-top: -70px; + height: auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapse.in > div { + &.collapse.in { + width: 150px; + font-size: 11px; + display: block; + z-index: 10; + position: absolute; + left: 148px; + margin-top: -28px; + height: auto; + border: 1px solid #515151; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapsing { + width: 0px; + font-size: 11px; + position: absolute; + display: block; + z-index: 10; + left: 148px; + margin-top: -28px; + height: auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + } + } +} + +/* Sub Level One */ + +/* Sub Level Two */ + +button.toggle-sidebar { + &.glyphicon { + &.glyphicon-chevron-left, &.glyphicon-chevron-right { + position: absolute; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; + } + &.glyphicon-chevron-left:active, &.glyphicon-chevron-right:active { + position: absolute; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + } + &.glyphicon-chevron-left:focus, &.glyphicon-chevron-right:focus { + outline: none; + } + } + color: #FFF; + background-color: transparent; + font-size: 14px; + border: none; + margin-top: 18px; + float: left; +} + +/* COLLAPSE SIDEBAR END*/ + #navigation.collapse.in{ display: block !important; } diff --git a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css index 5787a4749..4a5b84bfc 100644 --- a/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css +++ b/misc/theme-rebellion/src/opnsense/www/themes/rebellion/build/css/main.css @@ -6,33 +6,42 @@ padding-top: 1px !important; padding-right: 1px !important; padding-left: 5px !important; - min-height: 25px !important; } - .widgetdiv .content-box-head .btn-group .btn { - color: #C1C1c1 !important; - background: #454545 !important; - border: 0px; } - .widgetdiv .content-box-head .btn-group .btn .glyphicon { - color: #C1C1c1 !important; } - .widgetdiv .content-box-head .list-inline li > h3 { - padding-top: 4px; } + min-height: 25px !important; +} +.widgetdiv .content-box-head .btn-group .btn { + color: #C1C1c1 !important; + background: #454545 !important; + border: 0px; +} +.widgetdiv .content-box-head .btn-group .btn .glyphicon { + color: #C1C1c1 !important; +} +.widgetdiv .content-box-head .list-inline li > h3 { + padding-top: 4px; +} @font-face { - font-family: 'SourceSansProBold'; - src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); } + font-family: "SourceSansProBold"; + src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); +} @font-face { - font-family: 'SourceSansProSemibold'; - src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); } + font-family: "SourceSansProSemibold"; + src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); +} @font-face { - font-family: 'SourceSansProRegular'; - src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); } + font-family: "SourceSansProRegular"; + src: url("/ui/themes/opnsense/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/opnsense/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); +} /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; } + -webkit-text-size-adjust: 100%; +} body { - margin: 0; } + margin: 0; +} article, aside, @@ -46,87 +55,108 @@ main, nav, section, summary { - display: block; } + display: block; +} audio, canvas, progress, video { display: inline-block; - vertical-align: baseline; } + vertical-align: baseline; +} audio:not([controls]) { display: none; - height: 0; } + height: 0; +} [hidden], template { - display: none; } + display: none; +} a { - background: transparent; } + background: transparent; +} a:active, a:hover { - outline: 0; } + outline: 0; +} abbr[title] { - border-bottom: 1px dotted; } + border-bottom: 1px dotted; +} b, strong { - font-weight: bold; } + font-weight: bold; +} dfn { - font-style: italic; } + font-style: italic; +} h1 { font-size: 2em; - margin: 0.67em 0; } + margin: 0.67em 0; +} mark { background: #ff0; - color: #ccc; } + color: #ccc; +} small { - font-size: 80%; } + font-size: 80%; +} sub, sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; } + vertical-align: baseline; +} sup { - top: -0.5em; } + top: -0.5em; +} sub { - bottom: -0.25em; } + bottom: -0.25em; +} img { - border: 0; } + border: 0; +} svg:not(:root) { - overflow: hidden; } + overflow: hidden; +} figure { - margin: 1em 40px; } + margin: 1em 40px; +} hr { -moz-box-sizing: content-box; box-sizing: content-box; - height: 0; } + height: 0; +} pre { - overflow: auto; } + overflow: auto; +} code, kbd, pre, samp { font-family: monospace, monospace; - font-size: 1em; } + font-size: 1em; +} button, input, @@ -135,781 +165,1023 @@ select, textarea { color: inherit; font: inherit; - margin: 0; } + margin: 0; +} button { - overflow: visible; } + overflow: visible; +} button, select { - text-transform: none; } + text-transform: none; +} button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { +html input[type=button], +input[type=reset], +input[type=submit] { -webkit-appearance: button; - cursor: pointer; } + cursor: pointer; +} button[disabled], html input[disabled] { - cursor: default; } + cursor: default; +} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; - padding: 0; } + padding: 0; +} input { - line-height: normal; } + line-height: normal; +} -input[type="checkbox"], -input[type="radio"] { +input[type=checkbox], +input[type=radio] { box-sizing: border-box; - padding: 0; } + padding: 0; +} -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; } +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + height: auto; +} -input[type="search"] { +input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; - box-sizing: content-box; } + box-sizing: content-box; +} -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } + padding: 0.35em 0.625em 0.75em; +} legend { border: 0; - padding: 0; } + padding: 0; +} textarea { - overflow: auto; } + overflow: auto; +} optgroup { - font-weight: bold; } + font-weight: bold; +} table { border-collapse: collapse; - border-spacing: 0; } + border-spacing: 0; +} td, th { - padding: 0; } + padding: 0; +} @media print { * { text-shadow: none !important; color: #ccc !important; background: transparent !important; - box-shadow: none !important; } + box-shadow: none !important; + } a, - a:visited { - text-decoration: underline; } +a:visited { + text-decoration: underline; + } a[href]:after { - content: " (" attr(href) ")"; } + content: " (" attr(href) ")"; + } abbr[title]:after { - content: " (" attr(title) ")"; } + content: " (" attr(title) ")"; + } a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; } +a[href^="#"]:after { + content: ""; + } pre, - blockquote { +blockquote { border: 1px solid #999; - page-break-inside: avoid; } + page-break-inside: avoid; + } thead { - display: table-header-group; } + display: table-header-group; + } tr, - img { - page-break-inside: avoid; } +img { + page-break-inside: avoid; + } img { - max-width: 100% !important; } + max-width: 100% !important; + } p, - h2, - h3 { +h2, +h3 { orphans: 3; - widows: 3; } + widows: 3; + } h2, - h3 { - page-break-after: avoid; } +h3 { + page-break-after: avoid; + } select { - background: #555 !important; } + background: #555 !important; + } .navbar { - display: none; } + display: none; + } .table td, - .table th { - background-color: #444 !important; } +.table th { + background-color: #444 !important; + } .btn > .caret, - .dropup > .btn > .caret { - border-top-color: #ddd !important; } +.dropup > .btn > .caret { + border-top-color: #ddd !important; + } .label { - border: 1px solid #aaa; } + border: 1px solid #aaa; + } .table { - border-collapse: collapse !important; } + border-collapse: collapse !important; + } .table-bordered th, - .table-bordered td { - border: 1px solid #666 !important; } } +.table-bordered td { + border: 1px solid #666 !important; + } +} @font-face { - font-family: 'Glyphicons Halflings'; + font-family: "Glyphicons Halflings"; src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); - src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } + src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); +} .glyphicon { position: relative; top: 1px; display: inline-block; - font-family: 'Glyphicons Halflings'; + font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } + -moz-osx-font-smoothing: grayscale; +} .glyphicon-asterisk:before { - content: "\2a"; } + content: "*"; +} .glyphicon-plus:before { - content: "\2b"; } + content: "+"; +} .glyphicon-euro:before { - content: "\20ac"; } + content: "€"; +} .glyphicon-minus:before { - content: "\2212"; } + content: "−"; +} .glyphicon-cloud:before { - content: "\2601"; } + content: "☁"; +} .glyphicon-envelope:before { - content: "\2709"; } + content: "✉"; +} .glyphicon-pencil:before { - content: "\270f"; } + content: "✏"; +} .glyphicon-glass:before { - content: "\e001"; } + content: ""; +} .glyphicon-music:before { - content: "\e002"; } + content: ""; +} .glyphicon-search:before { - content: "\e003"; } + content: ""; +} .glyphicon-heart:before { - content: "\e005"; } + content: ""; +} .glyphicon-star:before { - content: "\e006"; } + content: ""; +} .glyphicon-star-empty:before { - content: "\e007"; } + content: ""; +} .glyphicon-user:before { - content: "\e008"; } + content: ""; +} .glyphicon-film:before { - content: "\e009"; } + content: ""; +} .glyphicon-th-large:before { - content: "\e010"; } + content: ""; +} .glyphicon-th:before { - content: "\e011"; } + content: ""; +} .glyphicon-th-list:before { - content: "\e012"; } + content: ""; +} .glyphicon-ok:before { - content: "\e013"; } + content: ""; +} .glyphicon-remove:before { - content: "\e014"; } + content: ""; +} .glyphicon-zoom-in:before { - content: "\e015"; } + content: ""; +} .glyphicon-zoom-out:before { - content: "\e016"; } + content: ""; +} .glyphicon-off:before { - content: "\e017"; } + content: ""; +} .glyphicon-signal:before { - content: "\e018"; } + content: ""; +} .glyphicon-cog:before { - content: "\e019"; } + content: ""; +} .glyphicon-trash:before { - content: "\e020"; } + content: ""; +} .glyphicon-home:before { - content: "\e021"; } + content: ""; +} .glyphicon-file:before { - content: "\e022"; } + content: ""; +} .glyphicon-time:before { - content: "\e023"; } + content: ""; +} .glyphicon-road:before { - content: "\e024"; } + content: ""; +} .glyphicon-download-alt:before { - content: "\e025"; } + content: ""; +} .glyphicon-download:before { - content: "\e026"; } + content: ""; +} .glyphicon-upload:before { - content: "\e027"; } + content: ""; +} .glyphicon-inbox:before { - content: "\e028"; } + content: ""; +} .glyphicon-play-circle:before { - content: "\e029"; } + content: ""; +} .glyphicon-repeat:before { - content: "\e030"; } + content: ""; +} .glyphicon-refresh:before { - content: "\e031"; } + content: ""; +} .glyphicon-list-alt:before { - content: "\e032"; } + content: ""; +} .glyphicon-lock:before { - content: "\e033"; } + content: ""; +} .glyphicon-flag:before { - content: "\e034"; } + content: ""; +} .glyphicon-headphones:before { - content: "\e035"; } + content: ""; +} .glyphicon-volume-off:before { - content: "\e036"; } + content: ""; +} .glyphicon-volume-down:before { - content: "\e037"; } + content: ""; +} .glyphicon-volume-up:before { - content: "\e038"; } + content: ""; +} .glyphicon-qrcode:before { - content: "\e039"; } + content: ""; +} .glyphicon-barcode:before { - content: "\e040"; } + content: ""; +} .glyphicon-tag:before { - content: "\e041"; } + content: ""; +} .glyphicon-tags:before { - content: "\e042"; } + content: ""; +} .glyphicon-book:before { - content: "\e043"; } + content: ""; +} .glyphicon-bookmark:before { - content: "\e044"; } + content: ""; +} .glyphicon-print:before { - content: "\e045"; } + content: ""; +} .glyphicon-camera:before { - content: "\e046"; } + content: ""; +} .glyphicon-font:before { - content: "\e047"; } + content: ""; +} .glyphicon-bold:before { - content: "\e048"; } + content: ""; +} .glyphicon-italic:before { - content: "\e049"; } + content: ""; +} .glyphicon-text-height:before { - content: "\e050"; } + content: ""; +} .glyphicon-text-width:before { - content: "\e051"; } + content: ""; +} .glyphicon-align-left:before { - content: "\e052"; } + content: ""; +} .glyphicon-align-center:before { - content: "\e053"; } + content: ""; +} .glyphicon-align-right:before { - content: "\e054"; } + content: ""; +} .glyphicon-align-justify:before { - content: "\e055"; } + content: ""; +} .glyphicon-list:before { - content: "\e056"; } + content: ""; +} .glyphicon-indent-left:before { - content: "\e057"; } + content: ""; +} .glyphicon-indent-right:before { - content: "\e058"; } + content: ""; +} .glyphicon-facetime-video:before { - content: "\e059"; } + content: ""; +} .glyphicon-picture:before { - content: "\e060"; } + content: ""; +} .glyphicon-map-marker:before { - content: "\e062"; } + content: ""; +} .glyphicon-adjust:before { - content: "\e063"; } + content: ""; +} .glyphicon-tint:before { - content: "\e064"; } + content: ""; +} .glyphicon-edit:before { - content: "\e065"; } + content: ""; +} .glyphicon-share:before { - content: "\e066"; } + content: ""; +} .glyphicon-check:before { - content: "\e067"; } + content: ""; +} .glyphicon-move:before { - content: "\e068"; } + content: ""; +} .glyphicon-step-backward:before { - content: "\e069"; } + content: ""; +} .glyphicon-fast-backward:before { - content: "\e070"; } + content: ""; +} .glyphicon-backward:before { - content: "\e071"; } + content: ""; +} .glyphicon-play:before { - content: "\e072"; } + content: ""; +} .glyphicon-pause:before { - content: "\e073"; } + content: ""; +} .glyphicon-stop:before { - content: "\e074"; } + content: ""; +} .glyphicon-forward:before { - content: "\e075"; } + content: ""; +} .glyphicon-fast-forward:before { - content: "\e076"; } + content: ""; +} .glyphicon-step-forward:before { - content: "\e077"; } + content: ""; +} .glyphicon-eject:before { - content: "\e078"; } + content: ""; +} .glyphicon-chevron-left:before { - content: "\e079"; } + content: ""; +} .glyphicon-chevron-right:before { - content: "\e080"; } + content: ""; +} .glyphicon-plus-sign:before { - content: "\e081"; } + content: ""; +} .glyphicon-minus-sign:before { - content: "\e082"; } + content: ""; +} .glyphicon-remove-sign:before { - content: "\e083"; } + content: ""; +} .glyphicon-ok-sign:before { - content: "\e084"; } + content: ""; +} .glyphicon-question-sign:before { - content: "\e085"; } + content: ""; +} .glyphicon-info-sign:before { - content: "\e086"; } + content: ""; +} .glyphicon-screenshot:before { - content: "\e087"; } + content: ""; +} .glyphicon-remove-circle:before { - content: "\e088"; } + content: ""; +} .glyphicon-ok-circle:before { - content: "\e089"; } + content: ""; +} .glyphicon-ban-circle:before { - content: "\e090"; } + content: ""; +} .glyphicon-arrow-left:before { - content: "\e091"; } + content: ""; +} .glyphicon-arrow-right:before { - content: "\e092"; } + content: ""; +} .glyphicon-arrow-up:before { - content: "\e093"; } + content: ""; +} .glyphicon-arrow-down:before { - content: "\e094"; } + content: ""; +} .glyphicon-share-alt:before { - content: "\e095"; } + content: ""; +} .glyphicon-resize-full:before { - content: "\e096"; } + content: ""; +} .glyphicon-resize-small:before { - content: "\e097"; } + content: ""; +} .glyphicon-exclamation-sign:before { - content: "\e101"; } + content: ""; +} .glyphicon-gift:before { - content: "\e102"; } + content: ""; +} .glyphicon-leaf:before { - content: "\e103"; } + content: ""; +} .glyphicon-fire:before { - content: "\e104"; } + content: ""; +} .glyphicon-eye-open:before { - content: "\e105"; } + content: ""; +} .glyphicon-eye-close:before { - content: "\e106"; } + content: ""; +} .glyphicon-warning-sign:before { - content: "\e107"; } + content: ""; +} .glyphicon-plane:before { - content: "\e108"; } + content: ""; +} .glyphicon-calendar:before { - content: "\e109"; } + content: ""; +} .glyphicon-random:before { - content: "\e110"; } + content: ""; +} .glyphicon-comment:before { - content: "\e111"; } + content: ""; +} .glyphicon-magnet:before { - content: "\e112"; } + content: ""; +} .glyphicon-chevron-up:before { - content: "\e113"; } + content: ""; +} .glyphicon-chevron-down:before { - content: "\e114"; } + content: ""; +} .glyphicon-retweet:before { - content: "\e115"; } + content: ""; +} .glyphicon-shopping-cart:before { - content: "\e116"; } + content: ""; +} .glyphicon-folder-close:before { - content: "\e117"; } + content: ""; +} .glyphicon-folder-open:before { - content: "\e118"; } + content: ""; +} .glyphicon-resize-vertical:before { - content: "\e119"; } + content: ""; +} .glyphicon-resize-horizontal:before { - content: "\e120"; } + content: ""; +} .glyphicon-hdd:before { - content: "\e121"; } + content: ""; +} .glyphicon-bullhorn:before { - content: "\e122"; } + content: ""; +} .glyphicon-bell:before { - content: "\e123"; } + content: ""; +} .glyphicon-certificate:before { - content: "\e124"; } + content: ""; +} .glyphicon-thumbs-up:before { - content: "\e125"; } + content: ""; +} .glyphicon-thumbs-down:before { - content: "\e126"; } + content: ""; +} .glyphicon-hand-right:before { - content: "\e127"; } + content: ""; +} .glyphicon-hand-left:before { - content: "\e128"; } + content: ""; +} .glyphicon-hand-up:before { - content: "\e129"; } + content: ""; +} .glyphicon-hand-down:before { - content: "\e130"; } + content: ""; +} .glyphicon-circle-arrow-right:before { - content: "\e131"; } + content: ""; +} .glyphicon-circle-arrow-left:before { - content: "\e132"; } + content: ""; +} .glyphicon-circle-arrow-up:before { - content: "\e133"; } + content: ""; +} .glyphicon-circle-arrow-down:before { - content: "\e134"; } + content: ""; +} .glyphicon-globe:before { - content: "\e135"; } + content: ""; +} .glyphicon-wrench:before { - content: "\e136"; } + content: ""; +} .glyphicon-tasks:before { - content: "\e137"; } + content: ""; +} .glyphicon-filter:before { - content: "\e138"; } + content: ""; +} .glyphicon-briefcase:before { - content: "\e139"; } + content: ""; +} .glyphicon-fullscreen:before { - content: "\e140"; } + content: ""; +} .glyphicon-dashboard:before { - content: "\e141"; } + content: ""; +} .glyphicon-paperclip:before { - content: "\e142"; } + content: ""; +} .glyphicon-heart-empty:before { - content: "\e143"; } + content: ""; +} .glyphicon-link:before { - content: "\e144"; } + content: ""; +} .glyphicon-phone:before { - content: "\e145"; } + content: ""; +} .glyphicon-pushpin:before { - content: "\e146"; } + content: ""; +} .glyphicon-usd:before { - content: "\e148"; } + content: ""; +} .glyphicon-gbp:before { - content: "\e149"; } + content: ""; +} .glyphicon-sort:before { - content: "\e150"; } + content: ""; +} .glyphicon-sort-by-alphabet:before { - content: "\e151"; } + content: ""; +} .glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; } + content: ""; +} .glyphicon-sort-by-order:before { - content: "\e153"; } + content: ""; +} .glyphicon-sort-by-order-alt:before { - content: "\e154"; } + content: ""; +} .glyphicon-sort-by-attributes:before { - content: "\e155"; } + content: ""; +} .glyphicon-sort-by-attributes-alt:before { - content: "\e156"; } + content: ""; +} .glyphicon-unchecked:before { - content: "\e157"; } + content: ""; +} .glyphicon-expand:before { - content: "\e158"; } + content: ""; +} .glyphicon-collapse-down:before { - content: "\e159"; } + content: ""; +} .glyphicon-collapse-up:before { - content: "\e160"; } + content: ""; +} .glyphicon-log-in:before { - content: "\e161"; } + content: ""; +} .glyphicon-flash:before { - content: "\e162"; } + content: ""; +} .glyphicon-log-out:before { - content: "\e163"; } + content: ""; +} .glyphicon-new-window:before { - content: "\e164"; } + content: ""; +} .glyphicon-record:before { - content: "\e165"; } + content: ""; +} .glyphicon-save:before { - content: "\e166"; } + content: ""; +} .glyphicon-open:before { - content: "\e167"; } + content: ""; +} .glyphicon-saved:before { - content: "\e168"; } + content: ""; +} .glyphicon-import:before { - content: "\e169"; } + content: ""; +} .glyphicon-export:before { - content: "\e170"; } + content: ""; +} .glyphicon-send:before { - content: "\e171"; } + content: ""; +} .glyphicon-floppy-disk:before { - content: "\e172"; } + content: ""; +} .glyphicon-floppy-saved:before { - content: "\e173"; } + content: ""; +} .glyphicon-floppy-remove:before { - content: "\e174"; } + content: ""; +} .glyphicon-floppy-save:before { - content: "\e175"; } + content: ""; +} .glyphicon-floppy-open:before { - content: "\e176"; } + content: ""; +} .glyphicon-credit-card:before { - content: "\e177"; } + content: ""; +} .glyphicon-transfer:before { - content: "\e178"; } + content: ""; +} .glyphicon-cutlery:before { - content: "\e179"; } + content: ""; +} .glyphicon-header:before { - content: "\e180"; } + content: ""; +} .glyphicon-compressed:before { - content: "\e181"; } + content: ""; +} .glyphicon-earphone:before { - content: "\e182"; } + content: ""; +} .glyphicon-phone-alt:before { - content: "\e183"; } + content: ""; +} .glyphicon-tower:before { - content: "\e184"; } + content: ""; +} .glyphicon-stats:before { - content: "\e185"; } + content: ""; +} .glyphicon-sd-video:before { - content: "\e186"; } + content: ""; +} .glyphicon-hd-video:before { - content: "\e187"; } + content: ""; +} .glyphicon-subtitles:before { - content: "\e188"; } + content: ""; +} .glyphicon-sound-stereo:before { - content: "\e189"; } + content: ""; +} .glyphicon-sound-dolby:before { - content: "\e190"; } + content: ""; +} .glyphicon-sound-5-1:before { - content: "\e191"; } + content: ""; +} .glyphicon-sound-6-1:before { - content: "\e192"; } + content: ""; +} .glyphicon-sound-7-1:before { - content: "\e193"; } + content: ""; +} .glyphicon-copyright-mark:before { - content: "\e194"; } + content: ""; +} .glyphicon-registration-mark:before { - content: "\e195"; } + content: ""; +} .glyphicon-cloud-download:before { - content: "\e197"; } + content: ""; +} .glyphicon-cloud-upload:before { - content: "\e198"; } + content: ""; +} .glyphicon-tree-conifer:before { - content: "\e199"; } + content: ""; +} .glyphicon-tree-deciduous:before { - content: "\e200"; } + content: ""; +} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} html { font-size: 10px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + -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: #C1C1c1; - background-color: #333; } + background-color: #333; +} input, button, @@ -917,33 +1189,41 @@ select, textarea { font-family: inherit; font-size: inherit; - line-height: inherit; } + line-height: inherit; +} a { color: #EA7105; - text-decoration: none; } - a:hover, a:focus { - color: #9f4d03; - text-decoration: underline; } - a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } + text-decoration: none; +} +a:hover, a:focus { + color: #9f4d03; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} figure { - margin: 0; } + margin: 0; +} img { - vertical-align: middle; } + vertical-align: middle; +} .img-responsive { display: block; width: 100% \9; max-width: 100%; - height: auto; } + height: auto; +} .img-rounded { - border-radius: 6px; } + border-radius: 6px; +} .img-thumbnail { padding: 4px; @@ -957,16 +1237,19 @@ img { display: inline-block; width: 100% \9; max-width: 100%; - height: auto; } + height: auto; +} .img-circle { - border-radius: 50%; } + border-radius: 50%; +} hr { margin-top: 20px; margin-bottom: 20px; border: 0; - border-top: 1px solid #1a1a1a; } + border-top: 1px solid #1a1a1a; +} .sr-only { position: absolute; @@ -976,7 +1259,8 @@ hr { padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); - border: 0; } + border: 0; +} .sr-only-focusable:active, .sr-only-focusable:focus { position: static; @@ -984,241 +1268,303 @@ hr { height: auto; margin: 0; overflow: visible; - clip: auto; } + clip: auto; +} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "SourceSansProSemiBold"; font-weight: 100; line-height: 1.4; - color: inherit; } - h1 small, - h1 .small, h2 small, - h2 .small, h3 small, - h3 .small, h4 small, - h4 .small, h5 small, - h5 .small, h6 small, - h6 .small, - .h1 small, - .h1 .small, .h2 small, - .h2 .small, .h3 small, - .h3 .small, .h4 small, - .h4 .small, .h5 small, - .h5 .small, .h6 small, - .h6 .small { - font-weight: normal; - line-height: 1; - color: #DDd; } + color: inherit; +} +h1 small, +h1 .small, h2 small, +h2 .small, h3 small, +h3 .small, h4 small, +h4 .small, h5 small, +h5 .small, h6 small, +h6 .small, +.h1 small, +.h1 .small, .h2 small, +.h2 .small, .h3 small, +.h3 .small, .h4 small, +.h4 .small, .h5 small, +.h5 .small, .h6 small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #DDd; +} h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; - margin-bottom: 10px; } - h1 small, - h1 .small, .h1 small, - .h1 .small, - h2 small, - h2 .small, .h2 small, - .h2 .small, - h3 small, - h3 .small, .h3 small, - .h3 .small { - font-size: 65%; } + margin-bottom: 10px; +} +h1 small, +h1 .small, .h1 small, +.h1 .small, +h2 small, +h2 .small, .h2 small, +.h2 .small, +h3 small, +h3 .small, .h3 small, +.h3 .small { + font-size: 65%; +} h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; - margin-bottom: 10px; } - h4 small, - h4 .small, .h4 small, - .h4 .small, - h5 small, - h5 .small, .h5 small, - .h5 .small, - h6 small, - h6 .small, .h6 small, - .h6 .small { - font-size: 75%; } + margin-bottom: 10px; +} +h4 small, +h4 .small, .h4 small, +.h4 .small, +h5 small, +h5 .small, .h5 small, +.h5 .small, +h6 small, +h6 .small, .h6 small, +.h6 .small { + font-size: 75%; +} h1, .h1 { - font-size: 23px; } + font-size: 23px; +} h2, .h2 { - font-size: 16px; } + font-size: 16px; +} h3, .h3 { - font-size: 14px; } + font-size: 14px; +} h4, .h4 { - font-size: 18px; } + font-size: 18px; +} h5, .h5 { - font-size: 14px; } + font-size: 14px; +} h6, .h6 { - font-size: 12px; } + font-size: 12px; +} p { - margin: 0 0 10px; } + margin: 0 0 10px; +} .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; - line-height: 1.4; } - @media (min-width: 768px) { - .lead { - font-size: 21px; } } + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} small, .small { - font-size: 85%; } + font-size: 85%; +} cite { - font-style: normal; } + font-style: normal; +} mark, .mark { background-color: #fcf8e3; - padding: .2em; } + padding: 0.2em; +} .text-left { - text-align: left; } + text-align: left; +} .text-right { - text-align: right; } + text-align: right; +} .text-center { - text-align: center; } + text-align: center; +} .text-justify { - text-align: justify; } + text-align: justify; +} .text-nowrap { - white-space: nowrap; } + white-space: nowrap; +} .text-lowercase { - text-transform: lowercase; } + text-transform: lowercase; +} .text-uppercase { - text-transform: uppercase; } + text-transform: uppercase; +} .text-capitalize { - text-transform: capitalize; } + text-transform: capitalize; +} .text-muted { - color: #DDd; } + color: #DDd; +} .text-primary { - color: #EA7105; } + color: #EA7105; +} a.text-primary:hover { - color: #b85904; } + color: #b85904; +} .text-success { - color: #7Ba255; } + color: #7Ba255; +} a.text-success:hover { - color: #628143; } + color: #628143; +} .text-info { - color: #ffffff; } + color: #ffffff; +} a.text-info:hover { - color: #e6e6e6; } + color: #e6e6e6; +} .text-warning { - color: #f0ad4e; } + color: #f0ad4e; +} a.text-warning:hover { - color: #ec971f; } + color: #ec971f; +} .text-danger { - color: #F05050; } + color: #F05050; +} a.text-danger:hover { - color: #ec2121; } + color: #ec2121; +} .bg-primary { - color: #333; } + color: #333; +} .bg-primary { - background-color: #EA7105; } + background-color: #EA7105; +} a.bg-primary:hover { - background-color: #b85904; } + background-color: #b85904; +} .bg-success { - background-color: #7Ba255; } + background-color: #7Ba255; +} a.bg-success:hover { - background-color: #628143; } + background-color: #628143; +} .bg-info { - background-color: #4545a7; } + background-color: #4545a7; +} a.bg-info:hover { - background-color: #363683; } + background-color: #363683; +} .bg-warning { - background-color: #fcf8e3; } + background-color: #fcf8e3; +} a.bg-warning:hover { - background-color: #f7ecb5; } + background-color: #f7ecb5; +} .bg-danger { - background-color: #F05050; } + background-color: #F05050; +} a.bg-danger:hover { - background-color: #ec2121; } + background-color: #ec2121; +} .page-header { padding-bottom: 9px; margin: 40px 0 20px; - border-bottom: 1px solid #1a1a1a; } + border-bottom: 1px solid #1a1a1a; +} ul, ol { margin-top: 0; - margin-bottom: 10px; } - ul ul, - ul ol, - ol ul, - ol ol { - margin-bottom: 0; } + margin-bottom: 10px; +} +ul ul, +ul ol, +ol ul, +ol ol { + margin-bottom: 0; +} .list-unstyled, .list-inline { padding-left: 0; - list-style: none; } + list-style: none; +} .list-inline { - margin-left: -5px; } - .list-inline > li { - float: left; - padding-left: 5px; - padding-right: 5px; } + margin-left: -5px; +} +.list-inline > li { + float: left; + padding-left: 5px; + padding-right: 5px; +} dl { margin-top: 0; - margin-bottom: 20px; } + margin-bottom: 20px; +} dt, dd { - line-height: 1.428571429; } + line-height: 1.428571429; +} dt { - font-weight: bold; } + font-weight: bold; +} dd { - margin-left: 0; } + margin-left: 0; +} .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; - display: table; } + display: table; +} .dl-horizontal dd:after { - clear: both; } + clear: both; +} @media (min-width: 768px) { .dl-horizontal dt { float: left; @@ -1227,39 +1573,48 @@ dd { text-align: right; overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; } + white-space: nowrap; + } .dl-horizontal dd { - margin-left: 180px; } } + margin-left: 180px; + } +} abbr[title], abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #DDd; } + border-bottom: 1px dotted #DDd; +} .initialism { font-size: 90%; - text-transform: uppercase; } + text-transform: uppercase; +} blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; - border-left: 5px solid #1a1a1a; } - blockquote p:last-child, - blockquote ul:last-child, - blockquote ol:last-child { - margin-bottom: 0; } - blockquote footer, - blockquote small, - blockquote .small { - display: block; - font-size: 80%; - line-height: 1.428571429; - color: #DDd; } - blockquote footer:before, - blockquote small:before, - blockquote .small:before { - content: '\2014 \00A0'; } + border-left: 5px solid #1a1a1a; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.428571429; + color: #DDd; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: "— "; +} .blockquote-reverse, blockquote.pull-right { @@ -1267,43 +1622,50 @@ blockquote.pull-right { padding-left: 0; border-right: 5px solid #1a1a1a; border-left: 0; - text-align: right; } - .blockquote-reverse footer:before, - .blockquote-reverse small:before, - .blockquote-reverse .small:before, - blockquote.pull-right footer:before, - blockquote.pull-right small:before, - blockquote.pull-right .small:before { - content: ''; } - .blockquote-reverse footer:after, - .blockquote-reverse small:after, - .blockquote-reverse .small:after, - blockquote.pull-right footer:after, - blockquote.pull-right small:after, - blockquote.pull-right .small:after { - content: '\00A0 \2014'; } + text-align: right; +} +.blockquote-reverse footer:before, +.blockquote-reverse small:before, +.blockquote-reverse .small:before, +blockquote.pull-right footer:before, +blockquote.pull-right small:before, +blockquote.pull-right .small:before { + content: ""; +} +.blockquote-reverse footer:after, +.blockquote-reverse small:after, +.blockquote-reverse .small:after, +blockquote.pull-right footer:after, +blockquote.pull-right small:after, +blockquote.pull-right .small:after { + content: " —"; +} blockquote:before, blockquote:after { - content: ""; } + content: ""; +} address { margin-bottom: 20px; font-style: normal; - line-height: 1.428571429; } + line-height: 1.428571429; +} code, kbd, pre, samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; - border-radius: 3px; } + border-radius: 3px; +} kbd { padding: 2px 4px; @@ -1311,11 +1673,13 @@ kbd { color: #fff; background-color: #333; border-radius: 3px; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } - kbd kbd { - padding: 0; - font-size: 100%; - box-shadow: none; } + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +kbd kbd { + padding: 0; + font-size: 100%; + box-shadow: none; +} pre { display: block; @@ -1328,726 +1692,964 @@ pre { color: #d1d1d1; background-color: #484848; border: 1px solid #ccc; - border-radius: 3px; } - pre code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; } + border-radius: 3px; +} +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; } + overflow-y: scroll; +} .container { margin-right: auto; margin-left: auto; padding-left: 20px; - padding-right: 20px; } - .container:before, .container:after { - content: " "; - display: table; } - .container:after { - clear: both; } - @media (min-width: 768px) { - .container { - width: 760px; } } - @media (min-width: 992px) { - .container { - width: 980px; } } - @media (min-width: 1200px) { - .container { - width: 1180px; } } + padding-right: 20px; +} +.container:before, .container:after { + content: " "; + display: table; +} +.container:after { + clear: both; +} +@media (min-width: 768px) { + .container { + width: 760px; + } +} +@media (min-width: 992px) { + .container { + width: 980px; + } +} +@media (min-width: 1200px) { + .container { + width: 1180px; + } +} .container-fluid { margin-right: auto; margin-left: auto; padding-left: 20px; - padding-right: 20px; } - .container-fluid:before, .container-fluid:after { - content: " "; - display: table; } - .container-fluid:after { - clear: both; } + padding-right: 20px; +} +.container-fluid:before, .container-fluid:after { + content: " "; + display: table; +} +.container-fluid:after { + clear: both; +} .row { margin-left: -20px; - margin-right: -20px; } - .row:before, .row:after { - content: " "; - display: table; } - .row:after { - clear: both; } + margin-right: -20px; +} +.row:before, .row:after { + content: " "; + display: table; +} +.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-left: 20px; - padding-right: 20px; } + padding-right: 20px; +} .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, .col-xs-12 { - float: left; } + float: left; +} .col-xs-1 { - width: 8.3333333333%; } + width: 8.3333333333%; +} .col-xs-2 { - width: 16.6666666667%; } + width: 16.6666666667%; +} .col-xs-3 { - width: 25%; } + width: 25%; +} .col-xs-4 { - width: 33.3333333333%; } + width: 33.3333333333%; +} .col-xs-5 { - width: 41.6666666667%; } + width: 41.6666666667%; +} .col-xs-6 { - width: 50%; } + width: 50%; +} .col-xs-7 { - width: 58.3333333333%; } + width: 58.3333333333%; +} .col-xs-8 { - width: 66.6666666667%; } + width: 66.6666666667%; +} .col-xs-9 { - width: 75%; } + width: 75%; +} .col-xs-10 { - width: 83.3333333333%; } + width: 83.3333333333%; +} .col-xs-11 { - width: 91.6666666667%; } + width: 91.6666666667%; +} .col-xs-12 { - width: 100%; } + width: 100%; +} .col-xs-pull-0 { - right: auto; } + right: auto; +} .col-xs-pull-1 { - right: 8.3333333333%; } + right: 8.3333333333%; +} .col-xs-pull-2 { - right: 16.6666666667%; } + right: 16.6666666667%; +} .col-xs-pull-3 { - right: 25%; } + right: 25%; +} .col-xs-pull-4 { - right: 33.3333333333%; } + right: 33.3333333333%; +} .col-xs-pull-5 { - right: 41.6666666667%; } + right: 41.6666666667%; +} .col-xs-pull-6 { - right: 50%; } + right: 50%; +} .col-xs-pull-7 { - right: 58.3333333333%; } + right: 58.3333333333%; +} .col-xs-pull-8 { - right: 66.6666666667%; } + right: 66.6666666667%; +} .col-xs-pull-9 { - right: 75%; } + right: 75%; +} .col-xs-pull-10 { - right: 83.3333333333%; } + right: 83.3333333333%; +} .col-xs-pull-11 { - right: 91.6666666667%; } + right: 91.6666666667%; +} .col-xs-pull-12 { - right: 100%; } + right: 100%; +} .col-xs-push-0 { - left: auto; } + left: auto; +} .col-xs-push-1 { - left: 8.3333333333%; } + left: 8.3333333333%; +} .col-xs-push-2 { - left: 16.6666666667%; } + left: 16.6666666667%; +} .col-xs-push-3 { - left: 25%; } + left: 25%; +} .col-xs-push-4 { - left: 33.3333333333%; } + left: 33.3333333333%; +} .col-xs-push-5 { - left: 41.6666666667%; } + left: 41.6666666667%; +} .col-xs-push-6 { - left: 50%; } + left: 50%; +} .col-xs-push-7 { - left: 58.3333333333%; } + left: 58.3333333333%; +} .col-xs-push-8 { - left: 66.6666666667%; } + left: 66.6666666667%; +} .col-xs-push-9 { - left: 75%; } + left: 75%; +} .col-xs-push-10 { - left: 83.3333333333%; } + left: 83.3333333333%; +} .col-xs-push-11 { - left: 91.6666666667%; } + left: 91.6666666667%; +} .col-xs-push-12 { - left: 100%; } + left: 100%; +} .col-xs-offset-0 { - margin-left: 0%; } + margin-left: 0%; +} .col-xs-offset-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; +} .col-xs-offset-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; +} .col-xs-offset-3 { - margin-left: 25%; } + margin-left: 25%; +} .col-xs-offset-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; +} .col-xs-offset-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; +} .col-xs-offset-6 { - margin-left: 50%; } + margin-left: 50%; +} .col-xs-offset-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; +} .col-xs-offset-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; +} .col-xs-offset-9 { - margin-left: 75%; } + margin-left: 75%; +} .col-xs-offset-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; +} .col-xs-offset-11 { - margin-left: 91.6666666667%; } + margin-left: 91.6666666667%; +} .col-xs-offset-12 { - margin-left: 100%; } + margin-left: 100%; +} @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { - float: left; } + float: left; + } .col-sm-1 { - width: 8.3333333333%; } + width: 8.3333333333%; + } .col-sm-2 { - width: 16.6666666667%; } + width: 16.6666666667%; + } .col-sm-3 { - width: 25%; } + width: 25%; + } .col-sm-4 { - width: 33.3333333333%; } + width: 33.3333333333%; + } .col-sm-5 { - width: 41.6666666667%; } + width: 41.6666666667%; + } .col-sm-6 { - width: 50%; } + width: 50%; + } .col-sm-7 { - width: 58.3333333333%; } + width: 58.3333333333%; + } .col-sm-8 { - width: 66.6666666667%; } + width: 66.6666666667%; + } .col-sm-9 { - width: 75%; } + width: 75%; + } .col-sm-10 { - width: 83.3333333333%; } + width: 83.3333333333%; + } .col-sm-11 { - width: 91.6666666667%; } + width: 91.6666666667%; + } .col-sm-12 { - width: 100%; } + width: 100%; + } .col-sm-pull-0 { - right: auto; } + right: auto; + } .col-sm-pull-1 { - right: 8.3333333333%; } + right: 8.3333333333%; + } .col-sm-pull-2 { - right: 16.6666666667%; } + right: 16.6666666667%; + } .col-sm-pull-3 { - right: 25%; } + right: 25%; + } .col-sm-pull-4 { - right: 33.3333333333%; } + right: 33.3333333333%; + } .col-sm-pull-5 { - right: 41.6666666667%; } + right: 41.6666666667%; + } .col-sm-pull-6 { - right: 50%; } + right: 50%; + } .col-sm-pull-7 { - right: 58.3333333333%; } + right: 58.3333333333%; + } .col-sm-pull-8 { - right: 66.6666666667%; } + right: 66.6666666667%; + } .col-sm-pull-9 { - right: 75%; } + right: 75%; + } .col-sm-pull-10 { - right: 83.3333333333%; } + right: 83.3333333333%; + } .col-sm-pull-11 { - right: 91.6666666667%; } + right: 91.6666666667%; + } .col-sm-pull-12 { - right: 100%; } + right: 100%; + } .col-sm-push-0 { - left: auto; } + left: auto; + } .col-sm-push-1 { - left: 8.3333333333%; } + left: 8.3333333333%; + } .col-sm-push-2 { - left: 16.6666666667%; } + left: 16.6666666667%; + } .col-sm-push-3 { - left: 25%; } + left: 25%; + } .col-sm-push-4 { - left: 33.3333333333%; } + left: 33.3333333333%; + } .col-sm-push-5 { - left: 41.6666666667%; } + left: 41.6666666667%; + } .col-sm-push-6 { - left: 50%; } + left: 50%; + } .col-sm-push-7 { - left: 58.3333333333%; } + left: 58.3333333333%; + } .col-sm-push-8 { - left: 66.6666666667%; } + left: 66.6666666667%; + } .col-sm-push-9 { - left: 75%; } + left: 75%; + } .col-sm-push-10 { - left: 83.3333333333%; } + left: 83.3333333333%; + } .col-sm-push-11 { - left: 91.6666666667%; } + left: 91.6666666667%; + } .col-sm-push-12 { - left: 100%; } + left: 100%; + } .col-sm-offset-0 { - margin-left: 0%; } + margin-left: 0%; + } .col-sm-offset-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; + } .col-sm-offset-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; + } .col-sm-offset-3 { - margin-left: 25%; } + margin-left: 25%; + } .col-sm-offset-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; + } .col-sm-offset-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; + } .col-sm-offset-6 { - margin-left: 50%; } + margin-left: 50%; + } .col-sm-offset-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; + } .col-sm-offset-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; + } .col-sm-offset-9 { - margin-left: 75%; } + margin-left: 75%; + } .col-sm-offset-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; + } .col-sm-offset-11 { - margin-left: 91.6666666667%; } + margin-left: 91.6666666667%; + } .col-sm-offset-12 { - margin-left: 100%; } } + margin-left: 100%; + } +} @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { - float: left; } + float: left; + } .col-md-1 { - width: 8.3333333333%; } + width: 8.3333333333%; + } .col-md-2 { - width: 16.6666666667%; } + width: 16.6666666667%; + } .col-md-3 { - width: 25%; } + width: 25%; + } .col-md-4 { - width: 33.3333333333%; } + width: 33.3333333333%; + } .col-md-5 { - width: 41.6666666667%; } + width: 41.6666666667%; + } .col-md-6 { - width: 50%; } + width: 50%; + } .col-md-7 { - width: 58.3333333333%; } + width: 58.3333333333%; + } .col-md-8 { - width: 66.6666666667%; } + width: 66.6666666667%; + } .col-md-9 { - width: 75%; } + width: 75%; + } .col-md-10 { - width: 83.3333333333%; } + width: 83.3333333333%; + } .col-md-11 { - width: 91.6666666667%; } + width: 91.6666666667%; + } .col-md-12 { - width: 100%; } + width: 100%; + } .col-md-pull-0 { - right: auto; } + right: auto; + } .col-md-pull-1 { - right: 8.3333333333%; } + right: 8.3333333333%; + } .col-md-pull-2 { - right: 16.6666666667%; } + right: 16.6666666667%; + } .col-md-pull-3 { - right: 25%; } + right: 25%; + } .col-md-pull-4 { - right: 33.3333333333%; } + right: 33.3333333333%; + } .col-md-pull-5 { - right: 41.6666666667%; } + right: 41.6666666667%; + } .col-md-pull-6 { - right: 50%; } + right: 50%; + } .col-md-pull-7 { - right: 58.3333333333%; } + right: 58.3333333333%; + } .col-md-pull-8 { - right: 66.6666666667%; } + right: 66.6666666667%; + } .col-md-pull-9 { - right: 75%; } + right: 75%; + } .col-md-pull-10 { - right: 83.3333333333%; } + right: 83.3333333333%; + } .col-md-pull-11 { - right: 91.6666666667%; } + right: 91.6666666667%; + } .col-md-pull-12 { - right: 100%; } + right: 100%; + } .col-md-push-0 { - left: auto; } + left: auto; + } .col-md-push-1 { - left: 8.3333333333%; } + left: 8.3333333333%; + } .col-md-push-2 { - left: 16.6666666667%; } + left: 16.6666666667%; + } .col-md-push-3 { - left: 25%; } + left: 25%; + } .col-md-push-4 { - left: 33.3333333333%; } + left: 33.3333333333%; + } .col-md-push-5 { - left: 41.6666666667%; } + left: 41.6666666667%; + } .col-md-push-6 { - left: 50%; } + left: 50%; + } .col-md-push-7 { - left: 58.3333333333%; } + left: 58.3333333333%; + } .col-md-push-8 { - left: 66.6666666667%; } + left: 66.6666666667%; + } .col-md-push-9 { - left: 75%; } + left: 75%; + } .col-md-push-10 { - left: 83.3333333333%; } + left: 83.3333333333%; + } .col-md-push-11 { - left: 91.6666666667%; } + left: 91.6666666667%; + } .col-md-push-12 { - left: 100%; } + left: 100%; + } .col-md-offset-0 { - margin-left: 0%; } + margin-left: 0%; + } .col-md-offset-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; + } .col-md-offset-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; + } .col-md-offset-3 { - margin-left: 25%; } + margin-left: 25%; + } .col-md-offset-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; + } .col-md-offset-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; + } .col-md-offset-6 { - margin-left: 50%; } + margin-left: 50%; + } .col-md-offset-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; + } .col-md-offset-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; + } .col-md-offset-9 { - margin-left: 75%; } + margin-left: 75%; + } .col-md-offset-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; + } .col-md-offset-11 { - margin-left: 91.6666666667%; } + margin-left: 91.6666666667%; + } .col-md-offset-12 { - margin-left: 100%; } } + margin-left: 100%; + } +} @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { - float: left; } + float: left; + } .col-lg-1 { - width: 8.3333333333%; } + width: 8.3333333333%; + } .col-lg-2 { - width: 16.6666666667%; } + width: 16.6666666667%; + } .col-lg-3 { - width: 25%; } + width: 25%; + } .col-lg-4 { - width: 33.3333333333%; } + width: 33.3333333333%; + } .col-lg-5 { - width: 41.6666666667%; } + width: 41.6666666667%; + } .col-lg-6 { - width: 50%; } + width: 50%; + } .col-lg-7 { - width: 58.3333333333%; } + width: 58.3333333333%; + } .col-lg-8 { - width: 66.6666666667%; } + width: 66.6666666667%; + } .col-lg-9 { - width: 75%; } + width: 75%; + } .col-lg-10 { - width: 83.3333333333%; } + width: 83.3333333333%; + } .col-lg-11 { - width: 91.6666666667%; } + width: 91.6666666667%; + } .col-lg-12 { - width: 100%; } + width: 100%; + } .col-lg-pull-0 { - right: auto; } + right: auto; + } .col-lg-pull-1 { - right: 8.3333333333%; } + right: 8.3333333333%; + } .col-lg-pull-2 { - right: 16.6666666667%; } + right: 16.6666666667%; + } .col-lg-pull-3 { - right: 25%; } + right: 25%; + } .col-lg-pull-4 { - right: 33.3333333333%; } + right: 33.3333333333%; + } .col-lg-pull-5 { - right: 41.6666666667%; } + right: 41.6666666667%; + } .col-lg-pull-6 { - right: 50%; } + right: 50%; + } .col-lg-pull-7 { - right: 58.3333333333%; } + right: 58.3333333333%; + } .col-lg-pull-8 { - right: 66.6666666667%; } + right: 66.6666666667%; + } .col-lg-pull-9 { - right: 75%; } + right: 75%; + } .col-lg-pull-10 { - right: 83.3333333333%; } + right: 83.3333333333%; + } .col-lg-pull-11 { - right: 91.6666666667%; } + right: 91.6666666667%; + } .col-lg-pull-12 { - right: 100%; } + right: 100%; + } .col-lg-push-0 { - left: auto; } + left: auto; + } .col-lg-push-1 { - left: 8.3333333333%; } + left: 8.3333333333%; + } .col-lg-push-2 { - left: 16.6666666667%; } + left: 16.6666666667%; + } .col-lg-push-3 { - left: 25%; } + left: 25%; + } .col-lg-push-4 { - left: 33.3333333333%; } + left: 33.3333333333%; + } .col-lg-push-5 { - left: 41.6666666667%; } + left: 41.6666666667%; + } .col-lg-push-6 { - left: 50%; } + left: 50%; + } .col-lg-push-7 { - left: 58.3333333333%; } + left: 58.3333333333%; + } .col-lg-push-8 { - left: 66.6666666667%; } + left: 66.6666666667%; + } .col-lg-push-9 { - left: 75%; } + left: 75%; + } .col-lg-push-10 { - left: 83.3333333333%; } + left: 83.3333333333%; + } .col-lg-push-11 { - left: 91.6666666667%; } + left: 91.6666666667%; + } .col-lg-push-12 { - left: 100%; } + left: 100%; + } .col-lg-offset-0 { - margin-left: 0%; } + margin-left: 0%; + } .col-lg-offset-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; + } .col-lg-offset-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; + } .col-lg-offset-3 { - margin-left: 25%; } + margin-left: 25%; + } .col-lg-offset-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; + } .col-lg-offset-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; + } .col-lg-offset-6 { - margin-left: 50%; } + margin-left: 50%; + } .col-lg-offset-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; + } .col-lg-offset-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; + } .col-lg-offset-9 { - margin-left: 75%; } + margin-left: 75%; + } .col-lg-offset-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; + } .col-lg-offset-11 { - margin-left: 91.6666666667%; } + margin-left: 91.6666666667%; + } .col-lg-offset-12 { - margin-left: 100%; } } + margin-left: 100%; + } +} table { background-color: transparent; - color: #ccc; } + color: #ccc; +} th { - text-align: left; } + text-align: left; +} .table { width: 100%; max-width: 100%; - margin-bottom: 20px; } - .table > thead > tr > th, - .table > thead > tr > td, - .table > tbody > tr > th, - .table > tbody > tr > td, - .table > tfoot > tr > th, - .table > tfoot > tr > td { - padding: 10px 0px 10px 20px; - line-height: 1.428571429; - vertical-align: top; - border-top: 1px solid #aaa; } - .table > thead > tr > th { - vertical-align: bottom; - border-bottom: 1px solid #aaa; } - .table > caption + thead > tr:first-child > th, - .table > caption + thead > tr:first-child > td, - .table > colgroup + thead > tr:first-child > th, - .table > colgroup + thead > tr:first-child > td, - .table > thead:first-child > tr:first-child > th, - .table > thead:first-child > tr:first-child > td { - border-top: 0; - font-family: 'SourceSansProSemibold'; - font-weight: normal; } - .table > tbody + tbody { - border-top: 2px solid #aaa; } - .table .table { - background-color: #333; } + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > thead > tr > td, +.table > tbody > tr > th, +.table > tbody > tr > td, +.table > tfoot > tr > th, +.table > tfoot > tr > td { + padding: 10px 0px 10px 20px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #111; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 1px solid #111; +} +.table > caption + thead > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > th, +.table > thead:first-child > tr:first-child > td { + border-top: 0; + font-family: "SourceSansProSemibold"; + font-weight: normal; +} +.table > tbody + tbody { + border-top: 2px solid #111; +} +.table .table { + background-color: #333; +} .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, @@ -2055,39 +2657,47 @@ th { .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { - padding: 5px; } + padding: 5px; +} .table-bordered { - border: 1px solid #aaa; } - .table-bordered > thead > tr > th, - .table-bordered > thead > tr > td, - .table-bordered > tbody > tr > th, - .table-bordered > tbody > tr > td, - .table-bordered > tfoot > tr > th, - .table-bordered > tfoot > tr > td { - border: 1px solid #aaa; } - .table-bordered > thead > tr > th, - .table-bordered > thead > tr > td { - border-bottom-width: 2px; } + border: 1px solid #111; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > th, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > th, +.table-bordered > tfoot > tr > td { + border: 1px solid #111; +} +.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: #232323; } + background-color: #232323; +} .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { - background-color: #484848; } + background-color: #484848; +} -table col[class*="col-"] { +table col[class*=col-] { position: static; float: none; - display: table-column; } + display: table-column; +} -table td[class*="col-"], -table th[class*="col-"] { +table td[class*=col-], +table th[class*=col-] { position: static; float: none; - display: table-cell; } + display: table-cell; +} .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, @@ -2099,11 +2709,13 @@ table th[class*="col-"] { .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { - background-color: #484848; } + background-color: #484848; +} .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { - background-color: #3b3b3b; } + background-color: #3b3b3b; +} .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, @@ -2115,11 +2727,13 @@ table th[class*="col-"] { .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { - background-color: #7Ba255; } + background-color: #7Ba255; +} .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:hover > .success, .table-hover > tbody > tr.success:hover > th { - background-color: #6e914c; } + background-color: #6e914c; +} .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, @@ -2131,11 +2745,13 @@ table th[class*="col-"] { .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { - background-color: #4545a7; } + background-color: #4545a7; +} .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { - background-color: #3e3e95; } + background-color: #3e3e95; +} .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, @@ -2147,11 +2763,13 @@ table th[class*="col-"] { .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { - background-color: #fcf8e3; } + 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:hover > .warning, .table-hover > tbody > tr.warning:hover > th { - background-color: #faf2cc; } + background-color: #faf2cc; +} .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, @@ -2163,11 +2781,13 @@ table th[class*="col-"] { .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { - background-color: #F05050; } + background-color: #F05050; +} .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:hover > .danger, .table-hover > tbody > tr.danger:hover > th { - background-color: #ee3939; } + background-color: #ee3939; +} @media screen and (max-width: 767px) { .table-responsive { @@ -2177,36 +2797,44 @@ table th[class*="col-"] { overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; /* border: 1px solid $table-border-color; */ - -webkit-overflow-scrolling: touch; } - .table-responsive > .table { - margin-bottom: 0; } - .table-responsive > .table-bordered { - border: 0; } - .table-responsive > .table-bordered > thead > tr > th:first-child, - .table-responsive > .table-bordered > thead > tr > td:first-child, - .table-responsive > .table-bordered > tbody > tr > th:first-child, - .table-responsive > .table-bordered > tbody > tr > td:first-child, - .table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child, - .table-responsive > .table-bordered > tbody > tr > th:last-child, - .table-responsive > .table-bordered > tbody > tr > td:last-child, - .table-responsive > .table-bordered > tfoot > tr > th: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 > tbody > tr:last-child > td, - .table-responsive > .table-bordered > tfoot > tr:last-child > th, - .table-responsive > .table-bordered > tfoot > tr:last-child > td { - border-bottom: 0; } } + -webkit-overflow-scrolling: touch; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, +.table-responsive > .table-bordered > thead > tr > td:first-child, +.table-responsive > .table-bordered > tbody > tr > th:first-child, +.table-responsive > .table-bordered > tbody > tr > td:first-child, +.table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child, +.table-responsive > .table-bordered > tbody > tr > th:last-child, +.table-responsive > .table-bordered > tbody > tr > td:last-child, +.table-responsive > .table-bordered > tfoot > tr > th: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 > tbody > tr:last-child > td, +.table-responsive > .table-bordered > tfoot > tr:last-child > th, +.table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} fieldset { padding: 0; margin: 0; border: 0; - min-width: 0; } + min-width: 0; +} legend { display: block; @@ -2217,52 +2845,75 @@ legend { line-height: inherit; color: #333333; border: 0; - border-bottom: 1px solid #e5e5e5; } + border-bottom: 1px solid #e5e5e5; +} label { display: inline-block; max-width: 100%; margin-bottom: 5px; - font-weight: normal; } + font-weight: normal; +} -input[type="search"] { +input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - box-sizing: border-box; } + box-sizing: border-box; +} -input[type="radio"], -input[type="checkbox"] { +input[type=radio], +input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9; - line-height: normal; } + line-height: normal; +} -input[type="file"] { - display: block; } - -input[type="range"] { +input[type=file] { display: block; - width: 100%; } +} + +input[type=range] { + display: block; + width: 100%; +} select[multiple], select[size] { - height: auto; } + height: auto; +} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { +input[type=file]:focus, +input[type=radio]:focus, +input[type=checkbox]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } + outline-offset: -2px; +} output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; - color: #ccc; } + color: #ccc; +} -select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] - { +select, +textarea, +input[type=text], +input[type=password], +input[type=datetime], +input[type=datetime-local], +input[type=date], +input[type=month], +input[type=time], +input[type=week], +input[type=number], +input[type=email], +input[type=url], +input[type=search], +input[type=tel], +input[type=color] { display: block; width: 100%; height: 34px; @@ -2278,189 +2929,194 @@ select, textarea, input[type="text"], input[type="password"], input[type="dateti max-width: 348px; -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; } - select:focus, - textarea:focus, - input[type="text"]:focus, - input[type="password"]:focus, - input[type="datetime"]:focus, - input[type="datetime-local"]:focus, - input[type="date"]:focus, - input[type="month"]:focus, - input[type="time"]:focus, - input[type="week"]:focus, - input[type="number"]:focus, - input[type="email"]:focus, - input[type="url"]:focus, - input[type="search"]:focus, - input[type="tel"]:focus, - input[type="color"]:focus - { - border-color: #66afe9; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } - select::-moz-placeholder, - textarea::-moz-placeholder, - input[type="text"]::-moz-placeholder, - input[type="password"]::-moz-placeholder, - input[type="datetime"]::-moz-placeholder, - input[type="datetime-local"]::-moz-placeholder, - input[type="date"]::-moz-placeholder, - input[type="month"]::-moz-placeholder, - input[type="time"]::-moz-placeholder, - input[type="week"]::-moz-placeholder, - input[type="number"]::-moz-placeholder, - input[type="email"]::-moz-placeholder, - input[type="url"]::-moz-placeholder, - input[type="search"]::-moz-placeholder, - input[type="tel"]::-moz-placeholder, - input[type="color"]::-moz-placeholder - { - color: #DDd; - opacity: 1; } - select:-ms-input-placeholder, - textarea:-ms-input-placeholder, - input[type="text"]:-ms-input-placeholder, - input[type="password"]:-ms-input-placeholder, - input[type="datetime"]:-ms-input-placeholder, - input[type="datetime-local"]:-ms-input-placeholder, - input[type="date"]:-ms-input-placeholder, - input[type="month"]:-ms-input-placeholder, - input[type="time"]:-ms-input-placeholder, - input[type="week"]:-ms-input-placeholder, - input[type="number"]:-ms-input-placeholder, - input[type="email"]:-ms-input-placeholder, - input[type="url"]:-ms-input-placeholder, - input[type="search"]:-ms-input-placeholder, - input[type="tel"]:-ms-input-placeholder, - input[type="color"]:-ms-input-placeholder - { - color: #DDd; } - select::-webkit-input-placeholder, - textarea::-webkit-input-placeholder, - input[type="text"]::-webkit-input-placeholder, - input[type="password"]::-webkit-input-placeholder, - input[type="datetime"]::-webkit-input-placeholder, - input[type="datetime-local"]::-webkit-input-placeholder, - input[type="date"]::-webkit-input-placeholder, - input[type="month"]::-webkit-input-placeholder, - input[type="time"]::-webkit-input-placeholder, - input[type="week"]::-webkit-input-placeholder, - input[type="number"]::-webkit-input-placeholder, - input[type="email"]::-webkit-input-placeholder, - input[type="url"]::-webkit-input-placeholder, - input[type="search"]::-webkit-input-placeholder, - input[type="tel"]::-webkit-input-placeholder, - input[type="color"]::-webkit-input-placeholder - { - color: #DDd; } - select[disabled], select[readonly], fieldset[disabled] select, - textarea[disabled], - textarea[readonly], - fieldset[disabled] textarea, - input[type="text"][disabled], - input[type="text"][readonly], - fieldset[disabled] input[type="text"], - input[type="password"][disabled], - input[type="password"][readonly], - fieldset[disabled] input[type="password"], - input[type="datetime"][disabled], - input[type="datetime"][readonly], - fieldset[disabled] input[type="datetime"], - input[type="datetime-local"][disabled], - input[type="datetime-local"][readonly], - fieldset[disabled] input[type="datetime-local"], - input[type="date"][disabled], - input[type="date"][readonly], - fieldset[disabled] input[type="date"], - input[type="month"][disabled], - input[type="month"][readonly], - fieldset[disabled] input[type="month"], - input[type="time"][disabled], - input[type="time"][readonly], - fieldset[disabled] input[type="time"], - input[type="week"][disabled], - input[type="week"][readonly], - fieldset[disabled] input[type="week"], - input[type="number"][disabled], - input[type="number"][readonly], - fieldset[disabled] input[type="number"], - input[type="email"][disabled], - input[type="email"][readonly], - fieldset[disabled] input[type="email"], - input[type="url"][disabled], - input[type="url"][readonly], - fieldset[disabled] input[type="url"], - input[type="search"][disabled], - input[type="search"][readonly], - fieldset[disabled] input[type="search"], - input[type="tel"][disabled], - input[type="tel"][readonly], - fieldset[disabled] input[type="tel"], - input[type="color"][disabled] - , - input[type="color"][readonly] - , - fieldset[disabled] input[type="color"] - { - cursor: not-allowed; - background-color: #1a1a1a; - opacity: 1; } + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; +} +select:focus, +textarea:focus, +input[type=text]:focus, +input[type=password]:focus, +input[type=datetime]:focus, +input[type=datetime-local]:focus, +input[type=date]:focus, +input[type=month]:focus, +input[type=time]:focus, +input[type=week]:focus, +input[type=number]:focus, +input[type=email]:focus, +input[type=url]:focus, +input[type=search]:focus, +input[type=tel]:focus, +input[type=color]:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +select::-moz-placeholder, +textarea::-moz-placeholder, +input[type=text]::-moz-placeholder, +input[type=password]::-moz-placeholder, +input[type=datetime]::-moz-placeholder, +input[type=datetime-local]::-moz-placeholder, +input[type=date]::-moz-placeholder, +input[type=month]::-moz-placeholder, +input[type=time]::-moz-placeholder, +input[type=week]::-moz-placeholder, +input[type=number]::-moz-placeholder, +input[type=email]::-moz-placeholder, +input[type=url]::-moz-placeholder, +input[type=search]::-moz-placeholder, +input[type=tel]::-moz-placeholder, +input[type=color]::-moz-placeholder { + color: #DDd; + opacity: 1; +} +select:-ms-input-placeholder, +textarea:-ms-input-placeholder, +input[type=text]:-ms-input-placeholder, +input[type=password]:-ms-input-placeholder, +input[type=datetime]:-ms-input-placeholder, +input[type=datetime-local]:-ms-input-placeholder, +input[type=date]:-ms-input-placeholder, +input[type=month]:-ms-input-placeholder, +input[type=time]:-ms-input-placeholder, +input[type=week]:-ms-input-placeholder, +input[type=number]:-ms-input-placeholder, +input[type=email]:-ms-input-placeholder, +input[type=url]:-ms-input-placeholder, +input[type=search]:-ms-input-placeholder, +input[type=tel]:-ms-input-placeholder, +input[type=color]:-ms-input-placeholder { + color: #DDd; +} +select::-webkit-input-placeholder, +textarea::-webkit-input-placeholder, +input[type=text]::-webkit-input-placeholder, +input[type=password]::-webkit-input-placeholder, +input[type=datetime]::-webkit-input-placeholder, +input[type=datetime-local]::-webkit-input-placeholder, +input[type=date]::-webkit-input-placeholder, +input[type=month]::-webkit-input-placeholder, +input[type=time]::-webkit-input-placeholder, +input[type=week]::-webkit-input-placeholder, +input[type=number]::-webkit-input-placeholder, +input[type=email]::-webkit-input-placeholder, +input[type=url]::-webkit-input-placeholder, +input[type=search]::-webkit-input-placeholder, +input[type=tel]::-webkit-input-placeholder, +input[type=color]::-webkit-input-placeholder { + color: #DDd; +} +select[disabled], select[readonly], fieldset[disabled] select, +textarea[disabled], +textarea[readonly], +fieldset[disabled] textarea, +input[type=text][disabled], +input[type=text][readonly], +fieldset[disabled] input[type=text], +input[type=password][disabled], +input[type=password][readonly], +fieldset[disabled] input[type=password], +input[type=datetime][disabled], +input[type=datetime][readonly], +fieldset[disabled] input[type=datetime], +input[type=datetime-local][disabled], +input[type=datetime-local][readonly], +fieldset[disabled] input[type=datetime-local], +input[type=date][disabled], +input[type=date][readonly], +fieldset[disabled] input[type=date], +input[type=month][disabled], +input[type=month][readonly], +fieldset[disabled] input[type=month], +input[type=time][disabled], +input[type=time][readonly], +fieldset[disabled] input[type=time], +input[type=week][disabled], +input[type=week][readonly], +fieldset[disabled] input[type=week], +input[type=number][disabled], +input[type=number][readonly], +fieldset[disabled] input[type=number], +input[type=email][disabled], +input[type=email][readonly], +fieldset[disabled] input[type=email], +input[type=url][disabled], +input[type=url][readonly], +fieldset[disabled] input[type=url], +input[type=search][disabled], +input[type=search][readonly], +fieldset[disabled] input[type=search], +input[type=tel][disabled], +input[type=tel][readonly], +fieldset[disabled] input[type=tel], +input[type=color][disabled], +input[type=color][readonly], +fieldset[disabled] input[type=color] { + cursor: not-allowed; + background-color: #1a1a1a; + opacity: 1; +} textarea { - height: auto; } + height: auto; +} -input[type="search"] { - -webkit-appearance: none; } +input[type=search] { + -webkit-appearance: none; +} -input[type="date"], -input[type="time"], -input[type="datetime-local"], -input[type="month"] { +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { line-height: 34px; - line-height: 1.428571429 \0; } - input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, .input-group-sm > input[type="date"].form-control, - .input-group-sm > input[type="date"].input-group-addon, - .input-group-sm > .input-group-btn > input[type="date"].btn, - input[type="time"].input-sm, - .form-horizontal .form-group-sm input[type="time"].form-control, - .input-group-sm > input[type="time"].form-control, - .input-group-sm > input[type="time"].input-group-addon, - .input-group-sm > .input-group-btn > input[type="time"].btn, - input[type="datetime-local"].input-sm, - .form-horizontal .form-group-sm input[type="datetime-local"].form-control, - .input-group-sm > input[type="datetime-local"].form-control, - .input-group-sm > input[type="datetime-local"].input-group-addon, - .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, - input[type="month"].input-sm, - .form-horizontal .form-group-sm input[type="month"].form-control, - .input-group-sm > input[type="month"].form-control, - .input-group-sm > input[type="month"].input-group-addon, - .input-group-sm > .input-group-btn > input[type="month"].btn { - line-height: 30px; } - input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, .input-group-lg > input[type="date"].form-control, - .input-group-lg > input[type="date"].input-group-addon, - .input-group-lg > .input-group-btn > input[type="date"].btn, - input[type="time"].input-lg, - .form-horizontal .form-group-lg input[type="time"].form-control, - .input-group-lg > input[type="time"].form-control, - .input-group-lg > input[type="time"].input-group-addon, - .input-group-lg > .input-group-btn > input[type="time"].btn, - input[type="datetime-local"].input-lg, - .form-horizontal .form-group-lg input[type="datetime-local"].form-control, - .input-group-lg > input[type="datetime-local"].form-control, - .input-group-lg > input[type="datetime-local"].input-group-addon, - .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, - input[type="month"].input-lg, - .form-horizontal .form-group-lg input[type="month"].form-control, - .input-group-lg > input[type="month"].form-control, - .input-group-lg > input[type="month"].input-group-addon, - .input-group-lg > .input-group-btn > input[type="month"].btn { - line-height: 46px; } + line-height: 1.428571429 \0; +} +input[type=date].input-sm, .input-group-sm > input[type=date].form-control, +.input-group-sm > input[type=date].input-group-addon, +.input-group-sm > .input-group-btn > input[type=date].btn, .form-horizontal .form-group-sm input[type=date].form-control, +input[type=time].input-sm, +.input-group-sm > input[type=time].form-control, +.input-group-sm > input[type=time].input-group-addon, +.input-group-sm > .input-group-btn > input[type=time].btn, +.form-horizontal .form-group-sm input[type=time].form-control, +input[type=datetime-local].input-sm, +.input-group-sm > input[type=datetime-local].form-control, +.input-group-sm > input[type=datetime-local].input-group-addon, +.input-group-sm > .input-group-btn > input[type=datetime-local].btn, +.form-horizontal .form-group-sm input[type=datetime-local].form-control, +input[type=month].input-sm, +.input-group-sm > input[type=month].form-control, +.input-group-sm > input[type=month].input-group-addon, +.input-group-sm > .input-group-btn > input[type=month].btn, +.form-horizontal .form-group-sm input[type=month].form-control { + line-height: 30px; +} +input[type=date].input-lg, .input-group-lg > input[type=date].form-control, +.input-group-lg > input[type=date].input-group-addon, +.input-group-lg > .input-group-btn > input[type=date].btn, .form-horizontal .form-group-lg input[type=date].form-control, +input[type=time].input-lg, +.input-group-lg > input[type=time].form-control, +.input-group-lg > input[type=time].input-group-addon, +.input-group-lg > .input-group-btn > input[type=time].btn, +.form-horizontal .form-group-lg input[type=time].form-control, +input[type=datetime-local].input-lg, +.input-group-lg > input[type=datetime-local].form-control, +.input-group-lg > input[type=datetime-local].input-group-addon, +.input-group-lg > .input-group-btn > input[type=datetime-local].btn, +.form-horizontal .form-group-lg input[type=datetime-local].form-control, +input[type=month].input-lg, +.input-group-lg > input[type=month].form-control, +.input-group-lg > input[type=month].input-group-addon, +.input-group-lg > .input-group-btn > input[type=month].btn, +.form-horizontal .form-group-lg input[type=month].form-control { + line-height: 46px; +} .form-group { - margin-bottom: 15px; } + margin-bottom: 15px; +} .radio, .checkbox { @@ -2468,25 +3124,29 @@ input[type="month"] { display: block; min-height: 20px; margin-top: 10px; - margin-bottom: 10px; } - .radio label, - .checkbox label { - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; } + margin-bottom: 10px; +} +.radio label, +.checkbox label { + padding-left: 20px; + 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"] { +.radio input[type=radio], +.radio-inline input[type=radio], +.checkbox input[type=checkbox], +.checkbox-inline input[type=checkbox] { position: absolute; margin-left: -20px; - margin-top: 4px \9; } + margin-top: 4px \9; +} .radio + .radio, .checkbox + .checkbox { - margin-top: -5px; } + margin-top: -5px; +} .radio-inline, .checkbox-inline { @@ -2495,95 +3155,110 @@ input[type="month"] { margin-bottom: 0; vertical-align: middle; font-weight: normal; - cursor: pointer; } + cursor: pointer; +} .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; - margin-left: 10px; } + margin-left: 10px; +} -input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], -input[type="checkbox"][disabled], -input[type="checkbox"].disabled, -fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; } +input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio], +input[type=checkbox][disabled], +input[type=checkbox].disabled, +fieldset[disabled] input[type=checkbox] { + cursor: not-allowed; +} .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { - cursor: not-allowed; } + cursor: not-allowed; +} .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { - cursor: not-allowed; } + cursor: not-allowed; +} .form-control-static { padding-top: 7px; padding-bottom: 7px; - margin-bottom: 0; } - .form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg > .form-control-static.form-control, - .input-group-lg > .form-control-static.input-group-addon, - .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm > .form-control-static.form-control, - .input-group-sm > .form-control-static.input-group-addon, - .input-group-sm > .input-group-btn > .form-control-static.btn { - padding-left: 0; - padding-right: 0; } + margin-bottom: 0; +} +.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, +.input-group-lg > .form-control-static.input-group-addon, +.input-group-lg > .input-group-btn > .form-control-static.btn, .form-horizontal .form-group-lg .form-control-static.form-control, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, +.input-group-sm > .form-control-static.input-group-addon, +.input-group-sm > .input-group-btn > .form-control-static.btn, .form-horizontal .form-group-sm .form-control-static.form-control { + padding-left: 0; + padding-right: 0; +} -.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control, +.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, -.input-group-sm > .input-group-btn > .btn { +.input-group-sm > .input-group-btn > .btn, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; - border-radius: 3px; } + border-radius: 3px; +} -select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control, +select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, -.input-group-sm > .input-group-btn > select.btn { +.input-group-sm > .input-group-btn > select.btn, .form-horizontal .form-group-sm select.form-control { height: 30px; - line-height: 30px; } + line-height: 30px; +} -textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control, +textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, -.input-group-sm > .input-group-btn > textarea.btn, +.input-group-sm > .input-group-btn > textarea.btn, .form-horizontal .form-group-sm textarea.form-control, select[multiple].input-sm, -.form-horizontal .form-group-sm select[multiple].form-control, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, -.input-group-sm > .input-group-btn > select[multiple].btn { - height: auto; } +.input-group-sm > .input-group-btn > select[multiple].btn, +.form-horizontal .form-group-sm select[multiple].form-control { + height: auto; +} -.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control, +.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, -.input-group-lg > .input-group-btn > .btn { +.input-group-lg > .input-group-btn > .btn, .form-horizontal .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; - border-radius: 6px; } + border-radius: 6px; +} -select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control, +select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, -.input-group-lg > .input-group-btn > select.btn { +.input-group-lg > .input-group-btn > select.btn, .form-horizontal .form-group-lg select.form-control { height: 46px; - line-height: 46px; } + line-height: 46px; +} -textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control, +textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, -.input-group-lg > .input-group-btn > textarea.btn, +.input-group-lg > .input-group-btn > textarea.btn, .form-horizontal .form-group-lg textarea.form-control, select[multiple].input-lg, -.form-horizontal .form-group-lg select[multiple].form-control, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, -.input-group-lg > .input-group-btn > select[multiple].btn { - height: auto; } +.input-group-lg > .input-group-btn > select[multiple].btn, +.form-horizontal .form-group-lg select[multiple].form-control { + height: auto; +} .has-feedback { - position: relative; } - .has-feedback .form-control { - padding-right: 42.5px; } + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} .form-control-feedback { position: absolute; @@ -2594,21 +3269,24 @@ select[multiple].input-lg, width: 34px; height: 34px; line-height: 34px; - text-align: center; } + text-align: center; +} -.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, +.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, -.input-group-lg > .input-group-btn > .btn + .form-control-feedback { +.input-group-lg > .input-group-btn > .btn + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; - line-height: 46px; } + line-height: 46px; +} -.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, +.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, -.input-group-sm > .input-group-btn > .btn + .form-control-feedback { +.input-group-sm > .input-group-btn > .btn + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; - line-height: 30px; } + line-height: 30px; +} .has-success .help-block, .has-success .control-label, @@ -2616,21 +3294,26 @@ select[multiple].input-lg, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { - color: #7Ba255; } + color: #7Ba255; +} .has-success .form-control { border-color: #7Ba255; -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: #628143; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aec895; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aec895; } + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #628143; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aec895; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aec895; +} .has-success .input-group-addon { color: #7Ba255; border-color: #7Ba255; - background-color: #7Ba255; } + background-color: #7Ba255; +} .has-success .form-control-feedback { - color: #7Ba255; } + color: #7Ba255; +} .has-warning .help-block, .has-warning .control-label, @@ -2638,21 +3321,26 @@ select[multiple].input-lg, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { - color: #f0ad4e; } + color: #f0ad4e; +} .has-warning .form-control { border-color: #f0ad4e; -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: #ec971f; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; } + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #ec971f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; +} .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; - background-color: #fcf8e3; } + background-color: #fcf8e3; +} .has-warning .form-control-feedback { - color: #f0ad4e; } + color: #f0ad4e; +} .has-error .help-block, .has-error .control-label, @@ -2660,72 +3348,90 @@ select[multiple].input-lg, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { - color: #F05050; } + color: #F05050; +} .has-error .form-control { border-color: #F05050; -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: #ec2121; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; } + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #ec2121; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; +} .has-error .input-group-addon { color: #F05050; border-color: #F05050; - background-color: #F05050; } + background-color: #F05050; +} .has-error .form-control-feedback { - color: #F05050; } + color: #F05050; +} .has-feedback label.sr-only ~ .form-control-feedback { - top: 0; } + top: 0; +} .help-block { display: block; margin-top: 5px; margin-bottom: 10px; - color: white; } + color: white; +} @media (min-width: 768px) { .form-inline .form-group, .navbar-form .form-group { display: inline-block; margin-bottom: 0; - vertical-align: middle; } + vertical-align: middle; + } .form-inline .form-control, .navbar-form .form-control { display: inline-block; width: auto; - vertical-align: middle; } + vertical-align: middle; + } .form-inline .input-group, .navbar-form .input-group { display: inline-table; - vertical-align: middle; } - .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .navbar-form .input-group .input-group-btn, - .form-inline .input-group .form-control, - .navbar-form .input-group .form-control { - width: auto; } + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, +.form-inline .input-group .input-group-btn, +.navbar-form .input-group .input-group-btn, +.form-inline .input-group .form-control, +.navbar-form .input-group .form-control { + width: auto; + } .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control { - width: 100%; } + width: 100%; + } .form-inline .control-label, .navbar-form .control-label { margin-bottom: 0; - vertical-align: middle; } + vertical-align: middle; + } .form-inline .radio, .navbar-form .radio, - .form-inline .checkbox, - .navbar-form .checkbox { +.form-inline .checkbox, +.navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; - vertical-align: middle; } - .form-inline .radio label, .navbar-form .radio label, - .form-inline .checkbox label, - .navbar-form .checkbox label { - padding-left: 0; } - .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"], - .navbar-form .checkbox input[type="checkbox"] { + vertical-align: middle; + } + .form-inline .radio label, .navbar-form .radio label, +.form-inline .checkbox label, +.navbar-form .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type=radio], .navbar-form .radio input[type=radio], +.form-inline .checkbox input[type=checkbox], +.navbar-form .checkbox input[type=checkbox] { position: relative; - margin-left: 0; } + margin-left: 0; + } .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { - top: 0; } } + top: 0; + } +} .form-horizontal .radio, .form-horizontal .checkbox, @@ -2733,33 +3439,44 @@ select[multiple].input-lg, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; - padding-top: 7px; } + padding-top: 7px; +} .form-horizontal .radio, .form-horizontal .checkbox { - min-height: 27px; } + min-height: 27px; +} .form-horizontal .form-group { margin-left: -20px; - margin-right: -20px; } - .form-horizontal .form-group:before, .form-horizontal .form-group:after { - content: " "; - display: table; } - .form-horizontal .form-group:after { - clear: both; } + margin-right: -20px; +} +.form-horizontal .form-group:before, .form-horizontal .form-group:after { + content: " "; + display: table; +} +.form-horizontal .form-group:after { + clear: both; +} @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; - padding-top: 7px; } } + padding-top: 7px; + } +} .form-horizontal .has-feedback control-feedback { top: 0; - right: 20px; } + right: 20px; +} @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { - padding-top: 14.3px; } } + padding-top: 14.3px; + } +} @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { - padding-top: 6px; } } - + padding-top: 6px; + } +} .btn { display: inline-block; margin-bottom: 0; @@ -2780,208 +3497,264 @@ select[multiple].input-lg, user-select: none; color: #eee; background-color: #656565; - border-color: #e5e5e5; } - .btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle { - color: #eee; - background-color: #4c4c4c; - border-color: #c6c6c6; } - .btn:active, .btn.active, .open > .btn.dropdown-toggle { - background-image: none; } - .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active { - background-color: #656565; - border-color: #e5e5e5; } - .btn .badge { - color: #656565; - background-color: #eee; } - .btn:focus, .btn:active:focus, .btn.active:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } - .btn:hover, .btn:focus { - color: #eee; - text-decoration: none; } - .btn:active, .btn.active { - outline: 0; - background-image: none; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - cursor: not-allowed; - pointer-events: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; } + border-color: #e5e5e5; +} +.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle { + color: #eee; + background-color: #4c4c4c; + border-color: #c6c6c6; +} +.btn:active, .btn.active, .open > .btn.dropdown-toggle { + background-image: none; +} +.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active { + background-color: #656565; + border-color: #e5e5e5; +} +.btn .badge { + color: #656565; + background-color: #eee; +} +.btn:focus, .btn:active:focus, .btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, .btn:focus { + color: #eee; + text-decoration: none; +} +.btn:active, .btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, .btn[disabled], fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} .btn-default { color: #eee; background-color: #656565; - border-color: #e5e5e5; } - .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { - color: #eee; - background-color: #4c4c4c; - border-color: #c6c6c6; } - .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { - background-image: none; } - .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { - background-color: #656565; - border-color: #e5e5e5; } - .btn-default .badge { - color: #656565; - background-color: #eee; } + border-color: #e5e5e5; +} +.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { + color: #eee; + background-color: #4c4c4c; + border-color: #c6c6c6; +} +.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { + background-image: none; +} +.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { + background-color: #656565; + border-color: #e5e5e5; +} +.btn-default .badge { + color: #656565; + background-color: #eee; +} .btn-primary { color: #eee; background-color: #EA7105; - border-color: #D95100; } - .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { - color: #eee; - background-color: #b85904; - border-color: #9c3a00; } - .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { - background-image: none; } - .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { - background-color: #EA7105; - border-color: #D95100; } - .btn-primary .badge { - color: #EA7105; - background-color: #eee; } + border-color: #D95100; +} +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { + color: #eee; + background-color: #b85904; + border-color: #9c3a00; +} +.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { + background-image: none; +} +.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { + background-color: #EA7105; + border-color: #D95100; +} +.btn-primary .badge { + color: #EA7105; + background-color: #eee; +} .btn-success { color: #eee; background-color: #7Ba255; - border-color: #6e914c; } - .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { - color: #eee; - background-color: #628143; - border-color: #506937; } - .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { - background-image: none; } - .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { - background-color: #7Ba255; - border-color: #6e914c; } - .btn-success .badge { - color: #7Ba255; - background-color: #eee; } + border-color: #6e914c; +} +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { + color: #eee; + background-color: #628143; + border-color: #506937; +} +.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { + background-image: none; +} +.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { + background-color: #7Ba255; + border-color: #6e914c; +} +.btn-success .badge { + color: #7Ba255; + background-color: #eee; +} .btn-info { color: #eee; background-color: #B0CDDB; - border-color: #9ec2d3; } - .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { - color: #eee; - background-color: #8db7cb; - border-color: #74a7c0; } - .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { - background-image: none; } - .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { - background-color: #B0CDDB; - border-color: #9ec2d3; } - .btn-info .badge { - color: #B0CDDB; - background-color: #eee; } + border-color: #9ec2d3; +} +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { + color: #eee; + background-color: #8db7cb; + border-color: #74a7c0; +} +.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { + background-image: none; +} +.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { + background-color: #B0CDDB; + border-color: #9ec2d3; +} +.btn-info .badge { + color: #B0CDDB; + background-color: #eee; +} .btn-warning { color: #eee; background-color: #f0ad4e; - border-color: #eea236; } - .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { - color: #eee; - background-color: #ec971f; - border-color: #d58512; } - .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { - background-image: none; } - .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { - background-color: #f0ad4e; - border-color: #eea236; } - .btn-warning .badge { - color: #f0ad4e; - background-color: #eee; } + border-color: #eea236; +} +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { + color: #eee; + background-color: #ec971f; + border-color: #d58512; +} +.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { + background-image: none; +} +.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #eee; +} .btn-danger { color: #eee; background-color: #F05050; - border-color: #ee3939; } - .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { - color: #eee; - background-color: #ec2121; - border-color: #d71212; } - .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { - background-image: none; } - .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { - background-color: #F05050; - border-color: #ee3939; } - .btn-danger .badge { - color: #F05050; - background-color: #eee; } + border-color: #ee3939; +} +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { + color: #eee; + background-color: #ec2121; + border-color: #d71212; +} +.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { + background-image: none; +} +.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { + background-color: #F05050; + border-color: #ee3939; +} +.btn-danger .badge { + color: #F05050; + background-color: #eee; +} .btn-link { color: #EA7105; font-weight: normal; 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: #9f4d03; - text-decoration: underline; - background-color: transparent; } - .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { - color: #DDd; - text-decoration: none; } + 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: #9f4d03; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { + color: #DDd; + text-decoration: none; +} .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; - border-radius: 6px; } + border-radius: 6px; +} .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; - border-radius: 3px; } + border-radius: 3px; +} .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; - border-radius: 3px; } + border-radius: 3px; +} .btn-block { display: block; - width: 100%; } + width: 100%; +} .btn-block + .btn-block { - margin-top: 5px; } + margin-top: 5px; +} -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; } +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; -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; } - .fade.in { - opacity: 1; } + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} .collapse { - display: none; } - .collapse.in { - display: block; } + display: none; +} +.collapse.in { + display: block; +} tr.collapse.in { - display: table-row; } + display: table-row; +} tbody.collapse.in { - display: table-row-group; } + display: table-row-group; +} .collapsing { position: relative; @@ -2989,7 +3762,8 @@ tbody.collapse.in { overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; - transition: height 0.35s ease; } + transition: height 0.35s ease; +} .caret { display: inline-block; @@ -2999,13 +3773,16 @@ tbody.collapse.in { vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; - border-left: 4px solid transparent; } + border-left: 4px solid transparent; +} .dropdown { - position: relative; } + position: relative; +} .dropdown-toggle:focus { - outline: 0; } + outline: 0; +} .dropdown-menu { position: absolute; @@ -3026,57 +3803,69 @@ tbody.collapse.in { border-radius: 3px; -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: 9px 0; - overflow: hidden; - background-color: #262626; } - .dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.428571429; - color: #bbb; - white-space: nowrap; } + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #262626; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #bbb; + white-space: nowrap; +} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #f66; - background-color: #353535; } + background-color: #353535; +} .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #555; text-decoration: none; outline: 0; - background-color: #EA7105; } + background-color: #EA7105; +} .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { - color: #DDd; } + color: #DDd; +} .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: not-allowed; } + cursor: not-allowed; +} .open > .dropdown-menu { - display: block; } + display: block; +} .open > a { - outline: 0; } + outline: 0; +} .dropdown-menu-right { left: auto; - right: 0; } + right: 0; +} .dropdown-menu-left { left: 0; - right: auto; } + right: auto; +} .dropdown-header { display: block; @@ -3084,7 +3873,8 @@ tbody.collapse.in { font-size: 12px; line-height: 1.428571429; color: #DDd; - white-space: nowrap; } + white-space: nowrap; +} .dropdown-backdrop { position: fixed; @@ -3092,127 +3882,160 @@ tbody.collapse.in { right: 0; bottom: 0; top: 0; - z-index: 990; } + z-index: 990; +} .pull-right > .dropdown-menu { right: 0; - left: auto; } + left: auto; +} .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; - content: ""; } + content: ""; +} .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 1px; } + margin-bottom: 1px; +} @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; - left: auto; } + left: auto; + } .navbar-right .dropdown-menu-left { left: 0; - right: auto; } } + right: auto; + } +} .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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, - .btn-group-vertical > .btn:hover, - .btn-group-vertical > .btn:focus, - .btn-group-vertical > .btn:active, - .btn-group-vertical > .btn.active { - z-index: 2; } - .btn-group > .btn:focus, - .btn-group-vertical > .btn:focus { - outline: 0; } + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: 0; +} .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { - margin-left: -1px; } + margin-left: -1px; +} .btn-toolbar { - margin-left: -5px; } - .btn-toolbar:before, .btn-toolbar:after { - content: " "; - display: table; } - .btn-toolbar:after { - clear: both; } - .btn-toolbar .btn-group, - .btn-toolbar .input-group { - float: left; } - .btn-toolbar > .btn, - .btn-toolbar > .btn-group, - .btn-toolbar > .input-group { - margin-left: 5px; } + margin-left: -5px; +} +.btn-toolbar:before, .btn-toolbar:after { + content: " "; + display: table; +} +.btn-toolbar:after { + clear: both; +} +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; } + border-radius: 0; +} .btn-group > .btn:first-child { - margin-left: 0; } - .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-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; } + border-top-left-radius: 0; +} .btn-group > .btn-group { - float: left; } + float: left; +} .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; } + border-radius: 0; +} .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; - border-top-right-radius: 0; } + border-top-right-radius: 0; +} .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; +} .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { - outline: 0; } + outline: 0; +} .btn-group > .btn + .dropdown-toggle { padding-left: 8px; - padding-right: 8px; } + padding-right: 8px; +} .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; - padding-right: 12px; } + padding-right: 12px; +} .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn-group.open .dropdown-toggle.btn-link { - -webkit-box-shadow: none; - box-shadow: none; } + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} .btn .caret { - margin-left: 0; } + margin-left: 0; +} .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; - border-bottom-width: 0; } + border-bottom-width: 0; +} .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { - border-width: 0 5px 5px; } + border-width: 0 5px 5px; +} .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, @@ -3220,95 +4043,117 @@ tbody.collapse.in { display: block; float: none; width: 100%; - max-width: 100%; } + max-width: 100%; +} .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; - display: table; } + display: table; +} .btn-group-vertical > .btn-group:after { - clear: both; } + clear: both; +} .btn-group-vertical > .btn-group > .btn { - float: none; } + 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; } + margin-left: 0; +} .btn-group-vertical > .btn:not(:first-child):not(:last-child) { - border-radius: 0; } + border-radius: 0; +} .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 3px; border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } + border-bottom-left-radius: 0; +} .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 3px; border-top-right-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; +} .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; } + border-radius: 0; +} .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } + border-bottom-left-radius: 0; +} .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; +} .btn-group-justified { display: table; width: 100%; table-layout: fixed; - border-collapse: separate; } - .btn-group-justified > .btn, - .btn-group-justified > .btn-group { - float: none; - display: table-cell; - width: 1%; } - .btn-group-justified > .btn-group .btn { - width: 100%; } - .btn-group-justified > .btn-group .dropdown-menu { - left: auto; } + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +.btn-group-justified > .btn-group .dropdown-menu { + left: auto; +} -[data-toggle="buttons"] > .btn > input[type="radio"], -[data-toggle="buttons"] > .btn > input[type="checkbox"] { +[data-toggle=buttons] > .btn > input[type=radio], +[data-toggle=buttons] > .btn > input[type=checkbox] { position: absolute; z-index: -1; opacity: 0; - filter: alpha(opacity=0); } + filter: alpha(opacity=0); +} .input-group { position: relative; display: table; - border-collapse: separate; } - .input-group[class*="col-"] { - float: none; - padding-left: 0; - padding-right: 0; } - .input-group .form-control { - position: relative; - z-index: 2; - float: left; - width: 100%; - margin-bottom: 0; } + border-collapse: separate; +} +.input-group[class*=col-] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} .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; } + 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; } + vertical-align: middle; +} .input-group-addon { padding: 6px 12px; @@ -3319,22 +4164,26 @@ tbody.collapse.in { text-align: center; background-color: #1a1a1a; border: 1px solid #ccc; - border-radius: 3px; } - .input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, - .input-group-sm > .input-group-addon, - .input-group-sm > .input-group-btn > .input-group-addon.btn { - padding: 5px 10px; - font-size: 12px; - border-radius: 3px; } - .input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, - .input-group-lg > .input-group-addon, - .input-group-lg > .input-group-btn > .input-group-addon.btn { - padding: 10px 16px; - font-size: 18px; - border-radius: 6px; } - .input-group-addon input[type="radio"], - .input-group-addon input[type="checkbox"] { - margin-top: 0; } + border-radius: 3px; +} +.input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .input-group-addon.btn { + 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, @@ -3344,10 +4193,12 @@ tbody.collapse.in { .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; - border-top-right-radius: 0; } + border-top-right-radius: 0; +} .input-group-addon:first-child { - border-right: 0; } + border-right: 0; +} .input-group .form-control:last-child, .input-group-addon:last-child, @@ -3357,169 +4208,218 @@ tbody.collapse.in { .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; +} .input-group-addon:last-child { - border-left: 0; } + border-left: 0; +} .input-group-btn { position: relative; font-size: 0; - white-space: nowrap; } - .input-group-btn > .btn { - position: relative; } - .input-group-btn > .btn + .btn { - margin-left: -1px; } - .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { - z-index: 2; } - .input-group-btn:first-child > .btn, - .input-group-btn:first-child > .btn-group { - margin-right: -1px; } - .input-group-btn:last-child > .btn, - .input-group-btn:last-child > .btn-group { - margin-left: -1px; } + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + margin-left: -1px; +} .nav { margin-bottom: 0; padding-left: 0; - list-style: none; } - .nav:before, .nav:after { - content: " "; - display: table; } - .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: #1a1a1a; } - .nav > li.disabled > a { - color: #DDd; } - .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { - color: #DDd; - text-decoration: none; - background-color: transparent; - cursor: not-allowed; } - .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { - background-color: #1a1a1a; - border-color: #EA7105; } - .nav .nav-divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; } - .nav > li > a > img { - max-width: none; } + list-style: none; +} +.nav:before, .nav:after { + content: " "; + display: table; +} +.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: #1a1a1a; +} +.nav > li.disabled > a { + color: #DDd; +} +.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { + color: #DDd; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + background-color: #1a1a1a; + border-color: #EA7105; +} +.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 #E5E5E5; } - .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: 3px 3px 0 0; } - .nav-tabs > li > a:hover { - border-color: #1a1a1a #1a1a1a #E5E5E5; } - .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { - color: #eee; - background-color: #333; - border: 1px solid #ddd; - border-bottom-color: transparent; - cursor: default; } - + border-bottom: 1px solid #E5E5E5; +} +.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: 3px 3px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #1a1a1a #1a1a1a #E5E5E5; +} +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + color: #eee; + background-color: #333; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; +} .nav-pills > li { - float: left; } - .nav-pills > li > a { - border-radius: 0; } - .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { - color: #555; - background-color: #EA7105; } + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { + color: #555; + background-color: #EA7105; +} .nav-stacked > li { - float: none; } - .nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; } + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} .nav-justified, .nav-tabs.nav-justified { - width: 100%; } + width: 100%; +} +.nav-justified > li, .nav-tabs.nav-justified > li { + float: none; +} +.nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: left; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { - float: none; } - .nav-justified > li > a, .nav-tabs.nav-justified > li > a { - text-align: left; - margin-bottom: 5px; } - .nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; } - @media (min-width: 768px) { - .nav-justified > li, .nav-tabs.nav-justified > li { - display: table-cell; - width: 1%; } - .nav-justified > li > a, .nav-tabs.nav-justified > li > a { - margin-bottom: 0; } } + display: table-cell; + width: 1%; + } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} .nav-tabs-justified, .nav-tabs.nav-justified { - border-bottom: 0; } + border-bottom: 0; +} +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 3px; +} +.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 3px; } + border-bottom: 1px solid #ddd; + border-radius: 3px 3px 0 0; + } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus, - .nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #ddd; } - @media (min-width: 768px) { - .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #ddd; - border-radius: 3px 3px 0 0; } - .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #333; } } +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border-bottom-color: #333; + } +} .tab-content > .tab-pane { - display: none; } + display: none; +} .tab-content > .active { - display: block; } + display: block; +} .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; - border-top-left-radius: 0; } + border-top-left-radius: 0; +} .navbar { position: relative; min-height: 50px; margin-bottom: 0; - border: 1px solid transparent; } - .navbar:before, .navbar:after { - content: " "; - display: table; } - .navbar:after { - clear: both; } - @media (min-width: 768px) { - .navbar { - border-radius: 0; } } + border: 1px solid transparent; +} +.navbar:before, .navbar:after { + content: " "; + display: table; +} +.navbar:after { + clear: both; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0; + } +} .navbar-header:before, .navbar-header:after { content: " "; - display: table; } + display: table; +} .navbar-header:after { - clear: both; } + clear: both; +} @media (min-width: 768px) { .navbar-header { - float: left; } } + float: left; + } +} .navbar-collapse { overflow-x: visible; @@ -3527,58 +4427,76 @@ tbody.collapse.in { padding-left: 20px; 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 { - content: " "; - display: table; } - .navbar-collapse:after { - clear: both; } + -webkit-overflow-scrolling: touch; +} +.navbar-collapse:before, .navbar-collapse:after { + content: " "; + display: table; +} +.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; } - @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: visible; } - .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; } } + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { - max-height: 340px; } - @media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; } } + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -20px; - margin-left: -20px; } - @media (min-width: 768px) { - .container > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-header, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; } } + margin-left: -20px; +} +@media (min-width: 768px) { + .container > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-header, +.container-fluid > .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; } } + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} .navbar-fixed-top, .navbar-fixed-bottom { @@ -3587,31 +4505,40 @@ tbody.collapse.in { left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - @media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; } } + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, +.navbar-fixed-bottom { + border-radius: 0; + } +} .navbar-fixed-top { top: 0; - border-width: 0 0 1px; } + border-width: 0 0 1px; +} .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; - border-width: 1px 0 0; } + border-width: 1px 0 0; +} .navbar-brand { float: left; padding: 15px 20px; font-size: 18px; - height: 50px; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } - @media (min-width: 768px) { - .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { - margin-left: -20px; } } + height: 50px; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { + margin-left: -20px; + } +} .navbar-toggle { position: relative; @@ -3623,60 +4550,81 @@ tbody.collapse.in { background-color: transparent; background-image: none; border: 1px solid transparent; - border-radius: 3px; } - .navbar-toggle:focus { - outline: 0; } - .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; } } + border-radius: 3px; +} +.navbar-toggle:focus { + outline: 0; +} +.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 { - margin: 7.5px -20px; } + margin: 7.5px -20px; +} +.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: 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: 15px; - padding-bottom: 15px; } - .navbar-nav.navbar-right:last-child { - margin-right: -20px; } } + padding-top: 15px; + padding-bottom: 15px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -20px; + } +} @media (min-width: 768px) { .navbar-left { - float: left !important; } + float: left !important; + } .navbar-right { - float: right !important; } } + float: right !important; + } +} .navbar-form { margin-left: -20px; margin-right: -20px; @@ -3686,303 +4634,393 @@ tbody.collapse.in { -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); margin-top: 8px; - margin-bottom: 8px; } - @media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; } } - @media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; } - .navbar-form.navbar-right:last-child { - margin-right: -20px; } } + margin-bottom: 8px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -20px; + } +} .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; - border-top-left-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; } + border-bottom-left-radius: 0; +} .navbar-btn { margin-top: 8px; - margin-bottom: 8px; } - .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { - margin-top: 10px; - margin-bottom: 10px; } - .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { - margin-top: 14px; - margin-bottom: 14px; } + margin-bottom: 8px; +} +.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { + margin-top: 14px; + margin-bottom: 14px; +} .navbar-text { margin-top: 15px; - margin-bottom: 15px; } - @media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 20px; - margin-right: 20px; } - .navbar-text.navbar-right:last-child { - margin-right: 0; } } + margin-bottom: 15px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 20px; + margin-right: 20px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} .navbar-default { background-color: #404040; - border-color: #2f2f2f; } - .navbar-default .navbar-brand { - color: #C1C1c1; } - .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { - color: #a8a8a8; - background-color: transparent; } - .navbar-default .navbar-text { - color: #2B2B2B; } - .navbar-default .navbar-nav > li > a { - color: #C1C1c1; } - .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { - color: #EA7105; - background-color: transparent; } - .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { + border-color: #2f2f2f; +} +.navbar-default .navbar-brand { + color: #C1C1c1; +} +.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { + color: #a8a8a8; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #2B2B2B; +} +.navbar-default .navbar-nav > li > a { + color: #C1C1c1; +} +.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { + color: #EA7105; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { + color: #aaa; + background-color: #2f2f2f; +} +.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #FFF; +} +.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { + background-color: #555; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #FFF; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #2f2f2f; +} +.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { + background-color: #2f2f2f; + color: #aaa; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #C1C1c1; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #EA7105; + 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: #aaa; - background-color: #2f2f2f; } - .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { - color: #ccc; - background-color: transparent; } - .navbar-default .navbar-toggle { - border-color: #FFF; } - .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { - background-color: #555; } - .navbar-default .navbar-toggle .icon-bar { - background-color: #FFF; } - .navbar-default .navbar-collapse, - .navbar-default .navbar-form { - border-color: #2f2f2f; } - .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #2f2f2f; - color: #aaa; } - @media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #C1C1c1; } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #EA7105; - 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: #aaa; - background-color: #2f2f2f; } - .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: #ccc; - background-color: transparent; } } - .navbar-default .navbar-link { - color: #C1C1c1; } - .navbar-default .navbar-link:hover { - color: #EA7105; } - .navbar-default .btn-link { - color: #C1C1c1; } - .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { - color: #EA7105; } - .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { - color: #ccc; } + } + .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: #ccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #C1C1c1; +} +.navbar-default .navbar-link:hover { + color: #EA7105; +} +.navbar-default .btn-link { + color: #C1C1c1; +} +.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { + color: #EA7105; +} +.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { + color: #ccc; +} .navbar-inverse { background-color: #333; - border-color: #1a1a1a; } - .navbar-inverse .navbar-brand { - color: #DDd; } - .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { - color: #fff; - background-color: transparent; } - .navbar-inverse .navbar-text { - color: #DDd; } - .navbar-inverse .navbar-nav > li > a { - color: #DDd; } - .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { - color: #888; - background-color: transparent; } - .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { - color: #888; - background-color: #1a1a1a; } - .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { - color: #33a; - background-color: transparent; } - .navbar-inverse .navbar-toggle { - border-color: #333; } - .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { - background-color: #333; } - .navbar-inverse .navbar-toggle .icon-bar { - background-color: #fff; } - .navbar-inverse .navbar-collapse, - .navbar-inverse .navbar-form { - border-color: #212121; } - .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { + border-color: #1a1a1a; +} +.navbar-inverse .navbar-brand { + color: #DDd; +} +.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #DDd; +} +.navbar-inverse .navbar-nav > li > a { + color: #DDd; +} +.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { + color: #888; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { + color: #888; + background-color: #1a1a1a; +} +.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { + color: #33a; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #212121; +} +.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { + background-color: #1a1a1a; + color: #888; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #1a1a1a; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #1a1a1a; - color: #888; } - @media (max-width: 767px) { - .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { - border-color: #1a1a1a; } - .navbar-inverse .navbar-nav .open .dropdown-menu .divider { - background-color: #1a1a1a; } - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { - color: #DDd; } - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { - color: #888; - 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: #888; - background-color: #1a1a1a; } - .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: #33a; - background-color: transparent; } } - .navbar-inverse .navbar-link { - color: #DDd; } - .navbar-inverse .navbar-link:hover { - color: #888; } - .navbar-inverse .btn-link { - color: #DDd; } - .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { - color: #888; } - .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { - color: #33a; } + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #DDd; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #888; + 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: #888; + background-color: #1a1a1a; + } + .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: #33a; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #DDd; +} +.navbar-inverse .navbar-link:hover { + color: #888; +} +.navbar-inverse .btn-link { + color: #DDd; +} +.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { + color: #888; +} +.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #33a; +} .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #484848; - border-radius: 3px; } - .breadcrumb > li { - display: inline-block; } - .breadcrumb > li + li:before { - content: "/ "; - padding: 0 5px; - color: #ccc; } - .breadcrumb > .active { - color: #DDd; } + border-radius: 3px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/ "; + padding: 0 5px; + color: #ccc; +} +.breadcrumb > .active { + color: #DDd; +} .pagination { display: inline-block; padding-left: 0; margin: 20px 0; - border-radius: 3px; } - .pagination > li { - display: inline; } - .pagination > li > a, - .pagination > li > span { - position: relative; - float: left; - padding: 6px 12px; - line-height: 1.428571429; - text-decoration: none; - color: #EA7105; - background-color: #222; - border: 1px solid #ddd; - margin-left: -1px; } - .pagination > li:first-child > a, - .pagination > li:first-child > span { - margin-left: 0; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .pagination > li:last-child > a, - .pagination > li:last-child > span { - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .pagination > li > a:hover, .pagination > li > a:focus, - .pagination > li > span:hover, - .pagination > li > span:focus { - color: #9f4d03; - background-color: #1a1a1a; - border-color: #ddd; } - .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, - .pagination > .active > span, - .pagination > .active > span:hover, - .pagination > .active > span:focus { - z-index: 2; - color: #fff; - background-color: #EA7105; - border-color: #EA7105; - cursor: default; } - .pagination > .disabled > span, - .pagination > .disabled > span:hover, - .pagination > .disabled > span:focus, - .pagination > .disabled > a, - .pagination > .disabled > a:hover, - .pagination > .disabled > a:focus { - color: #DDd; - background-color: #222; - border-color: #ddd; - cursor: not-allowed; } + border-radius: 3px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.428571429; + text-decoration: none; + color: #EA7105; + background-color: #222; + border: 1px solid #ddd; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} +.pagination > li > a:hover, .pagination > li > a:focus, +.pagination > li > span:hover, +.pagination > li > span:focus { + color: #9f4d03; + background-color: #1a1a1a; + border-color: #ddd; +} +.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, +.pagination > .active > span, +.pagination > .active > span:hover, +.pagination > .active > span:focus { + z-index: 2; + color: #fff; + background-color: #EA7105; + border-color: #EA7105; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #DDd; + background-color: #222; + border-color: #ddd; + cursor: not-allowed; +} .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; - font-size: 18px; } + 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; } + border-top-left-radius: 6px; +} .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; - border-top-right-radius: 6px; } + border-top-right-radius: 6px; +} .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; - font-size: 12px; } + 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; } + border-top-left-radius: 3px; +} .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } + border-top-right-radius: 3px; +} .pager { padding-left: 0; margin: 20px 0; list-style: none; - text-align: center; } - .pager:before, .pager:after { - content: " "; - display: table; } - .pager:after { - clear: both; } - .pager li { - display: inline; } - .pager li > a, - .pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #222; - border: 1px solid #ddd; - border-radius: 15px; } - .pager li > a:hover, - .pager li > a:focus { - text-decoration: none; - background-color: #1a1a1a; } - .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: #DDd; - background-color: #222; - cursor: not-allowed; } + text-align: center; +} +.pager:before, .pager:after { + content: " "; + display: table; +} +.pager:after { + clear: both; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #222; + border: 1px solid #ddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #1a1a1a; +} +.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: #DDd; + background-color: #222; + cursor: not-allowed; +} .label { display: inline; - padding: .2em .6em .3em; + padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; @@ -3990,47 +5028,63 @@ tbody.collapse.in { text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: .25em; } - .label:empty { - display: none; } - .btn .label { - position: relative; - top: -1px; } + border-radius: 0.25em; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} a.label:hover, a.label:focus { color: #fff; text-decoration: none; - cursor: pointer; } + cursor: pointer; +} .label-default { - background-color: #DDd; } - .label-default[href]:hover, .label-default[href]:focus { - background-color: #c4c4c4; } + background-color: #DDd; +} +.label-default[href]:hover, .label-default[href]:focus { + background-color: #c4c4c4; +} .label-primary { - background-color: #EA7105; } - .label-primary[href]:hover, .label-primary[href]:focus { - background-color: #b85904; } + background-color: #EA7105; +} +.label-primary[href]:hover, .label-primary[href]:focus { + background-color: #b85904; +} .label-success { - background-color: #7Ba255; } - .label-success[href]:hover, .label-success[href]:focus { - background-color: #628143; } + background-color: #7Ba255; +} +.label-success[href]:hover, .label-success[href]:focus { + background-color: #628143; +} .label-info { - background-color: #B0CDDB; } - .label-info[href]:hover, .label-info[href]:focus { - background-color: #8db7cb; } + background-color: #B0CDDB; +} +.label-info[href]:hover, .label-info[href]:focus { + background-color: #8db7cb; +} .label-warning { - background-color: #f0ad4e; } - .label-warning[href]:hover, .label-warning[href]:focus { - background-color: #ec971f; } + background-color: #f0ad4e; +} +.label-warning[href]:hover, .label-warning[href]:focus { + background-color: #ec971f; +} .label-danger { - background-color: #F05050; } - .label-danger[href]:hover, .label-danger[href]:focus { - background-color: #ec2121; } + background-color: #F05050; +} +.label-danger[href]:hover, .label-danger[href]:focus { + background-color: #ec2121; +} .badge { display: inline-block; @@ -4044,54 +5098,71 @@ a.label:hover, a.label:focus { white-space: nowrap; text-align: center; background-color: #DDd; - border-radius: 10px; } - .badge:empty { - display: none; } - .btn .badge { - position: relative; - top: -1px; } - .btn-xs .badge, .btn-group-xs > .btn .badge { - top: 0; - padding: 1px 5px; } - a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { - color: #EA7105; - background-color: #443; } - .nav-pills > li > a > .badge { - margin-left: 3px; } + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge, .btn-group-xs > .btn .badge { + top: 0; + padding: 1px 5px; +} +a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { + color: #EA7105; + background-color: #443; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} a.badge:hover, a.badge:focus { color: #443; text-decoration: none; - cursor: pointer; } + cursor: pointer; +} .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; - background-color: #1a1a1a; } - .jumbotron h1, - .jumbotron .h1 { - color: inherit; } - .jumbotron p { - margin-bottom: 15px; - font-size: 21px; - font-weight: 200; } - .jumbotron > hr { - border-top-color: black; } + background-color: #1a1a1a; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.jumbotron > hr { + border-top-color: black; +} +.container .jumbotron { + border-radius: 6px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } .container .jumbotron { - border-radius: 6px; } - .jumbotron .container { - max-width: 100%; } - @media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; } - .jumbotron h1, - .jumbotron .h1 { - font-size: 63px; } } + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, +.jumbotron .h1 { + font-size: 63px; + } +} .thumbnail { display: block; @@ -4103,96 +5174,125 @@ a.badge:hover, a.badge:focus { border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } - .thumbnail > img, - .thumbnail a > img { - display: block; - width: 100% \9; - max-width: 100%; - height: auto; - margin-left: auto; - margin-right: auto; } - .thumbnail .caption { - padding: 9px; - color: #C1C1c1; } + transition: all 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: #C1C1c1; +} a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { - border-color: #EA7105; } + border-color: #EA7105; +} .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; - border-radius: 3px; } - .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; } + border-radius: 3px; +} +.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, .alert-dismissible { - padding-right: 35px; } - .alert-dismissable .close, - .alert-dismissible .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; } + padding-right: 35px; +} +.alert-dismissable .close, +.alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} .alert-success { background-color: #7Ba255; border-color: #7Ba255; - color: #485f32; } - .alert-success hr { - border-top-color: #6e914c; } - .alert-success .alert-link { - color: #55703b; } + color: #485f32; +} +.alert-success hr { + border-top-color: #6e914c; +} +.alert-success .alert-link { + color: #55703b; +} .alert-info { background-color: #4545a7; border-color: #3b488e; - color: #cccccc; } - .alert-info hr { - border-top-color: #333f7c; } - .alert-info .alert-link { - color: #d9d9d9; } + color: #cccccc; +} +.alert-info hr { + border-top-color: #333f7c; +} +.alert-info .alert-link { + color: #d9d9d9; +} .alert-warning { background-color: #fcf8e3; border-color: #faebcc; - color: #c77c11; } - .alert-warning hr { - border-top-color: #f7e1b5; } - .alert-warning .alert-link { - color: #df8a13; } + color: #c77c11; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #df8a13; +} .alert-danger { background-color: #F05050; border-color: #F05050; - color: #c91111; } - .alert-danger hr { - border-top-color: #ee3939; } - .alert-danger .alert-link { - color: #e01313; } + color: #c91111; +} +.alert-danger hr { + border-top-color: #ee3939; +} +.alert-danger .alert-link { + color: #e01313; +} @-webkit-keyframes progress-bar-stripes { from { - background-position: 40px 0; } + background-position: 40px 0; + } to { - background-position: 0 0; } } + background-position: 0 0; + } +} @keyframes progress-bar-stripes { from { - background-position: 40px 0; } + background-position: 40px 0; + } to { - background-position: 0 0; } } + background-position: 0 0; + } +} .progress { overflow: hidden; height: 20px; @@ -4200,7 +5300,8 @@ a.thumbnail.active { border-radius: 3px; position: relative; -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); } + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} .progress-bar { float: left; @@ -4217,227 +5318,287 @@ a.thumbnail.active { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; - transition: width 0.6s ease; } + transition: width 0.6s ease; +} .progress-striped .progress-bar, .progress-bar-striped { 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: -o-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; } + background-size: 40px 40px; +} .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; } + animation: progress-bar-stripes 2s linear infinite; +} .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { - min-width: 30px; } + min-width: 30px; +} .progress-bar[aria-valuenow="0"] { color: #DDd; min-width: 30px; background-color: transparent; background-image: none; - box-shadow: none; } + box-shadow: none; +} .progress-bar-success { - background-color: #7Ba255; } - .progress-striped .progress-bar-success { - 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: -o-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-color: #7Ba255; +} +.progress-striped .progress-bar-success { + 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: -o-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: #B0CDDB; } - .progress-striped .progress-bar-info { - 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: -o-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-color: #B0CDDB; +} +.progress-striped .progress-bar-info { + 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: -o-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-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: -o-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-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + 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: -o-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: #F05050; } - .progress-striped .progress-bar-danger { - 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: -o-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-color: #F05050; +} +.progress-striped .progress-bar-danger { + 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: -o-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; } + zoom: 1; +} .media, .media .media { - margin-top: 15px; } + margin-top: 15px; +} .media:first-child { - margin-top: 0; } + margin-top: 0; +} .media-object { - display: block; } + display: block; +} .media-heading { - margin: 0 0 5px; } + margin: 0 0 5px; +} .media > .pull-left { - margin-right: 10px; } + margin-right: 10px; +} .media > .pull-right { - margin-left: 10px; } + margin-left: 10px; +} .media-list { padding-left: 0; - list-style: none; } + list-style: none; +} .list-group { margin-bottom: 20px; - padding-left: 0; } + padding-left: 0; +} .list-group-item { position: relative; display: block; padding: 6px 8px; margin-bottom: -1px; - background-color: #222; } - .list-group-item:last-child { - margin-bottom: 0; } - .list-group-item > .badge { - float: right; } - .list-group-item > .badge + .badge { - margin-right: 5px; } + background-color: #222; +} +.list-group-item:last-child { + margin-bottom: 0; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} a.list-group-item { color: #C1C1c1; - border-radius: 0; } - a.list-group-item .list-group-item-heading { - color: #333; } - a.list-group-item:hover, a.list-group-item:focus { - text-decoration: none; - color: #EA7105; - background-color: #484848; } - a.list-group-item:hover:before, a.list-group-item:focus:before { - background: #EA7105; - content: ""; - height: 42px; - left: 0; - position: absolute; - top: 0; - width: 3px; } + border-radius: 0; +} +a.list-group-item .list-group-item-heading { + color: #333; +} +a.list-group-item:hover, a.list-group-item:focus { + text-decoration: none; + color: #EA7105; + background-color: #484848; +} +a.list-group-item:hover:before, a.list-group-item:focus:before { + background: #EA7105; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0; + width: 3px; +} .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #1a1a1a; - color: #DDd; } - .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { - color: inherit; } - .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { - color: #DDd; } + color: #DDd; +} +.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { + color: inherit; +} +.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { + color: #DDd; +} .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { - z-index: 2; } - .list-group-item.active:before, .list-group-item.active:hover:before, .list-group-item.active:focus:before { - background: #EA7105; - content: ""; - height: 42px; - left: 0; - position: absolute; - top: 0px; - width: 3px; } - .list-group-item.active .list-group-item-heading, - .list-group-item.active .list-group-item-heading > small, - .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, - .list-group-item.active:hover .list-group-item-heading > small, - .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, - .list-group-item.active:focus .list-group-item-heading > small, - .list-group-item.active:focus .list-group-item-heading > .small { - color: inherit; } - .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { - color: #fedcbd; } - .list-group-item.active + .collapse > .list-group-item:before, .list-group-item.active:hover + .collapse > .list-group-item:before, .list-group-item.active:focus + .collapse > .list-group-item:before { - background: #EA7105; - content: ""; - height: 42px; - left: 0; - position: absolute; - top: 0px; - width: 3px; } + z-index: 2; +} +.list-group-item.active:before, .list-group-item.active:hover:before, .list-group-item.active:focus:before { + background: #EA7105; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0px; + width: 3px; +} +.list-group-item.active .list-group-item-heading, +.list-group-item.active .list-group-item-heading > small, +.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading > small, +.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading > small, +.list-group-item.active:focus .list-group-item-heading > .small { + color: inherit; +} +.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { + color: #fedcbd; +} +.list-group-item.active + .collapse > .list-group-item:before, .list-group-item.active:hover + .collapse > .list-group-item:before, .list-group-item.active:focus + .collapse > .list-group-item:before { + background: #EA7105; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0px; + width: 3px; +} .list-group-item-success { color: #7Ba255; - background-color: #7Ba255; } + background-color: #7Ba255; +} a.list-group-item-success { - color: #7Ba255; } - a.list-group-item-success .list-group-item-heading { - color: inherit; } - a.list-group-item-success:hover, a.list-group-item-success:focus { - color: #7Ba255; - background-color: #6e914c; } - a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { - color: #222; - background-color: #7Ba255; - border-color: #7Ba255; } + color: #7Ba255; +} +a.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, a.list-group-item-success:focus { + color: #7Ba255; + background-color: #6e914c; +} +a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { + color: #222; + background-color: #7Ba255; + border-color: #7Ba255; +} .list-group-item-info { color: #ffffff; - background-color: #4545a7; } + background-color: #4545a7; +} a.list-group-item-info { - color: #ffffff; } - a.list-group-item-info .list-group-item-heading { - color: inherit; } - a.list-group-item-info:hover, a.list-group-item-info:focus { - color: #ffffff; - background-color: #3e3e95; } - a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { - color: #222; - background-color: #ffffff; - border-color: #ffffff; } + color: #ffffff; +} +a.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, a.list-group-item-info:focus { + color: #ffffff; + background-color: #3e3e95; +} +a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { + color: #222; + background-color: #ffffff; + border-color: #ffffff; +} .list-group-item-warning { color: #f0ad4e; - background-color: #fcf8e3; } + background-color: #fcf8e3; +} a.list-group-item-warning { - color: #f0ad4e; } - a.list-group-item-warning .list-group-item-heading { - color: inherit; } - a.list-group-item-warning:hover, a.list-group-item-warning:focus { - color: #f0ad4e; - background-color: #faf2cc; } - a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { - color: #222; - background-color: #f0ad4e; - border-color: #f0ad4e; } + color: #f0ad4e; +} +a.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, a.list-group-item-warning:focus { + color: #f0ad4e; + background-color: #faf2cc; +} +a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { + color: #222; + background-color: #f0ad4e; + border-color: #f0ad4e; +} .list-group-item-danger { color: #F05050; - background-color: #F05050; } + background-color: #F05050; +} a.list-group-item-danger { - color: #F05050; } - a.list-group-item-danger .list-group-item-heading { - color: inherit; } - a.list-group-item-danger:hover, a.list-group-item-danger:focus { - color: #F05050; - background-color: #ee3939; } - a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { - color: #222; - background-color: #F05050; - border-color: #F05050; } + color: #F05050; +} +a.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, a.list-group-item-danger:focus { + color: #F05050; + background-color: #ee3939; +} +a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { + color: #222; + background-color: #F05050; + border-color: #F05050; +} .list-group-item-heading { margin-top: 0; - margin-bottom: 5px; } + margin-bottom: 5px; +} .list-group-item-text { margin-bottom: 0; - line-height: 1.3; } + line-height: 1.3; +} .panel { margin-bottom: 20px; @@ -4445,285 +5606,356 @@ a.list-group-item-danger { border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - 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 { - content: " "; - display: table; } - .panel-body:after { - clear: both; } + padding: 15px; +} +.panel-body:before, .panel-body:after { + content: " "; + display: table; +} +.panel-body:after { + clear: both; +} .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 2px; - border-top-left-radius: 2px; } - .panel-heading > .dropdown .dropdown-toggle { - color: inherit; } + border-top-left-radius: 2px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; - color: inherit; } - .panel-title > a { - color: inherit; } + color: inherit; +} +.panel-title > a { + color: inherit; +} .panel-footer { padding: 10px 15px; background-color: #484848; border-top: 1px solid #ddd; border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } + border-bottom-left-radius: 2px; +} .panel > .list-group { - margin-bottom: 0; } - .panel > .list-group .list-group-item { - border-width: 1px 0; - border-radius: 0; } - .panel > .list-group:first-child .list-group-item:first-child { - border-top: 0; - border-top-right-radius: 2px; - border-top-left-radius: 2px; } - .panel > .list-group:last-child .list-group-item:last-child { - border-bottom: 0; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} .panel-heading + .list-group .list-group-item:first-child { - border-top-width: 0; } + border-top-width: 0; +} .list-group + .panel-footer { - border-top-width: 0; } + border-top-width: 0; +} .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { - margin-bottom: 0; } + margin-bottom: 0; +} .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 2px; - border-top-left-radius: 2px; } - .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, - .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, - .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, - .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, - .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, - .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, - .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, - .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { - border-top-left-radius: 2px; } - .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, - .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, - .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, - .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, - .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, - .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, - .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, - .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { - border-top-right-radius: 2px; } + border-top-left-radius: 2px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 2px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 2px; +} .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } - .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, - .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, - .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, - .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, - .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, - .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, - .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, - .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { - border-bottom-left-radius: 2px; } - .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, - .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, - .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, - .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, - .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, - .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, - .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, - .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { - border-bottom-right-radius: 2px; } + border-bottom-left-radius: 2px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 2px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 2px; +} .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { - border-top: 1px solid #aaa; } + border-top: 1px solid #111; +} .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { - border-top: 0; } + border-top: 0; +} .panel > .table-bordered, .panel > .table-responsive > .table-bordered { - border: 0; } - .panel > .table-bordered > thead > tr > th:first-child, - .panel > .table-bordered > thead > tr > td:first-child, - .panel > .table-bordered > tbody > tr > th:first-child, - .panel > .table-bordered > tbody > tr > td:first-child, - .panel > .table-bordered > tfoot > tr > th:first-child, - .panel > .table-bordered > tfoot > tr > td:first-child, - .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, - .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, - .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, - .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, - .panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child, - .panel > .table-bordered > tbody > tr > th:last-child, - .panel > .table-bordered > tbody > tr > td:last-child, - .panel > .table-bordered > tfoot > tr > th:last-child, - .panel > .table-bordered > tfoot > tr > td:last-child, - .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, - .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, - .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, - .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, - .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, - .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { - border-right: 0; } - .panel > .table-bordered > thead > tr:first-child > td, - .panel > .table-bordered > thead > tr:first-child > th, - .panel > .table-bordered > tbody > tr:first-child > td, - .panel > .table-bordered > tbody > tr:first-child > th, - .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, - .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, - .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, - .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { - border-bottom: 0; } - .panel > .table-bordered > tbody > tr:last-child > td, - .panel > .table-bordered > tbody > tr:last-child > th, - .panel > .table-bordered > tfoot > tr:last-child > td, - .panel > .table-bordered > tfoot > tr:last-child > th, - .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, - .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, - .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, - .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { - border-bottom: 0; } + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} .panel > .table-responsive { border: 0; - margin-bottom: 0; } + margin-bottom: 0; +} .panel-group { - margin-bottom: 20px; } - .panel-group .panel { - margin-bottom: 0; - border-radius: 3px; } - .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 #ddd; } - .panel-group .panel-footer { - border-top: 0; } - .panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #ddd; } + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 3px; +} +.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 #ddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; +} .panel-default { - border-color: #ddd; } - .panel-default > .panel-heading { - color: #c1c1c1; - background-color: #484848; - border-color: #ddd; } - .panel-default > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #ddd; } - .panel-default > .panel-heading .badge { - color: #484848; - background-color: #c1c1c1; } - .panel-default > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #ddd; } + border-color: #ddd; +} +.panel-default > .panel-heading { + color: #c1c1c1; + background-color: #484848; + border-color: #ddd; +} +.panel-default > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ddd; +} +.panel-default > .panel-heading .badge { + color: #484848; + background-color: #c1c1c1; +} +.panel-default > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ddd; +} .panel-primary { - border-color: #EA7105; } - .panel-primary > .panel-heading { - color: #fff; - background-color: #EA7105; - border-color: #EA7105; } - .panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #EA7105; } - .panel-primary > .panel-heading .badge { - color: #EA7105; - background-color: #fff; } - .panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #EA7105; } + border-color: #EA7105; +} +.panel-primary > .panel-heading { + color: #fff; + background-color: #EA7105; + border-color: #EA7105; +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #EA7105; +} +.panel-primary > .panel-heading .badge { + color: #EA7105; + background-color: #fff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #EA7105; +} .panel-success { - border-color: #7Ba255; } - .panel-success > .panel-heading { - color: #7Ba255; - background-color: #7Ba255; - border-color: #7Ba255; } - .panel-success > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #7Ba255; } - .panel-success > .panel-heading .badge { - color: #7Ba255; - background-color: #7Ba255; } - .panel-success > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #7Ba255; } + border-color: #7Ba255; +} +.panel-success > .panel-heading { + color: #7Ba255; + background-color: #7Ba255; + border-color: #7Ba255; +} +.panel-success > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #7Ba255; +} +.panel-success > .panel-heading .badge { + color: #7Ba255; + background-color: #7Ba255; +} +.panel-success > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #7Ba255; +} .panel-info { - border-color: #3b488e; } - .panel-info > .panel-heading { - color: #ffffff; - background-color: #4545a7; - border-color: #3b488e; } - .panel-info > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #3b488e; } - .panel-info > .panel-heading .badge { - color: #4545a7; - background-color: #ffffff; } - .panel-info > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #3b488e; } + border-color: #3b488e; +} +.panel-info > .panel-heading { + color: #ffffff; + background-color: #4545a7; + border-color: #3b488e; +} +.panel-info > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #3b488e; +} +.panel-info > .panel-heading .badge { + color: #4545a7; + background-color: #ffffff; +} +.panel-info > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #3b488e; +} .panel-warning { - border-color: #faebcc; } - .panel-warning > .panel-heading { - color: #f0ad4e; - background-color: #fcf8e3; - border-color: #faebcc; } - .panel-warning > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #faebcc; } - .panel-warning > .panel-heading .badge { - color: #fcf8e3; - background-color: #f0ad4e; } - .panel-warning > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #faebcc; } + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #f0ad4e; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-heading .badge { + color: #fcf8e3; + background-color: #f0ad4e; +} +.panel-warning > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; +} .panel-danger { - border-color: #F05050; } - .panel-danger > .panel-heading { - color: #F05050; - background-color: #F05050; - border-color: #F05050; } - .panel-danger > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #F05050; } - .panel-danger > .panel-heading .badge { - color: #F05050; - background-color: #F05050; } - .panel-danger > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #F05050; } + border-color: #F05050; +} +.panel-danger > .panel-heading { + color: #F05050; + background-color: #F05050; + border-color: #F05050; +} +.panel-danger > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #F05050; +} +.panel-danger > .panel-heading .badge { + color: #F05050; + background-color: #F05050; +} +.panel-danger > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #F05050; +} .embed-responsive { position: relative; display: block; height: 0; padding: 0; - overflow: hidden; } - .embed-responsive .embed-responsive-item, - .embed-responsive iframe, - .embed-responsive embed, - .embed-responsive object { - position: absolute; - top: 0; - left: 0; - bottom: 0; - height: 100%; - width: 100%; - border: 0; } - .embed-responsive.embed-responsive-16by9 { - padding-bottom: 56.25%; } - .embed-responsive.embed-responsive-4by3 { - padding-bottom: 75%; } + overflow: hidden; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; +} +.embed-responsive.embed-responsive-16by9 { + padding-bottom: 56.25%; +} +.embed-responsive.embed-responsive-4by3 { + padding-bottom: 75%; +} .well { min-height: 20px; @@ -4733,18 +5965,22 @@ a.list-group-item-danger { border: 1px solid #363636; border-radius: 3px; -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); } + 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; } + border-radius: 6px; +} .well-sm { padding: 9px; - border-radius: 3px; } + border-radius: 3px; +} .close { float: right; @@ -4754,23 +5990,27 @@ a.list-group-item-danger { color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; - filter: alpha(opacity=20); } - .close:hover, .close:focus { - color: #000; - text-decoration: none; - cursor: pointer; - opacity: 0.5; - filter: alpha(opacity=50); } + filter: alpha(opacity=20); +} +.close:hover, .close:focus { + color: #000; + 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; } + -webkit-appearance: none; +} .modal-open { - overflow: hidden; } + overflow: hidden; +} .modal { display: none; @@ -4782,26 +6022,31 @@ button.close { left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; - outline: 0; } - .modal.fade .modal-dialog { - -webkit-transform: translate3d(0, -25%, 0); - transform: translate3d(0, -25%, 0); - -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: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); + -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: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} .modal-open .modal { overflow-x: hidden; - overflow-y: auto; } + overflow-y: auto; +} .modal-dialog { position: relative; width: auto; - margin: 62px 10px 10px 10px; } + margin: 62px 10px 10px 10px; +} .modal-content { position: relative; @@ -4812,7 +6057,8 @@ button.close { -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; - outline: 0; } + outline: 0; +} .modal-backdrop { position: fixed; @@ -4821,68 +6067,88 @@ button.close { bottom: 0; left: 0; z-index: 1040; - background-color: #000; } - .modal-backdrop.fade { - opacity: 0; - filter: alpha(opacity=0); } - .modal-backdrop.in { - opacity: 0.5; - filter: alpha(opacity=50); } + background-color: #000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; - min-height: 16.428571429px; } + min-height: 16.428571429px; +} .modal-header .close { - margin-top: -2px; } + margin-top: -2px; +} .modal-title { margin: 0; - line-height: 1.428571429; } + line-height: 1.428571429; +} .modal-body { position: relative; - padding: 15px; } + padding: 15px; +} .modal-footer { padding: 15px; text-align: right; - border-top: 1px solid #e5e5e5; } - .modal-footer:before, .modal-footer:after { - content: " "; - display: table; } - .modal-footer:after { - clear: both; } - .modal-footer .btn + .btn { - margin-left: 5px; - margin-bottom: 0; } - .modal-footer .btn-group .btn + .btn { - margin-left: -1px; } - .modal-footer .btn-block + .btn-block { - margin-left: 0; } + border-top: 1px solid #e5e5e5; +} +.modal-footer:before, .modal-footer:after { + content: " "; + display: table; +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; } + overflow: scroll; +} @media (min-width: 768px) { .modal-dialog { width: 600px; - margin: 82px auto 30px auto; } + margin: 82px auto 30px auto; + } .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); } + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } .modal-sm { - width: 300px; } } + width: 300px; + } +} @media (min-width: 992px) { .modal-lg { - width: 900px; } } + width: 900px; + } +} .tooltip { position: absolute; z-index: 1070; @@ -4891,22 +6157,28 @@ button.close { font-size: 12px; line-height: 1.4; opacity: 0; - filter: alpha(opacity=0); } - .tooltip.in { - opacity: 0.9; - filter: alpha(opacity=90); } - .tooltip.top { - margin-top: -3px; - padding: 5px 0; } - .tooltip.right { - margin-left: 3px; - padding: 0 5px; } - .tooltip.bottom { - margin-top: 3px; - padding: 5px 0; } - .tooltip.left { - margin-left: -3px; - padding: 0 5px; } + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} .tooltip-inner { max-width: 200px; @@ -4915,59 +6187,69 @@ button.close { text-align: center; text-decoration: none; background-color: #000; - border-radius: 3px; } + border-radius: 3px; +} .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; - border-style: solid; } + border-style: solid; +} .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; - border-top-color: #000; } + border-top-color: #000; +} .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; - border-top-color: #000; } + border-top-color: #000; +} .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; - border-top-color: #000; } + border-top-color: #000; +} .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; - border-right-color: #000; } + border-right-color: #000; +} .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; - border-left-color: #000; } + border-left-color: #000; +} .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; - border-bottom-color: #000; } + border-bottom-color: #000; +} .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; - border-bottom-color: #000; } + border-bottom-color: #000; +} .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; - border-bottom-color: #000; } + border-bottom-color: #000; +} .popover { position: absolute; @@ -4985,15 +6267,20 @@ button.close { border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - white-space: normal; } - .popover.top { - margin-top: -10px; } - .popover.right { - margin-left: 10px; } - .popover.bottom { - margin-top: 10px; } - .popover.left { - margin-left: -10px; } + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} .popover-title { margin: 0; @@ -5003,10 +6290,12 @@ button.close { line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; } + border-radius: 5px 5px 0 0; +} .popover-content { - padding: 9px 14px; } + padding: 9px 14px; +} .popover > .arrow, .popover > .arrow:after { position: absolute; @@ -5014,14 +6303,17 @@ button.close { width: 0; height: 0; border-color: transparent; - border-style: solid; } + border-style: solid; +} .popover > .arrow { - border-width: 11px; } + border-width: 11px; +} .popover > .arrow:after { border-width: 10px; - content: ""; } + content: ""; +} .popover.top > .arrow { left: 50%; @@ -5029,95 +6321,115 @@ button.close { border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); - bottom: -11px; } - .popover.top > .arrow:after { - content: " "; - bottom: 1px; - margin-left: -10px; - border-bottom-width: 0; - border-top-color: #fff; } + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #fff; +} .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; - border-right-color: rgba(0, 0, 0, 0.25); } - .popover.right > .arrow:after { - content: " "; - left: 1px; - bottom: -10px; - border-left-width: 0; - border-right-color: #fff; } + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #fff; +} .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); - top: -11px; } - .popover.bottom > .arrow:after { - content: " "; - top: 1px; - margin-left: -10px; - border-top-width: 0; - border-bottom-color: #fff; } + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #fff; +} .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; - border-left-color: rgba(0, 0, 0, 0.25); } - .popover.left > .arrow:after { - content: " "; - right: 1px; - border-right-width: 0; - border-left-color: #fff; - bottom: -10px; } + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #fff; + bottom: -10px; +} .carousel { - position: relative; } + position: relative; +} .carousel-inner { position: relative; overflow: hidden; - width: 100%; } - .carousel-inner > .item { - display: none; - position: relative; - -webkit-transition: 0.6s ease-in-out left; - -o-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; - width: 100% \9; - max-width: 100%; - height: auto; - 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%; } + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -o-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; + width: 100% \9; + max-width: 100%; + height: auto; + 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; @@ -5130,53 +6442,63 @@ button.close { font-size: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .carousel-control.left { - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: -o-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 { - left: auto; - right: 0; - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: -o-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 { - outline: 0; - color: #fff; - 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%; - margin-left: -10px; } - .carousel-control .icon-next, - .carousel-control .glyphicon-chevron-right { - right: 50%; - margin-right: -10px; } - .carousel-control .icon-prev, - .carousel-control .icon-next { - width: 20px; - height: 20px; - margin-top: -10px; - font-family: serif; } - .carousel-control .icon-prev:before { - content: '\2039'; } - .carousel-control .icon-next:before { - content: '\203a'; } + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-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 { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-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 { + outline: 0; + color: #fff; + 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%; + margin-left: -10px; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: "‹"; +} +.carousel-control .icon-next:before { + content: "›"; +} .carousel-indicators { position: absolute; @@ -5187,23 +6509,26 @@ button.close { margin-left: -30%; padding-left: 0; list-style: none; - text-align: center; } - .carousel-indicators li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - border: 1px solid #fff; - border-radius: 10px; - cursor: pointer; - background-color: #000 \9; - background-color: rgba(0, 0, 0, 0); } - .carousel-indicators .active { - margin: 0; - width: 12px; - height: 12px; - background-color: #fff; } + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #fff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #fff; +} .carousel-caption { position: absolute; @@ -5215,79 +6540,100 @@ button.close { padding-bottom: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .carousel-caption .btn { - text-shadow: none; } + 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 .glyphicon-chevron-left, - .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-prev, - .carousel-control .icon-next { +.carousel-control .glyphicon-chevron-right, +.carousel-control .icon-prev, +.carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; - font-size: 30px; } + font-size: 30px; + } .carousel-control .glyphicon-chevron-left, - .carousel-control .icon-prev { - margin-left: -15px; } +.carousel-control .icon-prev { + margin-left: -15px; + } .carousel-control .glyphicon-chevron-right, - .carousel-control .icon-next { - margin-right: -15px; } +.carousel-control .icon-next { + margin-right: -15px; + } .carousel-caption { left: 20%; right: 20%; - padding-bottom: 30px; } + padding-bottom: 30px; + } .carousel-indicators { - bottom: 20px; } } + bottom: 20px; + } +} .clearfix:before, .content-box:before, .clearfix:after, .content-box:after { content: " "; - display: table; } + display: table; +} .clearfix:after, .content-box:after { - clear: both; } + clear: both; +} .center-block { display: block; margin-left: auto; - margin-right: auto; } + margin-right: auto; +} .pull-right { - float: right !important; } + float: right !important; +} .pull-left { - float: left !important; } + float: left !important; +} .hide { - display: none !important; } + display: none !important; +} .show { - display: block !important; } + display: block !important; +} .invisible { - visibility: hidden; } + visibility: hidden; +} .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; - border: 0; } + border: 0; +} .hidden { display: none !important; - visibility: hidden !important; } + visibility: hidden !important; +} .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } + transform: translate3d(0, 0, 0); +} @-ms-viewport { - width: device-width; } + width: device-width; +} .visible-xs, .visible-sm, .visible-md, .visible-lg { - display: none !important; } + display: none !important; +} .visible-xs-block, .visible-xs-inline, @@ -5301,167 +6647,247 @@ button.close { .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { - display: none !important; } + display: none !important; +} @media (max-width: 767px) { .visible-xs { - display: block !important; } + display: block !important; + } table.visible-xs { - display: table; } + display: table; + } tr.visible-xs { - display: table-row !important; } + display: table-row !important; + } th.visible-xs, - td.visible-xs { - display: table-cell !important; } } +td.visible-xs { + display: table-cell !important; + } +} @media (max-width: 767px) { .visible-xs-block { - display: block !important; } } + display: block !important; + } +} @media (max-width: 767px) { .visible-xs-inline { - display: inline !important; } } + display: inline !important; + } +} @media (max-width: 767px) { .visible-xs-inline-block { - display: inline-block !important; } } + display: inline-block !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .visible-sm { - display: block !important; } + display: block !important; + } table.visible-sm { - display: table; } + display: table; + } tr.visible-sm { - display: table-row !important; } + display: table-row !important; + } th.visible-sm, - td.visible-sm { - display: table-cell !important; } } +td.visible-sm { + display: table-cell !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { - display: block !important; } } + display: block !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { - display: inline !important; } } + display: inline !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { - display: inline-block !important; } } + display: inline-block !important; + } +} @media (min-width: 992px) and (max-width: 1199px) { .visible-md { - display: block !important; } + display: block !important; + } table.visible-md { - display: table; } + display: table; + } tr.visible-md { - display: table-row !important; } + display: table-row !important; + } th.visible-md, - td.visible-md { - display: table-cell !important; } } +td.visible-md { + display: table-cell !important; + } +} @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { - display: block !important; } } + display: block !important; + } +} @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { - display: inline !important; } } + display: inline !important; + } +} @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { - display: inline-block !important; } } + display: inline-block !important; + } +} @media (min-width: 1200px) { .visible-lg { - display: block !important; } + display: block !important; + } table.visible-lg { - display: table; } + display: table; + } tr.visible-lg { - display: table-row !important; } + display: table-row !important; + } th.visible-lg, - td.visible-lg { - display: table-cell !important; } } +td.visible-lg { + display: table-cell !important; + } +} @media (min-width: 1200px) { .visible-lg-block { - display: block !important; } } + display: block !important; + } +} @media (min-width: 1200px) { .visible-lg-inline { - display: inline !important; } } + display: inline !important; + } +} @media (min-width: 1200px) { .visible-lg-inline-block { - display: inline-block !important; } } + display: inline-block !important; + } +} @media (max-width: 767px) { .hidden-xs, .page-side { - display: none !important; } } + display: none !important; + } +} @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { - display: none !important; } } + display: none !important; + } +} +/* COLLAPSE SIDEBAR @media*/ +@media (max-width: 768px), (max-height: 669px) { + .toggle-sidebar { + display: none !important; + } +} +/* COLLAPSE SIDEBAR @media END*/ @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { - display: none !important; } } + display: none !important; + } +} @media (min-width: 1200px) { .hidden-lg { - display: none !important; } } + display: none !important; + } +} .visible-print { - display: none !important; } + display: none !important; +} @media print { .visible-print { - display: block !important; } + display: block !important; + } table.visible-print { - display: table; } + display: table; + } tr.visible-print { - display: table-row !important; } + display: table-row !important; + } th.visible-print, - td.visible-print { - display: table-cell !important; } } +td.visible-print { + display: table-cell !important; + } +} .visible-print-block { - display: none !important; } - @media print { - .visible-print-block { - display: block !important; } } + display: none !important; +} +@media print { + .visible-print-block { + display: block !important; + } +} .visible-print-inline { - display: none !important; } - @media print { - .visible-print-inline { - display: inline !important; } } + display: none !important; +} +@media print { + .visible-print-inline { + display: inline !important; + } +} .visible-print-inline-block { - display: none !important; } - @media print { - .visible-print-inline-block { - display: inline-block !important; } } + display: none !important; +} +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} @media print { .hidden-print { - display: none !important; } } + display: none !important; + } +} * { - -webkit-font-smoothing: antialiased; } + -webkit-font-smoothing: antialiased; +} html, body { height: 100%; - font-family: 'SourceSansProRegular'; } + font-family: "SourceSansProRegular"; +} body { touch-action: manipulation; - min-width: 320px; } + min-width: 320px; +} .page-head { background: #404040; @@ -5469,31 +6895,38 @@ body { left: 0; position: fixed; width: 100%; - z-index: 2; } + z-index: 2; +} .page-content { height: calc(100% - 52px); padding-top: 52px; position: relative; - z-index: 1; } - .page-content > .row { - height: 100%; } + z-index: 1; +} +.page-content > .row { + height: 100%; +} .page-content-head, .content-box-head { background: #232323; border-bottom: 1px solid rgba(217, 217, 217, 0.5); padding-bottom: 15px; - padding-top: 20px; } - .page-content-head .navbar-nav, .content-box-head .navbar-nav { - width: 100%; } - .page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 { - line-height: 1; - margin: 0; } + padding-top: 20px; +} +.page-content-head .navbar-nav, .content-box-head .navbar-nav { + width: 100%; +} +.page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 { + line-height: 1; + margin: 0; +} .page-content-main { background: #2B2B2B; min-height: calc(100% - 64px); - padding: 15px 0 73px; } + padding: 15px 0 73px; +} .page-side { background: #222; @@ -5505,11 +6938,13 @@ body { margin-top: 52px; position: fixed; top: 0; - z-index: 3; } + z-index: 3; +} .page-side-nav--active { background: #2B2B2B; - border-left: 3px solid #EA7105; } + border-left: 3px solid #EA7105; +} .page-foot { background: #232323; @@ -5519,133 +6954,383 @@ body { padding: 20px 0; position: fixed; width: 100%; - z-index: 2; } + z-index: 2; +} .content-box { background: #333; - border: 1px solid #E5E5E5; } - .content-box-main { - padding-bottom: 15px; - padding-top: 15px; } + border: 1px solid #E5E5E5; +} +.content-box-main { + padding-bottom: 15px; + padding-top: 15px; +} .tab-content { border-top: 0px; - padding: 0px 0; } - .tab-content > .tab-content { - margin-bottom: 0; - padding: 0 15px; } - .tab-content .tab-content:last-child { - margin-bottom: 0; } + padding: 0px 0; +} +.tab-content > .tab-content { + margin-bottom: 0; + padding: 0 15px; +} +.tab-content .tab-content:last-child { + margin-bottom: 0; +} -.page-content-main [class^="col-"] + [class^="col-"] { - padding-top: 20px; } +.page-content-main [class^=col-] + [class^=col-] { + padding-top: 20px; +} .brand-logo { - display: none; } - @media (min-width: 768px) { - .brand-logo { - display: inline-block; } } + display: none; +} +@media (min-width: 768px) { + .brand-logo { + display: inline-block; + } +} .brand-icon { - display: inline-block; } - @media (min-width: 768px) { - .brand-icon { - display: none; } } + display: inline-block; +} +@media (min-width: 768px) { + .brand-icon { + display: none; + } +} @media (min-width: 768px) { .col-sm-disable-spacer { - padding-top: 0 !important; } } + padding-top: 0 !important; + } +} @media (min-width: 992px) { .col-md-disable-spacer { - padding-top: 0 !important; } } + padding-top: 0 !important; + } +} @media (min-width: 1200px) { .col-lg-disable-spacer { - padding-top: 0 !important; } } + padding-top: 0 !important; + } +} .page-login { - background: #2B2B2B; } - .page-login .container { - min-height: 100%; - margin-bottom: -60px; } - .page-login .container:after { - height: 60px; } + background: #2B2B2B; +} +.page-login .container { + min-height: 100%; + margin-bottom: -60px; +} +.page-login .container:after { + height: 60px; +} .login-foot { - font-size: 12px; } + font-size: 12px; +} .login-modal-container { background: #222; border: 1px solid #E5E5E5; max-width: 400px; - margin: 100px auto 15px auto; } + margin: 100px auto 15px auto; +} .login-modal-head { background: #C1C1c1; height: 75px; - padding: 0 20px; } + padding: 0 20px; +} .login-modal-content { - padding: 20px 20px 20px 20px; } + padding: 20px 20px 20px 20px; +} .login-modal-foot { background: #2B2B2B; border-top: 1px solid #E5E5E5; height: 60px; - padding: 20px 20px 0 20px; } - .login-modal-foot a { - color: #7D7D7D; - text-decoration: none; } - .login-modal-foot a:hover { - color: #646464; - text-decoration: underline; } + padding: 20px 20px 0 20px; +} +.login-modal-foot a { + color: #7D7D7D; + text-decoration: none; +} +.login-modal-foot a:hover { + color: #646464; + text-decoration: underline; +} @media (min-width: 768px) { .list-inline .btn-group-container { - float: right; } } + float: right; + } +} .btn.btn-fixed { max-width: 174px; - width: 100%; } + width: 100%; +} .progress-bar-placeholder { font-size: 12px; position: absolute; text-align: center; width: 100%; - z-index: 1; } + z-index: 1; +} /* BOOTSTRAP EDIT */ .list-group-item { border-left: none; - border-right: none; } - .list-group-item.collapsed .caret { - border-bottom: 4px solid green; - border-top: 0; } + border-right: none; +} +.list-group-item.collapsed .caret { + border-bottom: 4px solid green; + border-top: 0; +} +/* COLLAPSE SIDEBAR */ +main.page-content.col-lg-12 { + padding-left: 90px; +} + +#navigation.col-sidebar-left { + width: 70px; + background-color: transparent !important; + overflow: hidden; +} +#navigation.col-sidebar-left > div.row { + height: 100% !important; +} +#navigation.col-sidebar-left > div.row > nav.page-side-nav { + width: 70px; + background-color: #202020 !important; + height: 100% !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item { + font-size: 11px; + text-align: center; + width: 70px; + height: 70px; + padding-left: 10px; + padding-right: 10px; + padding-top: 15px; + padding-bottom: 15px; + border-bottom: 2px solid #393939; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa, #navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon { + visibility: visible; + font-size: 28px; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer { + padding-left: 7px; + padding-right: 7px; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + display: block !important; + position: absolute !important; + left: 70px !important; + margin-top: -70px !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + display: block !important; + position: absolute !important; + left: 148px !important; + margin-top: -28px !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item.active-menu-title { + color: #FFF !important; + background-color: #2a2a2a !important; +} + +a.list-group-item.active-menu-title.collapsed { + color: #FFF !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item[aria-expanded=true] { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item[aria-expanded=true] { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #393939 e6 !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item.menu-level-3-item.active { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #393939 e6 !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} + +a.list-group-item:focus { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus { + text-decoration: none !important; + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus, #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:focus { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.active-menu.collapse.in > a.list-group-item.active { + color: #ec6d12 !important; + background-color: #2a2a2a !important; +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in { + width: 150px; + font-size: 11px; + display: block; + z-index: 10; + position: absolute; + left: 70px; + margin-top: -70px; + height: auto; + border: 1px solid #515151; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing { + width: 0px; + font-size: 11px; + position: absolute; + display: block; + z-index: 10; + left: 70px; + margin-top: -70px; + height: auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in { + width: 150px; + font-size: 11px; + display: block; + z-index: 10; + position: absolute; + left: 148px; + margin-top: -28px; + height: auto; + border: 1px solid #515151; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); +} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing { + width: 0px; + font-size: 11px; + position: absolute; + display: block; + z-index: 10; + left: 148px; + margin-top: -28px; + height: auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); +} + +/* Sub Level One */ +/* Sub Level Two */ +button.toggle-sidebar { + color: #FFF; + background-color: transparent; + font-size: 14px; + border: none; + margin-top: 18px; + float: left; +} +button.toggle-sidebar.glyphicon.glyphicon-chevron-left, button.toggle-sidebar.glyphicon.glyphicon-chevron-right { + position: absolute; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +button.toggle-sidebar.glyphicon.glyphicon-chevron-left:active, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:active { + position: absolute; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +button.toggle-sidebar.glyphicon.glyphicon-chevron-left:focus, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:focus { + outline: none; +} + +/* COLLAPSE SIDEBAR END*/ #navigation.collapse.in { - display: block !important; } + display: block !important; +} .list-group-submenu .list-group-item:last-child, .collapse .list-group-item:last-child { - border-bottom: none; } + border-bottom: none; +} .dropdown-menu > li > a, .dropdown-header { - padding: 3px 10px; } + padding: 3px 10px; +} .nav-tabs { margin-right: 1px; - border-bottom: 1px solid #999999; } + border-bottom: 1px solid #999999; +} .nav-tabs > li { border-radius: 0px; border-top-right-radius: 10px; - margin-right: 2px; } + margin-right: 2px; +} .nav-tabs > li > a { background: #232323; border-radius: 0px; border-top-right-radius: 10px; - margin-right: 0px; } + margin-right: 0px; +} .nav-tabs > li > a, .nav-tabs > li > a:hover, @@ -5653,147 +7338,191 @@ body { border-right: 1px solid #161616; border-top: 1px solid #161616; border-left: 1px solid #161616; - border-bottom: 1px solid #999999; } + border-bottom: 1px solid #999999; +} .nav-tabs > li.active > a { - background: #555 !important; } + background: #555 !important; +} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-right: 1px solid #999999; border-top: 1px solid #999999; - border-left: 1px solid #999999; } + border-left: 1px solid #999999; +} .nav-tabs > li > a.visible-lg-inline-block:not(.pull-right) { border-top-right-radius: 0px !important; padding-left: 10px !important; - padding-right: 5px !important; } + padding-right: 5px !important; +} .nav-tabs > li > a.visible-lg-inline-block.pull-right { border-left: 0px !important; padding-left: 5px !important; - padding-right: 10px !important; } + padding-right: 10px !important; +} .nav-tabs.nav-justified { - border-right: 1px solid #E5E5E5; } - .nav-tabs.nav-justified > li { - border-bottom: 1px solid #E5E5E5; - border-top: 1px solid #E5E5E5; - border-left: 1px solid #E5E5E5; - border-radius: 0px; - background: #2B2B2B; } - .nav-tabs.nav-justified > li > a { - color: #C1C1c1; - font-family: 'SourceSansProSemibold'; } - @media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid transparent; } } - @media (max-width: 767px) { - .nav-tabs.nav-justified > li.active > a { - border-right: 0 !important; } } + border-right: 1px solid #E5E5E5; +} +.nav-tabs.nav-justified > li { + border-bottom: 1px solid #E5E5E5; + border-top: 1px solid #E5E5E5; + border-left: 1px solid #E5E5E5; + border-radius: 0px; + background: #2B2B2B; +} +.nav-tabs.nav-justified > li > a { + color: #C1C1c1; + font-family: "SourceSansProSemibold"; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid transparent; + } +} +@media (max-width: 767px) { + .nav-tabs.nav-justified > li.active > a { + border-right: 0 !important; + } +} @media (min-width: 768px) { > li.active + li > a { - border-left: 1px solid transparent; } } + border-left: 1px solid transparent; + } +} > li:last-child > a { - border-right: 1px solid transparent !important; } - @media (max-width: 767px) { - > li:last-child > a { - margin-bottom: 0; } } + border-right: 1px solid transparent !important; +} +@media (max-width: 767px) { + > li:last-child > a { + margin-bottom: 0; + } +} .btn .glyphicon { - vertical-align: -1px; } + vertical-align: -1px; +} .btn-default .glyphicon { - color: #A1A1S1; } + color: #A1A1S1; +} table { - width: 100%; } + width: 100%; +} .table { - margin-bottom: 0px !important; } + margin-bottom: 0px !important; +} -.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus { - border: 0px !important; } +.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus { + border: 0px !important; +} .table th, strong, b { - font-family: 'SourceSansProSemibold'; - font-weight: normal; } + font-family: "SourceSansProSemibold"; + font-weight: normal; +} .table > tbody > tr > td:last-child { - padding-right: 15px; } + padding-right: 15px; +} /* helpers */ .__nowrap { - white-space: nowrap; } + white-space: nowrap; +} .__nomb { - margin-bottom: 0; } + margin-bottom: 0; +} .__mb { - margin-bottom: 15px; } + margin-bottom: 15px; +} .__mt { - margin-top: 15px; } + margin-top: 15px; +} .__ml { - margin-left: 15px; } + margin-left: 15px; +} .__mr { - margin-right: 15px; } + margin-right: 15px; +} .__iconspacer { - padding-right: 10px; } + padding-right: 10px; +} #mainmenu .glyphicon { - vertical-align: -2px; } + vertical-align: -2px; +} .list-group-item { overflow: hidden; - text-overflow: ellipsis; } - .list-group-item + div.collapse { - margin-bottom: -1px; } - .list-group-item + div > a { - padding-left: 44px; } - .list-group-item:before { - background: #EA7105; - content: ""; - height: 42px; - min-height: 100%; - left: 0; - position: absolute; - top: 0px; - width: 0; - -webkit-transition: width .2s; - -moz-transition: width .2s; - -o-transition: width .2s; - transition: width .2s; } + text-overflow: ellipsis; +} +.list-group-item + div.collapse { + margin-bottom: -1px; +} +.list-group-item + div > a { + padding-left: 44px; +} +.list-group-item:before { + background: #EA7105; + content: ""; + height: 42px; + min-height: 100%; + left: 0; + position: absolute; + top: 0px; + width: 0; + -webkit-transition: width 0.2s; + -moz-transition: width 0.2s; + -o-transition: width 0.2s; + transition: width 0.2s; +} .list-group-submenu a { - padding-left: 56px; } + padding-left: 56px; +} .active-menu-title, .active-menu a { text-decoration: none; position: relative; - background-color: #262626; } - .active-menu-title:before, .active-menu a:before { - width: 3px; } - .active-menu-title.active, .active-menu a.active { - background-color: #454545; } + background-color: #262626; +} +.active-menu-title:before, .active-menu a:before { + width: 3px; +} +.active-menu-title.active, .active-menu a.active { + background-color: #454545; +} .active-menu a:before { - background: #ED9A50; } + background: #ED9A50; +} .alert.alert-danger { - color: #FFF !important; } + color: #FFF !important; +} -.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > li > a { - border-radius: 0 !important; } +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-radius: 0 !important; +} .navbar-brand { - padding: 10px 20px; } + padding: 10px 20px; +} .label-opnsense { /* emulates btn */ @@ -5802,39 +7531,48 @@ table { vertical-align: middle; font-size: 12px; line-height: 1.5; - border-radius: 3px; } + border-radius: 3px; +} .label-opnsense-sm { /* emulates btn-sm */ - padding: 5px 10px; } + padding: 5px 10px; +} .label-opnsense-xs { /* emulates btn-xs */ - padding: 1px 5px; } + padding: 1px 5px; +} ::-webkit-scrollbar { - width: 8px; } + width: 8px; +} ::-webkit-scrollbar-button { width: 8px; - height: 5px; } + height: 5px; +} ::-webkit-scrollbar-track { background: #2B2B2B; box-shadow: 0px 0px 0px; - border-radius: 0; } + border-radius: 0; +} ::-webkit-scrollbar-thumb { background: #e5e5e5; border: thin solid #e5e5e5; - border-radius: 0px; } + border-radius: 0px; +} ::-webkit-scrollbar-thumb:hover { - background: #e5e5e5; } + background: #e5e5e5; +} .widgetdiv { padding-top: 0px !important; - padding-bottom: 20px; } + padding-bottom: 20px; +} select { overflow: hidden; @@ -5845,51 +7583,65 @@ select { cursor: pointer; background-repeat: no-repeat; background-position: right; - background-image: url(/ui/themes/opnsense/build/images/caret.png) !important; } + background-image: url(/ui/themes/opnsense/build/images/caret.png) !important; +} -#grid-log th[data-column-id="__timestamp__"], -#filter-log-entries th[data-column-id="__timestamp__"] { - min-width: 3.5em; } +#grid-log th[data-column-id=__timestamp__], +#filter-log-entries th[data-column-id=__timestamp__] { + min-width: 3.5em; +} @media screen and (max-width: 767px) { .table-responsive { - margin-bottom: 0; } - .table-responsive > .table > thead > tr > th, - .table-responsive > .table > thead > tr > td, - .table-responsive > .table > tbody > tr > th, - .table-responsive > .table > tbody > tr > td, - .table-responsive > .table > tfoot > tr > th, - .table-responsive > .table > tfoot > tr > td { - white-space: normal; } } + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, +.table-responsive > .table > thead > tr > td, +.table-responsive > .table > tbody > tr > th, +.table-responsive > .table > tbody > tr > td, +.table-responsive > .table > tfoot > tr > th, +.table-responsive > .table > tfoot > tr > td { + white-space: normal; + } +} -label > input[type="checkbox"], -label > input[type="radio"] { - margin-right: .4em; - float: left; } +label > input[type=checkbox], +label > input[type=radio] { + margin-right: 0.4em; + float: left; +} -div[data-for*="help_for"] { - padding-top: .4em; } +div[data-for*=help_for] { + padding-top: 0.4em; +} -#log-settings label[for^="act"] { - margin-right: 1.5em; } +#log-settings label[for^=act] { + margin-right: 1.5em; +} #log-settings table > tbody > tr > td { - vertical-align: middle; } + vertical-align: middle; +} #log-settings select#filterlogentries, #log-settings select#filterlogentriesupdateinterval { - width: 5em; } + width: 5em; +} #log-settings select#filterlogentriesinterfaces { min-width: 100%; - max-width: 100%; } + max-width: 100%; +} /* fields in firewall schedule */ -[data-state="lightcoral"] { - background-color: lightcoral; } +[data-state=lightcoral] { + background-color: lightcoral; +} -[data-state="white"] { - background-color: inherit; } +[data-state=white] { + background-color: inherit; +} -[data-state="red"] { - background-color: #ec6d12; } +[data-state=red] { + background-color: #ec6d12; +} diff --git a/misc/theme-tukan/Makefile b/misc/theme-tukan/Makefile index 4b0012056..51492463d 100644 --- a/misc/theme-tukan/Makefile +++ b/misc/theme-tukan/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-tukan -PLUGIN_VERSION= 1.0 +PLUGIN_VERSION= 1.1 PLUGIN_COMMENT= The tukan theme - blue/white PLUGIN_MAINTAINER= martin@team-rebellion.net diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss index 077b28ad4..4b4e895ac 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss @@ -1,8078 +1,9818 @@ -@charset "UTF-8" +@charset "UTF-8"; + +.widgetdiv .content-box-head { + background: #30596f !important; + color: #FFF !important; + padding-bottom: 1px !important; + padding-top: 1px !important; + padding-right: 1px !important; + padding-left: 5px !important; + min-height: 25px !important; + .btn-group .btn { + color: #FFFFFF !important; + background: none; + border: 0px; + .glyphicon { + color: #FFFFFF !important; + } + } + .list-inline li > h3 { + padding-top: 4px; + } +} + +@font-face { + font-family: 'SourceSansProBold'; + src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype"); +} + + +@font-face { + font-family: 'SourceSansProSemibold'; + src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype"); +} + + +@font-face { + font-family: 'SourceSansProRegular'; + src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype"); +} + + +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ + +table html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { + display: block; +} + +audio, canvas, progress, video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], template { + display: none; +} + +a { + color: #FF6C06; + text-decoration: none; + background: transparent; + outline: 0; + &:link, &:active { + outline: 0; + } + &:hover, &:focus { + color: #FF6C06; + text-decoration: underline; + } +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +mark { + background: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 1em 40px; +} + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +pre { + overflow: auto; +} + +code, kbd, pre, samp { + font-family: monospace, monospace; + font-size: 1em; +} + +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { + overflow: visible; + text-transform: none; +} + +select { + text-transform: none; +} + +button, html input[type="button"] { + -webkit-appearance: button; + cursor: pointer; +} + +input { + &[type="reset"], &[type="submit"] { + -webkit-appearance: button; + cursor: pointer; + } +} + +button[disabled], html input[disabled] { + cursor: default; +} + +button::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { + &::-moz-focus-inner { + border: 0; + padding: 0; + } + line-height: normal; + &[type="checkbox"], &[type="radio"] { + box-sizing: border-box; + padding: 0; + } + &[type="number"] { + &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { + height: auto; + } + } + &[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + &::-webkit-search-cancel-button, &::-webkit-search-decoration { + -webkit-appearance: none; + } + } +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; +} + +optgroup { + font-weight: bold; +} + +table { + border-collapse: none; + border-spacing: 0; + color: #000; + background-color: #F0F0F0; +} + +td, th { + padding: 0; +} + +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a { + text-decoration: underline; + &:visited { + text-decoration: underline; + } + &[href]:after { + content: " (" attr(href) ")"; + } + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a { + &[href^="javascript:"]:after, &[href^="#"]:after { + content: ""; + } + } + pre, blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr { + page-break-inside: avoid; + } + img { + page-break-inside: avoid; + max-width: 100% !important; + } + p, h2, h3 { + orphans: 3; + widows: 3; + } + h2, h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table { + td, 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, td { + border: 1px solid #ddd !important; + } + } +} + +@font-face { + font-family: 'Glyphicons Halflings'; + src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); + src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); +} + + +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.glyphicon-asterisk:before { + content: "\2a"; +} + +.glyphicon-plus:before { + content: "\2b"; +} + +.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"; +} + +.icon.glyphicon.input-group-addon.glyphicon-search:before, .glyphicon-search:before { + content: "\e003"; + color: #FFF !important; +} + +.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"; +} -.widgetdiv .content-box-head - background: #30596f !important - color: #FFF !important - padding-bottom: 1px !important - padding-top: 1px !important - padding-right: 1px !important - padding-left: 5px !important - min-height: 25px !important +.glyphicon-cog:before { + content: "\e019"; +} - .btn-group .btn - color: #FFFFFF !important - background: none - border: 0px +.glyphicon-trash:before { + content: "\e020"; +} - .glyphicon - color: #FFFFFF !important +.glyphicon-home:before { + content: "\e021"; +} - .list-inline li > h3 - padding-top: 4px +.glyphicon-file:before { + content: "\e022"; +} -@font-face - font-family: 'SourceSansProBold' - src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf") format("truetype") +.glyphicon-time:before { + content: "\e023"; +} -@font-face - font-family: 'SourceSansProSemibold' - src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf") format("truetype") +.glyphicon-road:before { + content: "\e024"; +} -@font-face - font-family: 'SourceSansProRegular' - src: url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff") format("woff"), url("/ui/themes/tukan/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf") format("truetype") +.glyphicon-download-alt:before { + content: "\e025"; +} -/*! normalize.css v3.0.1 | MIT License | git.io/normalize +.glyphicon-download:before { + content: "\e026"; +} -table html - font-family: sans-serif - -ms-text-size-adjust: 100% - -webkit-text-size-adjust: 100% +.glyphicon-upload:before { + content: "\e027"; +} -body - margin: 0 +.glyphicon-inbox:before { + content: "\e028"; +} -article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary - display: block +.glyphicon-play-circle:before { + content: "\e029"; +} -audio, canvas, progress, video - display: inline-block - vertical-align: baseline +.glyphicon-repeat:before { + content: "\e030"; +} -audio:not([controls]) - display: none - height: 0 +.glyphicon-refresh:before { + content: "\e031"; +} -[hidden], template - display: none +.glyphicon-list-alt:before { + content: "\e032"; +} -a - color: #FF6C06 - text-decoration: none - background: transparent - outline: 0 +.glyphicon-lock:before { + content: "\e033"; +} - &:link, &:active - outline: 0 +.glyphicon-flag:before { + content: "\e034"; +} - &:hover, &:focus - color: #FF6C06 - text-decoration: underline +.glyphicon-headphones:before { + content: "\e035"; +} -abbr[title] - border-bottom: 1px dotted +.glyphicon-volume-off:before { + content: "\e036"; +} -b, strong - font-weight: bold +.glyphicon-volume-down:before { + content: "\e037"; +} -dfn - font-style: italic +.glyphicon-volume-up:before { + content: "\e038"; +} -h1 - font-size: 2em - margin: 0.67em 0 +.glyphicon-qrcode:before { + content: "\e039"; +} -mark - background: #ff0 - color: #000 +.glyphicon-barcode:before { + content: "\e040"; +} -small - font-size: 80% +.glyphicon-tag:before { + content: "\e041"; +} -sub - font-size: 75% - line-height: 0 - position: relative - vertical-align: baseline +.glyphicon-tags:before { + content: "\e042"; +} -sup - font-size: 75% - line-height: 0 - position: relative - vertical-align: baseline - top: -0.5em +.glyphicon-book:before { + content: "\e043"; +} -sub - bottom: -0.25em +.glyphicon-bookmark:before { + content: "\e044"; +} -img - border: 0 +.glyphicon-print:before { + content: "\e045"; +} -svg:not(:root) - overflow: hidden +.glyphicon-camera:before { + content: "\e046"; +} -figure - margin: 1em 40px +.glyphicon-font:before { + content: "\e047"; +} -hr - -moz-box-sizing: content-box - box-sizing: content-box - height: 0 +.glyphicon-bold:before { + content: "\e048"; +} -pre - overflow: auto +.glyphicon-italic:before { + content: "\e049"; +} -code, kbd, pre, samp - font-family: monospace, monospace - font-size: 1em +.glyphicon-text-height:before { + content: "\e050"; +} -button, input, optgroup, select, textarea - color: inherit - font: inherit - margin: 0 +.glyphicon-text-width:before { + content: "\e051"; +} -button - overflow: visible - text-transform: none +.glyphicon-align-left:before { + content: "\e052"; +} -select - text-transform: none +.glyphicon-align-center:before { + content: "\e053"; +} -button, html input[type="button"] - -webkit-appearance: button - cursor: pointer +.glyphicon-align-right:before { + content: "\e054"; +} -input - &[type="reset"], &[type="submit"] - -webkit-appearance: button - cursor: pointer +.glyphicon-align-justify:before { + content: "\e055"; +} -button[disabled], html input[disabled] - cursor: default +.glyphicon-list:before { + content: "\e056"; +} -button::-moz-focus-inner - border: 0 - padding: 0 +.glyphicon-indent-left:before { + content: "\e057"; +} -input - &::-moz-focus-inner - border: 0 - padding: 0 +.glyphicon-indent-right:before { + content: "\e058"; +} - line-height: normal +.glyphicon-facetime-video:before { + content: "\e059"; +} - &[type="checkbox"], &[type="radio"] - box-sizing: border-box - padding: 0 +.glyphicon-picture:before { + content: "\e060"; +} - &[type="number"] - &::-webkit-inner-spin-button, &::-webkit-outer-spin-button - height: auto +.glyphicon-map-marker:before { + content: "\e062"; +} - &[type="search"] - -webkit-appearance: textfield - -moz-box-sizing: content-box - -webkit-box-sizing: content-box - box-sizing: content-box +.glyphicon-adjust:before { + content: "\e063"; +} - &::-webkit-search-cancel-button, &::-webkit-search-decoration - -webkit-appearance: none +.glyphicon-tint:before { + color: #3F0; + content: "\e064"; +} -fieldset - border: 1px solid #c0c0c0 - margin: 0 2px - padding: 0.35em 0.625em 0.75em +.glyphicon-edit:before { + content: "\e065"; +} -legend - border: 0 - padding: 0 +.glyphicon-share:before { + content: "\e066"; +} -textarea - overflow: auto +.glyphicon-check:before { + content: "\e067"; +} -optgroup - font-weight: bold +.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"; +} -table - border-collapse: none - border-spacing: 0 - color: #000 - background-color: #F0F0F0 +.glyphicon-ban-circle:before { + content: "\e090"; +} -td, th - padding: 0 +.glyphicon-arrow-left:before { + content: "\e091"; +} -@media print - * - text-shadow: none !important - color: #000 !important - background: transparent !important - box-shadow: none !important +.glyphicon-arrow-right:before { + content: "\e092"; +} - a - text-decoration: underline +.glyphicon-arrow-up:before { + content: "\e093"; + color: #4FB654 !important; +} + +.glyphicon-arrow-down:before { + content: "\e094"; + color: #FF5E3B !important; +} + +.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"; + color: #FFFFFF !important; +} + +.glyphicon-chevron-down:before { + content: "\e114"; + color: #FFFFFF !important; +} - &:visited - text-decoration: underline +.glyphicon-retweet:before { + content: "\e115"; +} - &[href]:after - content: " (" attr(href) ")" +.glyphicon-shopping-cart:before { + content: "\e116"; +} - abbr[title]:after - content: " (" attr(title) ")" +.glyphicon-folder-close:before { + content: "\e117"; +} - a - &[href^="javascript:"]:after, &[href^="#"]:after - content: "" +.glyphicon-folder-open:before { + content: "\e118"; +} - pre, blockquote - border: 1px solid #999 - page-break-inside: avoid +.glyphicon-resize-vertical:before { + content: "\e119"; +} - thead - display: table-header-group +.glyphicon-resize-horizontal:before { + content: "\e120"; +} - tr - page-break-inside: avoid +.glyphicon-hdd:before { + content: "\e121"; +} - img - page-break-inside: avoid - max-width: 100% !important +.glyphicon-bullhorn:before { + content: "\e122"; +} - p, h2, h3 - orphans: 3 - widows: 3 +.glyphicon-bell:before { + content: "\e123"; +} - h2, h3 - page-break-after: avoid +.glyphicon-certificate:before { + content: "\e124"; +} - select - background: #fff !important +.glyphicon-thumbs-up:before { + content: "\e125"; +} - .navbar - display: none +.glyphicon-thumbs-down:before { + content: "\e126"; +} - .table - td, th - background-color: #fff !important +.glyphicon-hand-right:before { + content: "\e127"; +} - .btn > .caret, .dropup > .btn > .caret - border-top-color: #000 !important +.glyphicon-hand-left:before { + content: "\e128"; +} - .label - border: 1px solid #000 +.glyphicon-hand-up:before { + content: "\e129"; +} - .table - border-collapse: collapse !important +.glyphicon-hand-down:before { + content: "\e130"; +} - .table-bordered - th, td - border: 1px solid #ddd !important +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} -@font-face - font-family: 'Glyphicons Halflings' - src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot") - src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg") +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} -.glyphicon - position: relative - top: 1px - display: inline-block - font-family: 'Glyphicons Halflings' - font-style: normal - font-weight: normal - line-height: 1 - -webkit-font-smoothing: antialiased - -moz-osx-font-smoothing: grayscale +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} -.glyphicon-asterisk:before - content: "\2a" +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} -.glyphicon-plus:before - content: "\2b" +.glyphicon-globe:before { + content: "\e135"; +} -.glyphicon-euro:before - content: "\20ac" +.glyphicon-wrench:before { + content: "\e136"; +} -.glyphicon-minus:before - content: "\2212" +.glyphicon-tasks:before { + content: "\e137"; +} -.glyphicon-cloud:before - content: "\2601" +.glyphicon-filter:before { + content: "\e138"; +} -.glyphicon-envelope:before - content: "\2709" +.glyphicon-briefcase:before { + content: "\e139"; +} -.glyphicon-pencil:before - content: "\270f" +.glyphicon-fullscreen:before { + content: "\e140"; +} -.glyphicon-glass:before - content: "\e001" +.glyphicon-dashboard:before { + content: "\e141"; +} -.glyphicon-music:before - content: "\e002" +.glyphicon-paperclip:before { + content: "\e142"; +} -.icon.glyphicon.input-group-addon.glyphicon-search:before, .glyphicon-search:before - content: "\e003" - color: #FFF !important +.glyphicon-heart-empty:before { + content: "\e143"; +} -.glyphicon-heart:before - content: "\e005" +.glyphicon-link:before { + content: "\e144"; +} -.glyphicon-star:before - content: "\e006" +.glyphicon-phone:before { + content: "\e145"; +} -.glyphicon-star-empty:before - content: "\e007" +.glyphicon-pushpin:before { + content: "\e146"; +} -.glyphicon-user:before - content: "\e008" +.glyphicon-usd:before { + content: "\e148"; +} -.glyphicon-film:before - content: "\e009" +.glyphicon-gbp:before { + content: "\e149"; +} -.glyphicon-th-large:before - content: "\e010" +.glyphicon-sort:before { + content: "\e150"; +} -.glyphicon-th:before - content: "\e011" +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} -.glyphicon-th-list:before - content: "\e012" +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} -.glyphicon-ok:before - content: "\e013" +.glyphicon-sort-by-order:before { + content: "\e153"; +} -.glyphicon-remove:before - content: "\e014" +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} -.glyphicon-zoom-in:before - content: "\e015" +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} -.glyphicon-zoom-out:before - content: "\e016" +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} -.glyphicon-off:before - content: "\e017" +.glyphicon-unchecked:before { + content: "\e157"; +} -.glyphicon-signal:before - content: "\e018" +.glyphicon-expand:before { + content: "\e158"; +} -.glyphicon-cog:before - content: "\e019" +.glyphicon-collapse-down:before { + content: "\e159"; +} -.glyphicon-trash:before - content: "\e020" +.glyphicon-collapse-up:before { + content: "\e160"; +} -.glyphicon-home:before - content: "\e021" +.glyphicon-log-in:before { + content: "\e161"; +} -.glyphicon-file:before - content: "\e022" +.glyphicon-flash:before { + content: "\e162"; +} -.glyphicon-time:before - content: "\e023" +.glyphicon-log-out:before { + content: "\e163"; +} -.glyphicon-road:before - content: "\e024" +.glyphicon-new-window:before { + content: "\e164"; +} -.glyphicon-download-alt:before - content: "\e025" +.glyphicon-record:before { + content: "\e165"; +} -.glyphicon-download:before - content: "\e026" +.glyphicon-save:before { + content: "\e166"; +} -.glyphicon-upload:before - content: "\e027" +.glyphicon-open:before { + content: "\e167"; +} -.glyphicon-inbox:before - content: "\e028" +.glyphicon-saved:before { + content: "\e168"; +} -.glyphicon-play-circle:before - content: "\e029" +.glyphicon-import:before { + content: "\e169"; +} -.glyphicon-repeat:before - content: "\e030" +.glyphicon-export:before { + content: "\e170"; +} -.glyphicon-refresh:before - content: "\e031" +.glyphicon-send:before { + content: "\e171"; +} -.glyphicon-list-alt:before - content: "\e032" +.glyphicon-floppy-disk:before { + content: "\e172"; +} -.glyphicon-lock:before - content: "\e033" +.glyphicon-floppy-saved:before { + content: "\e173"; +} -.glyphicon-flag:before - content: "\e034" +.glyphicon-floppy-remove:before { + content: "\e174"; +} -.glyphicon-headphones:before - content: "\e035" +.glyphicon-floppy-save:before { + content: "\e175"; +} -.glyphicon-volume-off:before - content: "\e036" +.glyphicon-floppy-open:before { + content: "\e176"; +} + +.glyphicon-credit-card:before { + content: "\e177"; +} + +.glyphicon-transfer:before { + content: "\e178"; + color: #4FB654 !important; +} + +.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"; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + &:before, &:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } +} + +html { + font-size: 10px; + -webkit-tap-highlight-color: transparent; +} + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857; + color: #000; + background-color: none; +} + +input, button, select, textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +figure { + margin: 0; +} + +img { + vertical-align: middle; +} + +.img-responsive { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; +} + +.img-rounded { + border-radius: 6px; +} + +.img-thumbnail { + padding: 4px; + line-height: 1.42857; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + width: 100% \9; + max-width: 100%; + height: auto; +} + +.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; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.sr-only-focusable { + &:active, &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} + +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: "SourceSansProSemiBold"; + font-weight: 100; + line-height: 1.4; + color: inherit; +} + +h1 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h2 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h3 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h4 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h5 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h6 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h1 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h2 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h3 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h4 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h5 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +.h6 { + small, .small { + font-weight: normal; + line-height: 1; + color: #b6b6b6; + } +} + +h1, .h1, h2, .h2, h3, .h3 { + margin-top: 20px; + margin-bottom: 10px; +} + +h1 { + small, .small { + font-size: 65%; + } +} + +.h1 { + small, .small { + font-size: 65%; + } +} + +h2 { + small, .small { + font-size: 65%; + } +} + +.h2 { + small, .small { + font-size: 65%; + } +} + +h3 { + small, .small { + font-size: 65%; + } +} + +.h3 { + small, .small { + font-size: 65%; + } +} + +h4, .h4, h5, .h5, h6, .h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +h4 { + small, .small { + font-size: 75%; + } +} + +.h4 { + small, .small { + font-size: 75%; + } +} + +h5 { + small, .small { + font-size: 75%; + } +} + +.h5 { + small, .small { + font-size: 75%; + } +} + +h6 { + small, .small { + font-size: 75%; + } +} + +.h6 { + small, .small { + font-size: 75%; + } +} + +h1, .h1 { + font-size: 23px; +} + +h2, .h2 { + font-size: 16px; +} + +h3, .h3 { + font-size: 14px; +} + +h4, .h4 { + font-size: 18px; +} + +h5, .h5 { + font-size: 14px; +} + +h6, .h6 { + font-size: 12px; +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.4; +} + +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} + +small, .small { + font-size: 85%; +} + +cite { + font-style: normal; +} + +mark, .mark { + background-color: #fcf8e3; + padding: .2em; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +.text-nowrap { + white-space: nowrap; +} + +.text-lowercase { + text-transform: lowercase; +} + +.text-uppercase { + text-transform: uppercase; +} + +.text-capitalize { + text-transform: capitalize; +} + +.text-muted { + color: inherit; +} + +.text-primary { + color: #FF8B00; +} + +a.text-primary:hover { + color: #b85904; +} + +.text-success { + color: #4FB654; +} + +a.text-success:hover { + color: #7fc54f; +} + +.text-info { + color: #296586; +} + +a.text-info:hover { + color: #245269; +} + +.text-warning { + color: #f0ad4e; +} + +a.text-warning:hover { + color: #ec971f; +} + +.text-danger { + color: #FF1302 !important; +} + +a.text-danger:hover { + color: #ec2121; +} + +.bg-primary { + color: #fff; + background-color: #FF8B00; +} + +a.bg-primary:hover { + background-color: #b85904; +} + +.bg-success { + background-color: #9BD275; +} + +a.bg-success:hover { + background-color: #7fc54f; +} + +.bg-info { + background-color: #d9edf7; +} + +a.bg-info:hover { + background-color: #afd9ee; +} + +.bg-warning { + background-color: #fcf8e3; +} + +a.bg-warning:hover { + background-color: #f7ecb5; +} + +.bg-danger { + background-color: #F05050; +} + +a.bg-danger:hover { + background-color: #ec2121; +} + +.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 { + margin-bottom: 0; + } +} + +ol { + ul, ol { + margin-bottom: 0; + } +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; + > li { + float: left; + padding-left: 5px; + padding-right: 5px; + } +} + +dl { + margin-top: 0; + margin-bottom: 20px; +} + +dt, dd { + line-height: 1.42857; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 0; +} + +.dl-horizontal dd { + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .dl-horizontal { + dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + dd { + margin-left: 180px; + } + } +} + +abbr { + &[title], &[data-original-title] { + cursor: help; + border-bottom: 1px dotted #777777; + } +} + +.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee; + p:last-child, ul:last-child, ol:last-child { + margin-bottom: 0; + } + footer, small, .small { + display: block; + font-size: 80%; + line-height: 1.42857; + color: #777777; + } + footer:before, small:before, .small:before { + content: '\2014 \00A0'; + } +} + +.blockquote-reverse, blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} + +.blockquote-reverse { + footer:before, small:before, .small:before { + content: ''; + } +} + +blockquote.pull-right { + footer:before, small:before, .small:before { + content: ''; + } +} + +.blockquote-reverse { + footer:after, small:after, .small:after { + content: '\00A0 \2014'; + } +} + +blockquote { + &.pull-right { + footer:after, small:after, .small:after { + content: '\00A0 \2014'; + } + } + &:before, &:after { + content: ""; + } +} + +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857; +} + +code, kbd, pre, samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + border-radius: 3px; +} + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #2d2d2d; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + kbd { + padding: 0; + font-size: 100%; + box-shadow: none; + } +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857; + word-break: break-all; + word-wrap: break-word; + color: #000; + background-color: inherit; + border: inherit; + border-radius: 3px; + 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, .container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 20px; + padding-right: 20px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .container { + width: 760px; + } +} + +@media (min-width: 992px) { + .container { + width: 980px; + } +} + +@media (min-width: 1200px) { + .container { + width: 1180px; + } +} + +.row { + margin-left: -20px; + margin-right: -20px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + 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-left: 20px; + padding-right: 20px; +} + +.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, .col-xs-12 { + float: left; +} + +.col-xs-1 { + width: 8.33333%; +} + +.col-xs-2 { + width: 16.66667%; +} + +.col-xs-3 { + width: 25%; +} + +.col-xs-4 { + width: 33.33333%; +} + +.col-xs-5 { + width: 41.66667%; +} + +.col-xs-6 { + width: 50%; +} + +.col-xs-7 { + width: 58.33333%; +} + +.col-xs-8 { + width: 66.66667%; +} + +.col-xs-9 { + width: 75%; +} + +.col-xs-10 { + width: 83.33333%; +} + +.col-xs-11 { + width: 91.66667%; +} + +.col-xs-12 { + width: 100%; +} + +.col-xs-pull-0 { + right: auto; +} + +.col-xs-pull-1 { + right: 8.33333%; +} + +.col-xs-pull-2 { + right: 16.66667%; +} + +.col-xs-pull-3 { + right: 25%; +} + +.col-xs-pull-4 { + right: 33.33333%; +} + +.col-xs-pull-5 { + right: 41.66667%; +} + +.col-xs-pull-6 { + right: 50%; +} + +.col-xs-pull-7 { + right: 58.33333%; +} + +.col-xs-pull-8 { + right: 66.66667%; +} + +.col-xs-pull-9 { + right: 75%; +} -.glyphicon-volume-down:before - content: "\e037" +.col-xs-pull-10 { + right: 83.33333%; +} -.glyphicon-volume-up:before - content: "\e038" +.col-xs-pull-11 { + right: 91.66667%; +} -.glyphicon-qrcode:before - content: "\e039" +.col-xs-pull-12 { + right: 100%; +} -.glyphicon-barcode:before - content: "\e040" +.col-xs-push-0 { + left: auto; +} -.glyphicon-tag:before - content: "\e041" +.col-xs-push-1 { + left: 8.33333%; +} -.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 - color: #3F0 - 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" - color: #4FB654 !important - -.glyphicon-arrow-down:before - content: "\e094" - color: #FF5E3B !important - -.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" - color: #FFFFFF !important - -.glyphicon-chevron-down:before - content: "\e114" - color: #FFFFFF !important - -.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" - color: #4FB654 !important - -.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" - -* - -webkit-box-sizing: border-box - -moz-box-sizing: border-box - box-sizing: border-box - text-decoration: none - - &:before, &:after - -webkit-box-sizing: border-box - -moz-box-sizing: border-box - box-sizing: border-box - -html - font-size: 10px - -webkit-tap-highlight-color: transparent - -body - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif - font-size: 14px - line-height: 1.42857 - color: #000 - background-color: none - -input, button, select, textarea - font-family: inherit - font-size: inherit - line-height: inherit - -figure - margin: 0 - -img - vertical-align: middle - -.img-responsive - display: block - width: 100% \9 - max-width: 100% - height: auto - -.img-rounded - border-radius: 6px - -.img-thumbnail - padding: 4px - line-height: 1.42857 - background-color: #fff - border: 1px solid #ddd - border-radius: 3px - -webkit-transition: all 0.2s ease-in-out - -o-transition: all 0.2s ease-in-out - transition: all 0.2s ease-in-out - display: inline-block - width: 100% \9 - max-width: 100% - height: auto - -.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 - margin: -1px - padding: 0 - overflow: hidden - clip: rect(0, 0, 0, 0) - border: 0 - -.sr-only-focusable - &:active, &:focus - position: static - width: auto - height: auto - margin: 0 - overflow: visible - clip: auto - -h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 - font-family: "SourceSansProSemiBold" - font-weight: 100 - line-height: 1.4 - color: inherit - -h1 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h2 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h3 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h4 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h5 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h6 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h1 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h2 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h3 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h4 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h5 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -.h6 - small, .small - font-weight: normal - line-height: 1 - color: #b6b6b6 - -h1, .h1, h2, .h2, h3, .h3 - margin-top: 20px - margin-bottom: 10px - -h1 - small, .small - font-size: 65% - -.h1 - small, .small - font-size: 65% - -h2 - small, .small - font-size: 65% - -.h2 - small, .small - font-size: 65% - -h3 - small, .small - font-size: 65% - -.h3 - small, .small - font-size: 65% - -h4, .h4, h5, .h5, h6, .h6 - margin-top: 10px - margin-bottom: 10px - -h4 - small, .small - font-size: 75% - -.h4 - small, .small - font-size: 75% - -h5 - small, .small - font-size: 75% - -.h5 - small, .small - font-size: 75% - -h6 - small, .small - font-size: 75% - -.h6 - small, .small - font-size: 75% - -h1, .h1 - font-size: 23px - -h2, .h2 - font-size: 16px - -h3, .h3 - font-size: 14px - -h4, .h4 - font-size: 18px - -h5, .h5 - font-size: 14px - -h6, .h6 - font-size: 12px - -p - margin: 0 0 10px - -.lead - margin-bottom: 20px - font-size: 16px - font-weight: 300 - line-height: 1.4 - -@media (min-width: 768px) - .lead - font-size: 21px - -small, .small - font-size: 85% - -cite - font-style: normal - -mark, .mark - background-color: #fcf8e3 - padding: .2em - -.text-left - text-align: left - -.text-right - text-align: right - -.text-center - text-align: center - -.text-justify - text-align: justify - -.text-nowrap - white-space: nowrap - -.text-lowercase - text-transform: lowercase - -.text-uppercase - text-transform: uppercase - -.text-capitalize - text-transform: capitalize - -.text-muted - color: inherit - -.text-primary - color: #FF8B00 - -a.text-primary:hover - color: #b85904 - -.text-success - color: #4FB654 - -a.text-success:hover - color: #7fc54f - -.text-info - color: #296586 - -a.text-info:hover - color: #245269 - -.text-warning - color: #f0ad4e - -a.text-warning:hover - color: #ec971f - -.text-danger - color: #FF1302 !important - -a.text-danger:hover - color: #ec2121 - -.bg-primary - color: #fff - background-color: #FF8B00 - -a.bg-primary:hover - background-color: #b85904 - -.bg-success - background-color: #9BD275 - -a.bg-success:hover - background-color: #7fc54f - -.bg-info - background-color: #d9edf7 - -a.bg-info:hover - background-color: #afd9ee - -.bg-warning - background-color: #fcf8e3 - -a.bg-warning:hover - background-color: #f7ecb5 - -.bg-danger - background-color: #F05050 - -a.bg-danger:hover - background-color: #ec2121 - -.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 - margin-bottom: 0 - -ol - ul, ol - margin-bottom: 0 - -.list-unstyled - padding-left: 0 - list-style: none - -.list-inline - padding-left: 0 - list-style: none - margin-left: -5px - - > li - float: left - padding-left: 5px - padding-right: 5px - -dl - margin-top: 0 - margin-bottom: 20px - -dt, dd - line-height: 1.42857 - -dt - font-weight: bold - -dd - margin-left: 0 - -.dl-horizontal dd - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -@media (min-width: 768px) - .dl-horizontal - dt - float: left - width: 160px - clear: left - text-align: right - overflow: hidden - text-overflow: ellipsis - white-space: nowrap - - dd - margin-left: 180px - -abbr - &[title], &[data-original-title] - cursor: help - border-bottom: 1px dotted #777777 - -.initialism - font-size: 90% - text-transform: uppercase - -blockquote - padding: 10px 20px - margin: 0 0 20px - font-size: 17.5px - border-left: 5px solid #eeeeee - - p:last-child, ul:last-child, ol:last-child - margin-bottom: 0 - - footer, small, .small - display: block - font-size: 80% - line-height: 1.42857 - color: #777777 - - footer:before, small:before, .small:before - content: '\2014 \00A0' - -.blockquote-reverse, blockquote.pull-right - padding-right: 15px - padding-left: 0 - border-right: 5px solid #eeeeee - border-left: 0 - text-align: right - -.blockquote-reverse - footer:before, small:before, .small:before - content: '' - -blockquote.pull-right - footer:before, small:before, .small:before - content: '' - -.blockquote-reverse - footer:after, small:after, .small:after - content: '\00A0 \2014' - -blockquote - &.pull-right - footer:after, small:after, .small:after - content: '\00A0 \2014' - - &:before, &:after - content: "" - -address - margin-bottom: 20px - font-style: normal - line-height: 1.42857 - -code, kbd, pre, samp - font-family: Menlo, Monaco, Consolas, "Courier New", monospace - -code - padding: 2px 4px - font-size: 90% - color: #c7254e - background-color: #f9f2f4 - border-radius: 3px - -kbd - padding: 2px 4px - font-size: 90% - color: #fff - background-color: #2d2d2d - border-radius: 3px - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) - - kbd - padding: 0 - font-size: 100% - box-shadow: none - -pre - display: block - padding: 9.5px - margin: 0 0 10px - font-size: 13px - line-height: 1.42857 - word-break: break-all - word-wrap: break-word - color: #000 - background-color: inherit - border: inherit - border-radius: 3px - - 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, .container-fluid - margin-right: auto - margin-left: auto - padding-left: 20px - padding-right: 20px - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -@media (min-width: 768px) - .container - width: 760px - -@media (min-width: 992px) - .container - width: 980px - -@media (min-width: 1200px) - .container - width: 1180px - -.row - margin-left: -20px - margin-right: -20px - - &:before - content: " " - display: table - - &:after - content: " " - display: table - 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-left: 20px - padding-right: 20px - -.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, .col-xs-12 - float: left - -.col-xs-1 - width: 8.33333% - -.col-xs-2 - width: 16.66667% - -.col-xs-3 - width: 25% - -.col-xs-4 - width: 33.33333% - -.col-xs-5 - width: 41.66667% - -.col-xs-6 - width: 50% - -.col-xs-7 - width: 58.33333% - -.col-xs-8 - width: 66.66667% - -.col-xs-9 - width: 75% - -.col-xs-10 - width: 83.33333% - -.col-xs-11 - width: 91.66667% - -.col-xs-12 - width: 100% - -.col-xs-pull-0 - right: auto - -.col-xs-pull-1 - right: 8.33333% - -.col-xs-pull-2 - right: 16.66667% - -.col-xs-pull-3 - right: 25% - -.col-xs-pull-4 - right: 33.33333% - -.col-xs-pull-5 - right: 41.66667% - -.col-xs-pull-6 - right: 50% - -.col-xs-pull-7 - right: 58.33333% - -.col-xs-pull-8 - right: 66.66667% - -.col-xs-pull-9 - right: 75% - -.col-xs-pull-10 - right: 83.33333% - -.col-xs-pull-11 - right: 91.66667% - -.col-xs-pull-12 - right: 100% - -.col-xs-push-0 - left: auto - -.col-xs-push-1 - left: 8.33333% - -.col-xs-push-2 - left: 16.66667% - -.col-xs-push-3 - left: 25% - -.col-xs-push-4 - left: 33.33333% - -.col-xs-push-5 - left: 41.66667% - -.col-xs-push-6 - left: 50% - -.col-xs-push-7 - left: 58.33333% - -.col-xs-push-8 - left: 66.66667% - -.col-xs-push-9 - left: 75% - -.col-xs-push-10 - left: 83.33333% - -.col-xs-push-11 - left: 91.66667% - -.col-xs-push-12 - left: 100% - -.col-xs-offset-0 - margin-left: 0% - -.col-xs-offset-1 - margin-left: 8.33333% - -.col-xs-offset-2 - margin-left: 16.66667% - -.col-xs-offset-3 - margin-left: 25% - -.col-xs-offset-4 - margin-left: 33.33333% - -.col-xs-offset-5 - margin-left: 41.66667% - -.col-xs-offset-6 - margin-left: 50% - -.col-xs-offset-7 - margin-left: 58.33333% - -.col-xs-offset-8 - margin-left: 66.66667% - -.col-xs-offset-9 - margin-left: 75% - -.col-xs-offset-10 - margin-left: 83.33333% - -.col-xs-offset-11 - margin-left: 91.66667% - -.col-xs-offset-12 - margin-left: 100% - -@media (min-width: 768px) - .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 - float: left - - .col-sm-1 - width: 8.33333% - - .col-sm-2 - width: 16.66667% - - .col-sm-3 - width: 25% - - .col-sm-4 - width: 33.33333% - - .col-sm-5 - width: 41.66667% - - .col-sm-6 - width: 50% - - .col-sm-7 - width: 58.33333% - - .col-sm-8 - width: 66.66667% - - .col-sm-9 - width: 75% - - .col-sm-10 - width: 83.33333% - - .col-sm-11 - width: 91.66667% - - .col-sm-12 - width: 100% - - .col-sm-pull-0 - right: auto - - .col-sm-pull-1 - right: 8.33333% - - .col-sm-pull-2 - right: 16.66667% - - .col-sm-pull-3 - right: 25% - - .col-sm-pull-4 - right: 33.33333% - - .col-sm-pull-5 - right: 41.66667% - - .col-sm-pull-6 - right: 50% - - .col-sm-pull-7 - right: 58.33333% - - .col-sm-pull-8 - right: 66.66667% - - .col-sm-pull-9 - right: 75% - - .col-sm-pull-10 - right: 83.33333% - - .col-sm-pull-11 - right: 91.66667% - - .col-sm-pull-12 - right: 100% - - .col-sm-push-0 - left: auto - - .col-sm-push-1 - left: 8.33333% - - .col-sm-push-2 - left: 16.66667% - - .col-sm-push-3 - left: 25% - - .col-sm-push-4 - left: 33.33333% - - .col-sm-push-5 - left: 41.66667% - - .col-sm-push-6 - left: 50% - - .col-sm-push-7 - left: 58.33333% - - .col-sm-push-8 - left: 66.66667% - - .col-sm-push-9 - left: 75% - - .col-sm-push-10 - left: 83.33333% - - .col-sm-push-11 - left: 91.66667% - - .col-sm-push-12 - left: 100% - - .col-sm-offset-0 - margin-left: 0% - - .col-sm-offset-1 - margin-left: 8.33333% - - .col-sm-offset-2 - margin-left: 16.66667% - - .col-sm-offset-3 - margin-left: 25% - - .col-sm-offset-4 - margin-left: 33.33333% - - .col-sm-offset-5 - margin-left: 41.66667% - - .col-sm-offset-6 - margin-left: 50% - - .col-sm-offset-7 - margin-left: 58.33333% - - .col-sm-offset-8 - margin-left: 66.66667% - - .col-sm-offset-9 - margin-left: 75% - - .col-sm-offset-10 - margin-left: 83.33333% - - .col-sm-offset-11 - margin-left: 91.66667% - - .col-sm-offset-12 - margin-left: 100% - -@media (min-width: 992px) - .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 - float: left - - .col-md-1 - width: 8.33333% - - .col-md-2 - width: 16.66667% - - .col-md-3 - width: 25% - - .col-md-4 - width: 33.33333% - - .col-md-5 - width: 41.66667% - - .col-md-6 - width: 50% - - .col-md-7 - width: 58.33333% - - .col-md-8 - width: 66.66667% - - .col-md-9 - width: 75% - - .col-md-10 - width: 83.33333% - - .col-md-11 - width: 91.66667% - - .col-md-12 - width: 100% - - .col-md-pull-0 - right: auto - - .col-md-pull-1 - right: 8.33333% - - .col-md-pull-2 - right: 16.66667% - - .col-md-pull-3 - right: 25% - - .col-md-pull-4 - right: 33.33333% - - .col-md-pull-5 - right: 41.66667% - - .col-md-pull-6 - right: 50% - - .col-md-pull-7 - right: 58.33333% - - .col-md-pull-8 - right: 66.66667% - - .col-md-pull-9 - right: 75% - - .col-md-pull-10 - right: 83.33333% - - .col-md-pull-11 - right: 91.66667% - - .col-md-pull-12 - right: 100% - - .col-md-push-0 - left: auto - - .col-md-push-1 - left: 8.33333% - - .col-md-push-2 - left: 16.66667% - - .col-md-push-3 - left: 25% - - .col-md-push-4 - left: 33.33333% - - .col-md-push-5 - left: 41.66667% - - .col-md-push-6 - left: 50% - - .col-md-push-7 - left: 58.33333% - - .col-md-push-8 - left: 66.66667% - - .col-md-push-9 - left: 75% - - .col-md-push-10 - left: 83.33333% - - .col-md-push-11 - left: 91.66667% - - .col-md-push-12 - left: 100% - - .col-md-offset-0 - margin-left: 0% - - .col-md-offset-1 - margin-left: 8.33333% - - .col-md-offset-2 - margin-left: 16.66667% - - .col-md-offset-3 - margin-left: 25% - - .col-md-offset-4 - margin-left: 33.33333% - - .col-md-offset-5 - margin-left: 41.66667% - - .col-md-offset-6 - margin-left: 50% - - .col-md-offset-7 - margin-left: 58.33333% - - .col-md-offset-8 - margin-left: 66.66667% - - .col-md-offset-9 - margin-left: 75% - - .col-md-offset-10 - margin-left: 83.33333% - - .col-md-offset-11 - margin-left: 91.66667% - - .col-md-offset-12 - margin-left: 100% - -@media (min-width: 1200px) - .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 - float: left - - .col-lg-1 - width: 8.33333% - - .col-lg-2 - width: 16.66667% - - .col-lg-3 - width: 25% - - .col-lg-4 - width: 33.33333% - - .col-lg-5 - width: 41.66667% - - .col-lg-6 - width: 50% - - .col-lg-7 - width: 58.33333% - - .col-lg-8 - width: 66.66667% - - .col-lg-9 - width: 75% - - .col-lg-10 - width: 83.33333% - - .col-lg-11 - width: 91.66667% - - .col-lg-12 - width: 100% - - .col-lg-pull-0 - right: auto - - .col-lg-pull-1 - right: 8.33333% - - .col-lg-pull-2 - right: 16.66667% - - .col-lg-pull-3 - right: 25% - - .col-lg-pull-4 - right: 33.33333% - - .col-lg-pull-5 - right: 41.66667% - - .col-lg-pull-6 - right: 50% - - .col-lg-pull-7 - right: 58.33333% - - .col-lg-pull-8 - right: 66.66667% - - .col-lg-pull-9 - right: 75% - - .col-lg-pull-10 - right: 83.33333% - - .col-lg-pull-11 - right: 91.66667% - - .col-lg-pull-12 - right: 100% - - .col-lg-push-0 - left: auto - - .col-lg-push-1 - left: 8.33333% - - .col-lg-push-2 - left: 16.66667% - - .col-lg-push-3 - left: 25% - - .col-lg-push-4 - left: 33.33333% - - .col-lg-push-5 - left: 41.66667% - - .col-lg-push-6 - left: 50% - - .col-lg-push-7 - left: 58.33333% - - .col-lg-push-8 - left: 66.66667% - - .col-lg-push-9 - left: 75% - - .col-lg-push-10 - left: 83.33333% - - .col-lg-push-11 - left: 91.66667% - - .col-lg-push-12 - left: 100% - - .col-lg-offset-0 - margin-left: 0% - - .col-lg-offset-1 - margin-left: 8.33333% - - .col-lg-offset-2 - margin-left: 16.66667% - - .col-lg-offset-3 - margin-left: 25% - - .col-lg-offset-4 - margin-left: 33.33333% - - .col-lg-offset-5 - margin-left: 41.66667% - - .col-lg-offset-6 - margin-left: 50% - - .col-lg-offset-7 - margin-left: 58.33333% - - .col-lg-offset-8 - margin-left: 66.66667% - - .col-lg-offset-9 - margin-left: 75% - - .col-lg-offset-10 - margin-left: 83.33333% - - .col-lg-offset-11 - margin-left: 91.66667% - - .col-lg-offset-12 - margin-left: 100% - -th - text-align: left - -.table - width: 100% - max-width: 100% - margin-bottom: 20px - - > - thead > tr > - th, td - padding: 10px 0px 10px 20px - line-height: 1.42857 - vertical-align: top - border-top: 1px solid #e3e3e3 - - tbody > tr > - th, td - padding: 10px 0px 10px 20px - line-height: 1.42857 - vertical-align: top - border-top: 1px solid #e3e3e3 - - tfoot > tr > - th, td - padding: 10px 0px 10px 20px - line-height: 1.42857 - vertical-align: top - border-top: 1px solid #e3e3e3 - - thead > tr > th - vertical-align: bottom - border-bottom: 1px solid #bababa4d - - caption + thead > tr:first-child > - th, td - border-top: 0 - font-family: 'SourceSansProSemibold' - font-weight: normal - border-bottom: 1px solid #bdbdbd - background-color: #e3e3e3 - - colgroup + thead > tr:first-child > - th, td - border-top: 0 - font-family: 'SourceSansProSemibold' - font-weight: normal - border-bottom: 1px solid #bdbdbd - background-color: #e3e3e3 - - thead:first-child > tr:first-child > - th, td - border-top: 0 - font-family: 'SourceSansProSemibold' - font-weight: normal - border-bottom: 1px solid #bdbdbd - background-color: #e3e3e3 - - tbody + tbody - border-top: 2px solid #eee - - .table - background-color: none - -.table-condensed > - thead > tr > - th, td - padding: 5px - - tbody > tr > - th, td - padding: 5px - - tfoot > tr > - th, td - padding: 5px - -.table-bordered - border: 1px solid #eee - - > - thead > tr > - th, td - border: 1px solid #eee - - tbody > tr > - th, td - border: 1px solid #eee - - tfoot > tr > - th, td - border: 1px solid #eee - - thead > tr > - th, td - border-bottom-width: 2px - -.table-striped > tbody > tr:nth-child(odd) > - td, th - background-color: #fbfbfb - -.table-hover > tbody > tr:hover > - td, th - background-color: #f2fafe - -table - col[class*="col-"] - position: static - float: none - display: table-column - - td[class*="col-"], th[class*="col-"] - position: static - float: none - display: table-cell - -.table > - thead > tr - > - td.active, th.active - background-color: #E2F5FF - - &.active > - td, th - background-color: #E2F5FF - - tbody > tr - > - td.active, th.active - background-color: #E2F5FF - - &.active > - td, th - background-color: #E2F5FF - - tfoot > tr - > - td.active, th.active - background-color: #E2F5FF - - &.active > - td, th - background-color: #E2F5FF - -.table-hover > tbody > tr - > - td.active:hover, th.active:hover - background-color: #FF8B00 - - &.active:hover > td, &:hover > .active, &.active:hover > th - background-color: #FF8B00 - -.table > - thead > tr - > - td.success, th.success - background-color: #9BD275 - - &.success > - td, th - background-color: #9BD275 - - tbody > tr - > - td.success, th.success - background-color: #9BD275 - - &.success > - td, th - background-color: #9BD275 - - tfoot > tr - > - td.success, th.success - background-color: #9BD275 - - &.success > - td, th - background-color: #9BD275 - -.table-hover > tbody > tr - > - td.success:hover, th.success:hover - background-color: #8dcc62 - - &.success:hover > td, &:hover > .success, &.success:hover > th - background-color: #8dcc62 - -.table > - thead > tr - > - td.info, th.info - background-color: #d9edf7 - - &.info > - td, th - background-color: #d9edf7 - - tbody > tr - > - td.info, th.info - background-color: #d9edf7 - - &.info > - td, th - background-color: #d9edf7 - - tfoot > tr - > - td.info, th.info - background-color: #d9edf7 - - &.info > - td, th - background-color: #d9edf7 - -.table-hover > tbody > tr - > - td.info:hover, th.info:hover - background-color: #c4e3f3 - - &.info:hover > td, &:hover > .info, &.info:hover > th - background-color: #c4e3f3 - -.table > - thead > tr - > - td.warning, th.warning - background-color: #fcf8e3 - - &.warning > - td, th - background-color: #fcf8e3 - - tbody > tr - > - td.warning, th.warning - background-color: #fcf8e3 - - &.warning > - td, th - background-color: #fcf8e3 - - tfoot > tr - > - td.warning, th.warning - background-color: #fcf8e3 - - &.warning > - td, th - background-color: #fcf8e3 - -.table-hover > tbody > tr - > - td.warning:hover, th.warning:hover - background-color: #faf2cc - - &.warning:hover > td, &:hover > .warning, &.warning:hover > th - background-color: #faf2cc - -.table > - thead > tr - > - td.danger, th.danger - background-color: #F05050 - - &.danger > - td, th - background-color: #F05050 - - tbody > tr - > - td.danger, th.danger - background-color: #F05050 - - &.danger > - td, th - background-color: #F05050 - - tfoot > tr - > - td.danger, th.danger - background-color: #F05050 - - &.danger > - td, th - background-color: #F05050 - -.table-hover > tbody > tr - > - td.danger:hover, th.danger:hover - background-color: #ee3939 - - &.danger:hover > td, &:hover > .danger, &.danger:hover > th - background-color: #ee3939 - -@media screen and (max-width: 767px) - .table-responsive - width: 100% - margin-bottom: 15px - overflow-y: hidden - overflow-x: auto - -ms-overflow-style: -ms-autohiding-scrollbar - - /* border: 1px solid $table-border-color; - -webkit-overflow-scrolling: touch - - > - .table - margin-bottom: 0 - - > - thead > tr > - th, td - white-space: nowrap - - tbody > tr > - th, td - white-space: nowrap - - tfoot > tr > - th, td - white-space: nowrap - - .table-bordered - border: 0 - - > - thead > tr > - th:first-child, td:first-child - border-left: 0 - - tbody > tr > - th:first-child, td:first-child - border-left: 0 - - tfoot > tr > - th:first-child, td:first-child - border-left: 0 - - thead > tr > - th:last-child, td:last-child - border-right: 0 - - tbody > tr > - th:last-child, td:last-child - border-right: 0 - - tfoot > tr > - th:last-child, td:last-child - border-right: 0 - - tbody > tr:last-child > - th, td - border-bottom: 0 - - tfoot > tr:last-child > - th, td - border-bottom: 0 - -fieldset - padding: 0 - margin: 0 - border: 0 - min-width: 0 - -legend - display: block - width: 100% - padding: 0 - margin-bottom: 20px - font-size: 21px - line-height: inherit - color: #2d2d2d333 - border: 0 - border-bottom: 1px solid #e5e5e5 - -label - display: inline-block - max-width: 100% - margin-bottom: 5px - font-weight: normal - -input - &[type="search"] - -webkit-box-sizing: border-box - -moz-box-sizing: border-box - box-sizing: border-box - - &[type="radio"], &[type="checkbox"] - margin: 4px 0 0 - margin-top: 1px \9 - line-height: normal - - &[type="file"] - display: block - - &[type="range"] - display: block - width: 100% - -select - &[multiple], &[size] - height: auto - -input - &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus - outline: none - outline: 5px auto -webkit-focus-ring-color - outline-offset: -2px - -output - display: block - padding-top: 7px - font-size: 14px - line-height: 1.42857 - color: #000 - -select, textarea - display: block - width: 100% - height: 34px - padding: 6px 12px - font-size: 14px - line-height: 1.42857 - color: #000 - background-color: #FFF - background-image: none - border: 1px solid #4d83a1 - border-radius: 3px - text-overflow: ellipsis - max-width: 348px - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -input - &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] - display: block - width: 100% - height: 34px - padding: 6px 12px - font-size: 14px - line-height: 1.42857 - color: #000 - background-color: #FFF - background-image: none - border: 1px solid #4d83a1 - border-radius: 3px - text-overflow: ellipsis - max-width: 348px - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -select:hover, textarea:hover - color: #000 - background-color: none - border-color: #00A7FF - outline: 0 - -input - &[type="text"]:hover, &[type="password"]:hover, &[type="datetime"]:hover, &[type="datetime-local"]:hover, &[type="date"]:hover, &[type="month"]:hover, &[type="time"]:hover, &[type="week"]:hover, &[type="number"]:hover, &[type="email"]:hover, &[type="url"]:hover, &[type="search"]:hover, &[type="tel"]:hover, &[type="color"]:hover - color: #000 - background-color: none - border-color: #00A7FF - outline: 0 - -select:focus, textarea:focus - color: #000 - border-color: #00A7FF - background-color: none - outline: 0 - -input - &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus - color: #000 - border-color: #00A7FF - background-color: none - outline: 0 - -select::-moz-placeholder, textarea::-moz-placeholder - color: #b7b7b7 - opacity: 1 - filter: alpha(opacity = 100) - -input - &[type="text"]::-moz-placeholder, &[type="password"]::-moz-placeholder, &[type="datetime"]::-moz-placeholder, &[type="datetime-local"]::-moz-placeholder, &[type="date"]::-moz-placeholder, &[type="month"]::-moz-placeholder, &[type="time"]::-moz-placeholder, &[type="week"]::-moz-placeholder, &[type="number"]::-moz-placeholder, &[type="email"]::-moz-placeholder, &[type="url"]::-moz-placeholder, &[type="search"]::-moz-placeholder, &[type="tel"]::-moz-placeholder, &[type="color"]::-moz-placeholder - color: #b7b7b7 - opacity: 1 - filter: alpha(opacity = 100) - -select:-ms-input-placeholder, textarea:-ms-input-placeholder - color: #777777 - -input - &[type="text"]:-ms-input-placeholder, &[type="password"]:-ms-input-placeholder, &[type="datetime"]:-ms-input-placeholder, &[type="datetime-local"]:-ms-input-placeholder, &[type="date"]:-ms-input-placeholder, &[type="month"]:-ms-input-placeholder, &[type="time"]:-ms-input-placeholder, &[type="week"]:-ms-input-placeholder, &[type="number"]:-ms-input-placeholder, &[type="email"]:-ms-input-placeholder, &[type="url"]:-ms-input-placeholder, &[type="search"]:-ms-input-placeholder, &[type="tel"]:-ms-input-placeholder, &[type="color"]:-ms-input-placeholder - color: #777777 - -select::-webkit-input-placeholder, textarea::-webkit-input-placeholder - color: #777777 - -input - &[type="text"]::-webkit-input-placeholder, &[type="password"]::-webkit-input-placeholder, &[type="datetime"]::-webkit-input-placeholder, &[type="datetime-local"]::-webkit-input-placeholder, &[type="date"]::-webkit-input-placeholder, &[type="month"]::-webkit-input-placeholder, &[type="time"]::-webkit-input-placeholder, &[type="week"]::-webkit-input-placeholder, &[type="number"]::-webkit-input-placeholder, &[type="email"]::-webkit-input-placeholder, &[type="url"]::-webkit-input-placeholder, &[type="search"]::-webkit-input-placeholder, &[type="tel"]::-webkit-input-placeholder, &[type="color"]::-webkit-input-placeholder - color: #777777 - -select - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] select - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -textarea - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] textarea - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="text"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="text"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="password"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="password"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="datetime"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="datetime"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="datetime-local"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="datetime-local"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="date"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="date"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="month"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="month"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="time"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="time"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="week"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="week"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="number"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="number"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="email"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="email"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="url"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="url"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="search"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="search"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="tel"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="tel"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -input[type="color"] - &[disabled], &[readonly] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -fieldset[disabled] input[type="color"] - cursor: not-allowed - background-color: #f0f0f0 - opacity: 1.0 - filter: alpha(opacity = 100) - border-color: #4d83a1 - color: #a8a8a8 - -select - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -textarea - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover textarea:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="text"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="text"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="password"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="password"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="datetime"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="datetime"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="datetime-local"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="datetime-local"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="date"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="date"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="month"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="month"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="time"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="time"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="week"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="week"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="number"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="number"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="email"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="email"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="url"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="url"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="search"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="search"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="tel"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="tel"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -input[type="color"] - &[disabled]:hover, &[readonly]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled]:hover input[type="color"]:hover - cursor: not-allowed - background-color: #f0f0f0 - color: #a8a8a8 - opacity: 1.0 - filter: alpha(opacity = 100) - -webkit-box-shadow: none - box-shadow: none - -textarea - height: auto - -input - &[type="search"] - -webkit-appearance: none - - &[type="date"], &[type="time"], &[type="datetime-local"], &[type="month"] - line-height: 34px - line-height: 1.42857 \0 - - &[type="date"].input-sm - line-height: 30px - -.form-horizontal .form-group-sm input[type="date"].form-control - line-height: 30px - -.input-group-sm > - input[type="date"] - &.form-control, &.input-group-addon - line-height: 30px - - .input-group-btn > input[type="date"].btn - line-height: 30px - -input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control - line-height: 30px - -.input-group-sm > - input[type="time"] - &.form-control, &.input-group-addon - line-height: 30px - - .input-group-btn > input[type="time"].btn - line-height: 30px - -input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control - line-height: 30px - -.input-group-sm > - input[type="datetime-local"] - &.form-control, &.input-group-addon - line-height: 30px - - .input-group-btn > input[type="datetime-local"].btn - line-height: 30px - -input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control - line-height: 30px - -.input-group-sm > - input[type="month"] - &.form-control, &.input-group-addon - line-height: 30px - - .input-group-btn > input[type="month"].btn - line-height: 30px - -input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control - line-height: 46px - -.input-group-lg > - input[type="date"] - &.form-control, &.input-group-addon - line-height: 46px - - .input-group-btn > input[type="date"].btn - line-height: 46px - -input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control - line-height: 46px - -.input-group-lg > - input[type="time"] - &.form-control, &.input-group-addon - line-height: 46px - - .input-group-btn > input[type="time"].btn - line-height: 46px - -input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control - line-height: 46px - -.input-group-lg > - input[type="datetime-local"] - &.form-control, &.input-group-addon - line-height: 46px - - .input-group-btn > input[type="datetime-local"].btn - line-height: 46px - -input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control - line-height: 46px - -.input-group-lg > - input[type="month"] - &.form-control, &.input-group-addon - line-height: 46px - - .input-group-btn > input[type="month"].btn - line-height: 46px - -.form-group - margin-bottom: 15px - -.radio, .checkbox - position: relative - display: block - min-height: 20px - margin-top: 10px - margin-bottom: 10px - -.radio label, .checkbox label - padding-left: 20px - 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"] - position: absolute - margin-left: -20px - margin-top: 4px \9 - -.radio + .radio, .checkbox + .checkbox - margin-top: -5px - -.radio-inline, .checkbox-inline - display: inline-block - padding-left: 20px - margin-bottom: 0 - vertical-align: middle - font-weight: normal - cursor: pointer - -.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline - margin-top: 0 - margin-left: 10px - -input[type="radio"] - &[disabled], &.disabled - cursor: not-allowed - -fieldset[disabled] input[type="radio"] - cursor: not-allowed - -input[type="checkbox"] - &[disabled], &.disabled - cursor: not-allowed - -fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label - cursor: not-allowed - -.form-control-static - padding-top: 7px - padding-bottom: 7px - margin-bottom: 0 - - &.input-lg - padding-left: 0 - padding-right: 0 - -.form-horizontal .form-group-lg .form-control-static.form-control - padding-left: 0 - padding-right: 0 - -.input-group-lg > - .form-control-static - &.form-control, &.input-group-addon - padding-left: 0 - padding-right: 0 - - .input-group-btn > .form-control-static.btn - padding-left: 0 - padding-right: 0 - -.form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control - padding-left: 0 - padding-right: 0 - -.input-group-sm > - .form-control-static - &.form-control, &.input-group-addon - padding-left: 0 - padding-right: 0 - - .input-group-btn > .form-control-static.btn - padding-left: 0 - padding-right: 0 - -.input-sm, .form-horizontal .form-group-sm .form-control - height: 30px - padding: 5px 10px - font-size: 12px - line-height: 1.5 - border-radius: 3px - -.input-group-sm > - .form-control, .input-group-addon, .input-group-btn > .btn - height: 30px - padding: 5px 10px - font-size: 12px - line-height: 1.5 - border-radius: 3px - -select.input-sm, .form-horizontal .form-group-sm select.form-control - height: 30px - line-height: 30px - -.input-group-sm > - select - &.form-control, &.input-group-addon - height: 30px - line-height: 30px - - .input-group-btn > select.btn - height: 30px - line-height: 30px - -textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control - height: auto - -.input-group-sm > - textarea - &.form-control, &.input-group-addon - height: auto - - .input-group-btn > textarea.btn - height: auto - -select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control - height: auto - -.input-group-sm > - select[multiple] - &.form-control, &.input-group-addon - height: auto - - .input-group-btn > select[multiple].btn - height: auto - -.input-lg, .form-horizontal .form-group-lg .form-control - height: 46px - padding: 10px 16px - font-size: 18px - line-height: 1.33 - border-radius: 6px - -.input-group-lg > - .form-control, .input-group-addon, .input-group-btn > .btn - height: 46px - padding: 10px 16px - font-size: 18px - line-height: 1.33 - border-radius: 6px - -select.input-lg, .form-horizontal .form-group-lg select.form-control - height: 46px - line-height: 46px - -.input-group-lg > - select - &.form-control, &.input-group-addon - height: 46px - line-height: 46px - - .input-group-btn > select.btn - height: 46px - line-height: 46px - -textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control - height: auto - -.input-group-lg > - textarea - &.form-control, &.input-group-addon - height: auto - - .input-group-btn > textarea.btn - height: auto - -select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control - height: auto - -.input-group-lg > - select[multiple] - &.form-control, &.input-group-addon - height: auto - - .input-group-btn > select[multiple].btn - height: auto - -.has-feedback - position: relative - - .form-control - padding-right: 42.5px - -.form-control-feedback - position: absolute - top: 25px - right: 0 - z-index: 2 - display: block - width: 34px - height: 34px - line-height: 34px - text-align: center - -.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback - width: 46px - height: 46px - line-height: 46px - -.input-group-lg > - .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback - width: 46px - height: 46px - line-height: 46px - -.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback - width: 30px - height: 30px - line-height: 30px - -.input-group-sm > - .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback - width: 30px - height: 30px - line-height: 30px - -.has-success - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline - color: #9BD275 - - .form-control - border-color: #9BD275 - -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) - - &:focus - border-color: #7fc54f - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2 - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2 - - .input-group-addon - color: #9BD275 - border-color: #9BD275 - background-color: #9BD275 - - .form-control-feedback - color: #9BD275 - -.has-warning - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline - color: #f0ad4e - - .form-control - border-color: #f0ad4e - -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) - - &:focus - border-color: #ec971f - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac - - .input-group-addon - color: #f0ad4e - border-color: #f0ad4e - background-color: #fcf8e3 - - .form-control-feedback - color: #f0ad4e - -.has-error - .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline - color: #FC3803 - - .form-control - border-color: #FC3803 - -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) - - &:focus - border-color: #FC2E03 - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae - - .input-group-addon - color: #F05050 - border-color: #F05050 - background-color: #F05050 - - .form-control-feedback - color: #F05050 - -.has-feedback label.sr-only ~ .form-control-feedback - top: 0 - -.help-block - display: block - margin-top: 5px - margin-bottom: 10px - color: #7c7c7a - -@media (min-width: 768px) - .form-inline .form-group, .navbar-form .form-group - display: inline-block - margin-bottom: 0 - vertical-align: middle - - .form-inline .form-control, .navbar-form .form-control - display: inline-block - width: auto - vertical-align: middle - - .form-inline .input-group, .navbar-form .input-group - display: inline-table - vertical-align: middle - - .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control - width: auto - - .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control - width: 100% - - .form-inline .control-label, .navbar-form .control-label - margin-bottom: 0 - vertical-align: middle - - .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox - display: inline-block - margin-top: 0 - margin-bottom: 0 - vertical-align: middle - - .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label - padding-left: 0 - - .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] - position: relative - margin-left: 0 - - .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback - top: 0 - -.form-horizontal - .radio, .checkbox, .radio-inline, .checkbox-inline - margin-top: 0 - margin-bottom: 0 - padding-top: 7px - - .radio, .checkbox - min-height: 27px - - .form-group - margin-left: -20px - margin-right: -20px - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - .has-feedback control-feedback - top: 0 - right: 20px - -@media (min-width: 768px) - .form-horizontal .control-label - text-align: right - margin-bottom: 0 - padding-top: 7px - -@media (min-width: 768px) - .form-horizontal .form-group-lg .control-label - padding-top: 14.3px - -@media (min-width: 768px) - .form-horizontal .form-group-sm .control-label - padding-top: 6px - -.btn - display: inline-block - margin-bottom: 0 - font-weight: normal - text-align: center - vertical-align: middle - cursor: pointer - background-image: none - white-space: nowrap - padding: 6px 12px - font-size: 14px - line-height: 1.42857 - border-radius: 3px - -webkit-user-select: none - -moz-user-select: none - -ms-user-select: none - user-select: none - color: #FFFFFF - background-color: #457995 - border: 1px solid #1b4257 - outline: 0 - - &:active, &.active - color: #FFF - background-color: #30596f - outline: 0 - border-color: #1d1d1d - text-decoration: none - -.open > .btn.dropdown-toggle - color: #FFF - background-color: #30596f - outline: 0 - border-color: #1d1d1d - text-decoration: none - -.btn - &:hover, &:focus - background-color: #315a71 - color: #FFF - border-radius: 3px - border: 1px solid #1b4257 - text-decoration: none - - &:active, &.active - background-image: none - outline: 0 - -.open > .btn.dropdown-toggle - background-image: none - outline: 0 - -.btn - &.disabled - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - - &[disabled] - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - -fieldset[disabled] .btn - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: #1d1d1d - outline: 0 - -.btn - .badge - color: #FFFFFF - background-color: #3e3e3e - - &:focus, &:active:focus, &.active:focus - outline: thin dotted - outline: 5px auto -webkit-focus-ring-color - outline-offset: -2px - outline: 0 - - &:active, &.active - outline: 0 - - &.disabled, &[disabled] - cursor: not-allowed - pointer-events: none - opacity: 0.30 - filter: alpha(opacity = 30) - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled] .btn - cursor: not-allowed - pointer-events: none - opacity: 0.30 - filter: alpha(opacity = 30) - -webkit-box-shadow: none - box-shadow: none - -.act_flush - &:hover, &:focus - color: #FFF - background-color: #336480 - border-color: 1px solid #1d1d1d - outline: 0 - -.btn-default - &:active, &.active - background-image: none - outline: 0 - -.open > .btn-default.dropdown-toggle - background-image: none - outline: 0 - -.btn-default - &.disabled - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - - &[disabled] - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - -fieldset[disabled] .btn-default - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FFFFFF - border-color: 1px solid #1d1d1d - outline: 0 - -.btn-default .badge - color: #FFFFFF - background-color: #3e3e3e - outline: 0 - -.btn-primary - color: #fff - background-color: #FF7E25 - border: 1px solid #6c6c6c - outline: 0 - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #EC7726 - border-color: 1px solid #6c6c6c - outline: 0 - -.open > .btn-primary.dropdown-toggle - color: #fff - background-color: #EC7726 - border-color: 1px solid #6c6c6c - outline: 0 - -.btn-primary - &:active, &.active - background-image: none - -.open > .btn-primary.dropdown-toggle - background-image: none - -.btn-primary - &.disabled - background-color: #FF8B00 - border-color: #323232 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FF8B00 - border-color: #323232 - outline: 0 - - &[disabled] - background-color: #FF8B00 - border-color: #323232 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FF8B00 - border-color: #323232 - outline: 0 - -fieldset[disabled] .btn-primary - background-color: #FF8B00 - border-color: #323232 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #FF8B00 - border-color: #323232 - outline: 0 - -.btn-primary .badge - color: #FF8B00 - background-color: #fff - -.btn-success - color: #fff - background-color: #9BD275 - border-color: #323232 - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #7fc54f - border-color: #6db53b - outline: 0 - -.open > .btn-success.dropdown-toggle - color: #fff - background-color: #7fc54f - border-color: #6db53b - outline: 0 - -.btn-success - &:active, &.active - background-image: none - -.open > .btn-success.dropdown-toggle - background-image: none - -.btn-success - &.disabled - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - - &[disabled] - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - -fieldset[disabled] .btn-success - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - - &:hover, &:focus, &:active, &.active - background-color: #9BD275 - border-color: #8dcc62 - outline: 0 - -.btn-success .badge - color: #9BD275 - background-color: #fff - -.btn-info - color: #fff - background-color: #B0CDDB - border-color: #9ec2d3 - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #8db7cb - border-color: #74a7c0 - -.open > .btn-info.dropdown-toggle - color: #fff - background-color: #8db7cb - border-color: #74a7c0 - -.btn-info - &:active, &.active - background-image: none - -.open > .btn-info.dropdown-toggle - background-image: none - -.btn-info - &.disabled - background-color: #B0CDDB - border-color: #9ec2d3 - - &:hover, &:focus, &:active, &.active - background-color: #B0CDDB - border-color: #9ec2d3 - - &[disabled] - background-color: #B0CDDB - border-color: #9ec2d3 - - &:hover, &:focus, &:active, &.active - background-color: #B0CDDB - border-color: #9ec2d3 - -fieldset[disabled] .btn-info - background-color: #B0CDDB - border-color: #9ec2d3 - - &:hover, &:focus, &:active, &.active - background-color: #B0CDDB - border-color: #9ec2d3 - -.btn-info .badge - color: #B0CDDB - background-color: #fff - -.btn-warning - color: #fff - background-color: #DE7313 - border-color: #1d1d1d - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #b85904 - border-color: #1d1d1d - -.open > .btn-warning.dropdown-toggle - color: #fff - background-color: #b85904 - border-color: #1d1d1d - -.btn-warning - &:active, &.active - background-image: none - -.open > .btn-warning.dropdown-toggle - background-image: none - -.btn-warning - &.disabled - background-color: #f0ad4e - border-color: #eea236 - - &:hover, &:focus, &:active, &.active - background-color: #f0ad4e - border-color: #eea236 - - &[disabled] - background-color: #f0ad4e - border-color: #eea236 - - &:hover, &:focus, &:active, &.active - background-color: #f0ad4e - border-color: #eea236 - -fieldset[disabled] .btn-warning - background-color: #f0ad4e - border-color: #eea236 - - &:hover, &:focus, &:active, &.active - background-color: #f0ad4e - border-color: #eea236 - -.btn-warning .badge - color: #f0ad4e - background-color: #fff - -.btn-danger - color: #fff - background-color: #F05050 - border-color: #ee3939 - - &:hover, &:focus, &:active, &.active - color: #fff - background-color: #ec2121 - border-color: #d71212 - -.open > .btn-danger.dropdown-toggle - color: #fff - background-color: #ec2121 - border-color: #d71212 - -.btn-danger - &:active, &.active - background-image: none - -.open > .btn-danger.dropdown-toggle - background-image: none - -.btn-danger - &.disabled - background-color: #F05050 - border-color: #ee3939 - - &:hover, &:focus, &:active, &.active - background-color: #F05050 - border-color: #ee3939 - - &[disabled] - background-color: #F05050 - border-color: #ee3939 - - &:hover, &:focus, &:active, &.active - background-color: #F05050 - border-color: #ee3939 - -fieldset[disabled] .btn-danger - background-color: #F05050 - border-color: #ee3939 - - &:hover, &:focus, &:active, &.active - background-color: #F05050 - border-color: #ee3939 - -.btn-danger .badge - color: #F05050 - background-color: #fff - -.btn-link - color: #FF8B00 - font-weight: normal - cursor: pointer - border-radius: 0 - background-color: transparent - -webkit-box-shadow: none - box-shadow: none - - &:active, &[disabled] - background-color: transparent - -webkit-box-shadow: none - box-shadow: none - -fieldset[disabled] .btn-link - background-color: transparent - -webkit-box-shadow: none - box-shadow: none - -.btn-link - border-color: transparent - - &:hover, &:focus, &:active - border-color: transparent - - &:hover, &:focus - color: #9f4d03 - text-decoration: underline - background-color: transparent - - &[disabled] - &:hover, &:focus - color: #777777 - text-decoration: none - -fieldset[disabled] .btn-link - &:hover, &:focus - color: #777777 - text-decoration: none - -.btn-lg, .btn-group-lg > .btn - padding: 9px 12px - font-size: 18px - line-height: 1.33 - -.btn-sm, .btn-group-sm > .btn - padding: 5px 10px - font-size: 12px - line-height: 1.5 - border-radius: 3px - -.btn-xs, .btn-group-xs > .btn - padding: 1px 4px - font-size: 12px - line-height: 1.5 - border-radius: 3px - -.btn-block - display: block - width: 100% - - + .btn-block - margin-top: 5px - -input - &[type="submit"].btn-block, &[type="reset"].btn-block, &[type="button"].btn-block - width: 100% - -.fade - opacity: 0 - filter: alpha(opacity = 0) - -webkit-transition: opacity 0.15s linear - -o-transition: opacity 0.15s linear - transition: opacity 0.15s linear - - &.in - opacity: 1 - filter: alpha(opacity = 100) - -.collapse - display: none - - &.in - display: block - -tr.collapse.in - display: table-row - -tbody.collapse.in - display: table-row-group - -.collapsing - position: relative - height: 0 - overflow: hidden - -webkit-transition: height 0.35s ease - -o-transition: height 0.35s ease - transition: height 0.35s ease - -.caret - display: inline-block - width: 0 - height: 0 - margin-left: 2px - vertical-align: middle - border-top: 4px solid - border-right: 4px solid transparent - 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 - list-style: none - font-size: 14px - text-align: left - background-color: #315a71 - border-left: 1px solid #1b4257 - border-right: 1px solid #1b4257 - border-bottom: 1px solid #1b4257 - border-radius: 3px - -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 - - &.pull-right - right: 0 - left: auto - background-color: #e5e5e5 - - .divider - height: 1px - margin: 9px 0 - overflow: hidden - background-color: #e5e5e5 - - > - li > a - display: block - padding: 3px 20px - clear: both - font-weight: normal - line-height: 1.42857 - color: #FFFFFF - white-space: nowrap - outline: 0 - - &:hover, &:focus - text-decoration: none - color: #FFFFFF - background-color: #FF7E25 - - .active > a - color: #fff - text-decoration: none - outline: 0 - background-color: #FF7E25 - - &:hover, &:focus - color: #fff - text-decoration: none - outline: 0 - background-color: #FF7E25 - - .disabled > a - color: #777777 - - &:hover, &:focus - color: #777777 - - &:hover, &:focus - text-decoration: none - background-color: transparent - background-image: none - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) - cursor: not-allowed - -.open > - .dropdown-menu - display: block - - a - outline: 0 - -.dropdown-menu-right - left: auto - right: 0 - -.dropdown-menu-left - left: 0 - right: auto - -.dropdown-header - display: block - padding: 3px 20px - font-size: 12px - line-height: 1.42857 - color: #777777 - white-space: nowrap - -.dropdown-backdrop - position: fixed - left: 0 - right: 0 - bottom: 0 - top: 0 - z-index: 990 - -.pull-right > .dropdown-menu - right: 0 - left: auto - -.dropup .caret, .navbar-fixed-bottom .dropdown .caret - border-top: 0 - border-bottom: 4px solid - 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 - - .dropdown-menu-left - left: 0 - right: auto - -.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, &:focus, &:active, &.active - z-index: 2 - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - -.btn-group-vertical > .btn - &:hover, &:focus, &:active, &.active - z-index: 2 - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important - -.btn-group > .btn:focus, .btn-group-vertical > .btn:focus - outline: 0 - -.btn-group - .btn + - .btn, .btn-group - margin-left: -1px - - .btn-group + - .btn, .btn-group - margin-left: -1px - -.btn-toolbar - margin-left: -5px - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - .btn-group, .input-group - float: left - - > - .btn, .btn-group, .input-group - margin-left: 5px - -.btn-group - > - .btn - &:not(:first-child):not(:last-child):not(.dropdown-toggle) - border-radius: 0 - - &:first-child - margin-left: 0 - - &:not(:last-child):not(.dropdown-toggle) - border-bottom-right-radius: 0 - border-top-right-radius: 0 - - &:last-child:not(:first-child) - border-bottom-left-radius: 0 - border-top-left-radius: 0 - - .dropdown-toggle:not(:first-child) - border-bottom-left-radius: 0 - border-top-left-radius: 0 - - .btn-group - float: left - - &:not(:first-child):not(:last-child) > .btn - border-radius: 0 - - &:first-child > - .btn:last-child, .dropdown-toggle - border-bottom-right-radius: 0 - border-top-right-radius: 0 - - &:last-child > .btn:first-child - border-bottom-left-radius: 0 - border-top-left-radius: 0 - - .dropdown-toggle - &:active, &:hover - outline: 0 - color: #FFFFFF - background-color: none - border-color: #000 - - &.open .dropdown-toggle - outline: 0 - color: #FFFFFF - background-color: none - border-color: #000 - - > - .btn + .dropdown-toggle - padding-left: 8px - padding-right: 8px - - .btn-lg + .dropdown-toggle - padding-left: 12px - padding-right: 12px - -.btn-group-lg.btn-group > .btn + .dropdown-toggle - padding-left: 12px - padding-right: 12px - -.btn-group.open .dropdown-toggle.btn-link - -webkit-box-shadow: none - box-shadow: none - -.btn .caret - margin-left: 0 - -.btn-lg .caret, .btn-group-lg > .btn .caret - border-width: 5px 5px 0 - border-bottom-width: 0 - -.dropup - .btn-lg .caret, .btn-group-lg > .btn .caret - border-width: 0 5px 5px - -.btn-group-vertical > - .btn - display: block - float: none - width: 100% - max-width: 100% - - .btn-group - display: block - float: none - width: 100% - max-width: 100% - - > .btn - display: block - float: none - width: 100% - max-width: 100% - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - > .btn - float: none - - .btn + - .btn, .btn-group - margin-top: -1px - margin-left: 0 - - .btn-group + - .btn, .btn-group - margin-top: -1px - margin-left: 0 - - .btn - &:not(:first-child):not(:last-child) - border-radius: 0 - - &:first-child:not(:last-child) - border-top-right-radius: 3px - border-bottom-right-radius: 0 - border-bottom-left-radius: 0 - - &:last-child:not(:first-child) - border-bottom-left-radius: 3px - border-top-right-radius: 0 - border-top-left-radius: 0 - - .btn-group - &:not(:first-child):not(:last-child) > .btn - border-radius: 0 - - &:first-child:not(:last-child) > - .btn:last-child, .dropdown-toggle - border-bottom-right-radius: 0 - border-bottom-left-radius: 0 - - &:last-child:not(:first-child) > .btn:first-child - border-top-right-radius: 0 - border-top-left-radius: 0 - -.btn-group-justified - display: table - width: 100% - table-layout: fixed - border-collapse: separate - - > - .btn - float: none - display: table-cell - width: 1% - - .btn-group - float: none - display: table-cell - width: 1% - - .btn - width: 100% - - .dropdown-menu - left: auto - -[data-toggle="buttons"] > .btn > input - &[type="radio"], &[type="checkbox"] - position: absolute - z-index: -1 - opacity: 0 - filter: alpha(opacity = 0) - -.input-group - position: relative - display: table - border-collapse: separate - - &[class*="col-"] - float: none - padding-left: 0 - padding-right: 0 - - .form-control - position: relative - z-index: 2 - float: left - width: 100% - margin-bottom: 0 - -.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: #eeeeee - border: 1px solid #ccc - border-radius: 3px - - &.input-sm - padding: 5px 10px - font-size: 12px - border-radius: 3px - -.form-horizontal .form-group-sm .input-group-addon.form-control - padding: 5px 10px - font-size: 12px - border-radius: 3px - -.input-group-sm > - .input-group-addon, .input-group-btn > .input-group-addon.btn - padding: 5px 10px - font-size: 12px - border-radius: 3px - -.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control - padding: 10px 16px - font-size: 18px - border-radius: 6px - -.input-group-lg > - .input-group-addon, .input-group-btn > .input-group-addon.btn - padding: 10px 16px - font-size: 18px - border-radius: 6px - -.input-group-addon input - &[type="radio"], &[type="checkbox"] - margin-top: 0 - -.input-group .form-control:first-child, .input-group-addon:first-child - border-bottom-right-radius: 0 - border-top-right-radius: 0 - -.input-group-btn - &:first-child > - .btn, .btn-group > .btn, .dropdown-toggle - border-bottom-right-radius: 0 - border-top-right-radius: 0 - - &:last-child > - .btn:not(:last-child):not(.dropdown-toggle), .btn-group:not(:last-child) > .btn - border-bottom-right-radius: 0 - border-top-right-radius: 0 - -.input-group-addon:first-child - border-right: 0 - -.input-group .form-control:last-child, .input-group-addon:last-child - border-bottom-left-radius: 0 - border-top-left-radius: 0 - -.input-group-btn - &:last-child > - .btn, .btn-group > .btn, .dropdown-toggle - border-bottom-left-radius: 0 - border-top-left-radius: 0 - - &:first-child > - .btn:not(:first-child), .btn-group:not(:first-child) > .btn - border-bottom-left-radius: 0 - border-top-left-radius: 0 - -.input-group-addon:last-child - border-left: 0 - -.input-group-btn - position: relative - font-size: 0 - white-space: nowrap - - > .btn - position: relative - - + .btn - margin-left: -1px - - &:hover, &:focus, &:active - z-index: 2 - - &:first-child > - .btn, .btn-group - margin-right: -1px - - &:last-child > - .btn, .btn-group - margin-left: -1px - -.nav - margin-bottom: 0 - padding-left: 0 - list-style: none - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - > li - position: relative - display: block - - > a - position: relative - display: block - padding: 10px 15px - color: #FFF - border-radius: 0px - border-top-right-radius: 10px - margin-right: 0px - background-color: #315a71 - opacity: 0.6 - filter: alpha(opacity = 50) - -.nav-tabs > li > a - position: relative - display: block - padding: 10px 15px - color: #FFF - border-radius: 0px - border-top-right-radius: 10px - margin-right: 0px - background-color: #315a71 - opacity: 0.6 - filter: alpha(opacity = 50) - -.nav > li - &#menu_messages - > a - position: relative - display: block - padding: none - color: #FF7E25 - background-color: transparent - margin-right: 10px - border: none - opacity: 1.0 - - > a:hover - text-decoration: underline - - > a - &:hover, &:focus - text-decoration: none - background-color: #315a71 - color: #FFF - opacity: 0.8 - -a:focus - text-decoration: underline - -.nav - > li.disabled > a - color: #777777 - - &:hover, &:focus - color: #777777 - text-decoration: none - background-color: transparent - cursor: not-allowed - - .open > a - background-color: #336480 - cursor: pointer - - &:hover, &:focus - background-color: #336480 - cursor: pointer - - .nav-divider - height: 1px - margin: 9px 0 - overflow: hidden - background-color: #e5e5e5 - - > li > a > img - max-width: none - -.nav-tabs - margin-right: 1px - - > li - float: left - - > a - line-height: 1.42857 - border: none - cursor: pointer - - &:hover - opacity: 0.8 - filter: alpha(opacity = 80) - - &.active > a - color: #FFF - background-color: #393939 - border-bottom-color: transparent - cursor: pointer - opacity: 1 - filter: alpha(opacity = 100) - - &:hover, &:focus - color: #FFF - background-color: #393939 - border-bottom-color: transparent - cursor: pointer - opacity: 1 - filter: alpha(opacity = 100) - -.nav-pills > li - float: left - - > a - border-radius: 0 - - &.active > a - color: #fff - background-color: #1b4257 - opacity: 1.0 - - &:hover, &:focus - color: #fff - background-color: #1b4257 - opacity: 1.0 - -.nav-stacked > li - float: none - - + li - margin-top: 2px - margin-left: 0 - -.nav-justified, .nav-tabs.nav-justified - width: 100% - -.nav-justified > li, .nav-tabs.nav-justified > li - float: none - -.nav-justified > li > a, .nav-tabs.nav-justified > li > a - text-align: left - margin-bottom: 5px - -.nav-justified > .dropdown .dropdown-menu - top: auto - left: auto - -@media (min-width: 768px) - .nav-justified > li, .nav-tabs.nav-justified > li - display: table-cell - width: 1% - - .nav-justified > li > a, .nav-tabs.nav-justified > li > a - margin-bottom: 0 - -.nav-tabs-justified, .nav-tabs.nav-justified - border-bottom: 0 - -.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a - margin-right: 0 - border-radius: 3px - -.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus - border: 1px solid #656565 - -@media (min-width: 768px) - .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a - border-bottom: 1px solid #656565 - border-radius: 3px 3px 0 0 - - .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus - border-bottom-color: transparent - -.tab-content > - .tab-pane - display: none - - .active - display: block - -.tab-pane .content-box - border: none !important - box-shadow: none - -webkit-box-shadow: none - -.nav-tabs .dropdown-menu - margin-top: -1px - border-top-right-radius: 0 - border-top-left-radius: 0 - cursor: pointer - -.navbar - position: relative - min-height: 50px - margin-bottom: 0 - border: 1px solid transparent - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -@media (min-width: 768px) - .navbar - border-radius: 0 - -.navbar-header - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -@media (min-width: 768px) - .navbar-header - float: left - -.navbar-collapse - overflow-x: visible - padding-right: 20px - padding-left: 20px - border-top: 1px solid transparent - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) - -webkit-overflow-scrolling: touch - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - &.in - overflow-y: auto - -@media (min-width: 768px) - .navbar-collapse - width: auto - border-top: 0 - box-shadow: none - - &.collapse - display: block !important - height: auto !important - padding-bottom: 0 - overflow: visible !important - - &.in - overflow-y: visible - - .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse - padding-left: 0 - padding-right: 0 - -.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse - max-height: 340px - -@media (max-width: 480px) and (orientation: landscape) - .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse - max-height: 200px - -.container > - .navbar-header, .navbar-collapse - margin-right: -20px - margin-left: -20px - -.container-fluid > - .navbar-header, .navbar-collapse - margin-right: -20px - margin-left: -20px - -@media (min-width: 768px) - .container > - .navbar-header, .navbar-collapse - margin-right: 0 - margin-left: 0 - - .container-fluid > - .navbar-header, .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 - -webkit-transform: translate3d(0, 0, 0) - transform: translate3d(0, 0, 0) - -@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 20px - font-size: 18px - height: 50px - - &:hover, &:focus - text-decoration: none - -@media (min-width: 768px) - .navbar > - .container .navbar-brand, .container-fluid .navbar-brand - margin-left: -20px - -.navbar-toggle - position: relative - float: left - margin-right: 20px - padding: 9px 10px - margin-top: 8px - margin-bottom: 8px - background-color: transparent - background-image: none - border: 1px solid transparent - border-radius: 3px - - &:focus - outline: 0 - - .icon-bar - display: block - width: 22px - height: 2px - border-radius: 1px - - + .icon-bar - margin-top: 4px - -@media (min-width: 768px) - .navbar-toggle - display: none - -.navbar-nav - margin: 7.5px -20px - - > 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 - - > li > a, .dropdown-header - padding: 5px 15px 5px 25px - - > li > a - line-height: 20px - - &:hover, &:focus - background-image: none - -@media (min-width: 768px) - .navbar-nav - float: left - margin: 0 - - > li - float: left - - > a - padding-top: 15px - padding-bottom: 15px - - &.navbar-right:last-child - margin-right: -20px - -@media (min-width: 768px) - .navbar-left - float: left !important - - .navbar-right - float: right !important - -.navbar-form - margin-left: -20px - margin-right: -20px - padding: 10px 0px - 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) - margin-top: 8px - margin-bottom: 8px - -@media (max-width: 767px) - .navbar-form .form-group - margin-bottom: 5px - -@media (min-width: 768px) - .navbar-form - width: auto - border: 0 - margin-left: 0 - margin-right: 0 - padding-top: 0 - padding-bottom: 0 - -webkit-box-shadow: none - box-shadow: none - - &.navbar-right:last-child - margin-right: -20px - -.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-btn - margin-top: 8px - margin-bottom: 8px - - &.btn-sm - margin-top: 10px - margin-bottom: 10px - -.btn-group-sm > .navbar-btn.btn - margin-top: 10px - margin-bottom: 10px - -.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn - margin-top: 14px - margin-bottom: 14px - -.navbar-text - margin-top: 15px - margin-bottom: 15px - -@media (min-width: 768px) - .navbar-text - float: left - margin-left: 20px - margin-right: 20px - - &.navbar-right:last-child - margin-right: 0 - -.navbar-default - background-color: transparent - border-color: none - - .navbar-brand - color: #F7F7F7 - - &:hover, &:focus - color: #dedede - background-color: transparent - - .navbar-text - color: #F7F7F7 - - .navbar-nav > - li > a - color: #F7F7F7 - - &:hover, &:focus - color: #FF7E25 - background-color: transparent - - .active > a - color: #555 - background-color: #2b2b2b - - &:hover, &:focus - color: #555 - background-color: #2b2b2b - - .disabled > a - color: #ccc - background-color: transparent - - &:hover, &:focus - color: #ccc - background-color: transparent - - .navbar-toggle - border-color: #FFF - - &:hover, &:focus - background-color: #555 - - .icon-bar - background-color: #FFF - - .navbar-nav > .open > a - background-color: #2b2b2b - color: #555 - - &:hover, &:focus - background-color: #2b2b2b - color: #555 - - .navbar-link - color: #F7F7F7 - - &:hover - color: #FF8B00 - - .btn-link - color: #F7F7F7 - - &:hover, &:focus - color: #FF8B00 - - &[disabled] - &:hover, &:focus - color: #ccc - -@media (max-width: 767px) - .navbar-default .navbar-nav .open .dropdown-menu > - li > a - color: #F7F7F7 - - &:hover, &:focus - color: #FF8B00 - background-color: transparent - - .active > a - color: #555 - background-color: #2b2b2b - - &:hover, &:focus - color: #555 - background-color: #2b2b2b - - .disabled > a - color: #ccc - background-color: transparent - - &:hover, &:focus - color: #ccc - background-color: transparent - -fieldset[disabled] .navbar-default .btn-link - &:hover, &:focus - color: #ccc - -.navbar-inverse - background-color: #222 - border-color: #090909 - - .navbar-brand - color: #777777 - - &:hover, &:focus - color: #fff - background-color: transparent - - .navbar-text - color: #777777 - - .navbar-nav > - li > a - color: #777777 - - &:hover, &:focus - color: #fff - background-color: transparent - - .active > a - color: #fff - background-color: #090909 - - &:hover, &:focus - color: #fff - background-color: #090909 - - .disabled > a - color: #3e3e3e - background-color: transparent - - &:hover, &:focus - color: #3e3e3e - background-color: transparent - - .navbar-toggle - border-color: #2d2d2d - - &:hover, &:focus - background-color: #2d2d2d - - .icon-bar - background-color: #fff - - .navbar-collapse, .navbar-form - border-color: #101010 - - .navbar-nav > .open > a - background-color: #090909 - color: #fff - - &:hover, &:focus - background-color: #090909 - color: #fff - - .navbar-link - color: #777777 - - &:hover - color: #fff - - .btn-link - color: #777777 - - &:hover, &:focus - color: #fff - - &[disabled] - &:hover, &:focus - color: #3e3e3e - -@media (max-width: 767px) - .navbar-inverse .navbar-nav .open .dropdown-menu - > .dropdown-header - border-color: #090909 - - .divider - background-color: #090909 - - > - li > a - color: #777777 - - &:hover, &:focus - color: #fff - background-color: transparent - - .active > a - color: #fff - background-color: #090909 - - &:hover, &:focus - color: #fff - background-color: #090909 - - .disabled > a - color: #3e3e3e - background-color: transparent - - &:hover, &:focus - color: #3e3e3e - background-color: transparent - -fieldset[disabled] .navbar-inverse .btn-link - &:hover, &:focus - color: #3e3e3e - -.breadcrumb - padding: 8px 15px - margin-bottom: 20px - list-style: none - background-color: #f5f5f5 - border-radius: 3px - - > - li - display: inline-block - - + li:before - content: "/ " - padding: 0 5px - color: #ccc - - .active - color: #777777 - -.pagination - display: inline-block - padding-left: 0 - margin: 20px 0 - border-radius: 3px - - > - li - display: inline - - > - a, span - position: relative - float: left - padding: 6px 12px - line-height: 1.42857 - text-decoration: none - color: #FFFFFF - background-color: #427795 - border: 1px solid #355f77 - margin-left: -1px - cursor: pointer - - &:first-child > - a, span - margin-left: 0 - border-bottom-left-radius: 3px - border-top-left-radius: 3px - - &:last-child > - a, span - border-bottom-right-radius: 3px - border-top-right-radius: 3px - - > - a - &:hover, &:focus - color: #FFFFFF - background-color: #FF7E25 - - span - &:hover, &:focus - color: #FFFFFF - background-color: #FF7E25 - - .active > - a - z-index: 2 - color: #FFFFFF - background-color: #FF7E25 - cursor: default - - &:hover, &:focus - z-index: 2 - color: #FFFFFF - background-color: #FF7E25 - cursor: default - - span - z-index: 2 - color: #FFFFFF - background-color: #FF7E25 - cursor: default - - &:hover, &:focus - z-index: 2 - color: #FFFFFF - background-color: #FF7E25 - cursor: default - - .disabled > - span - color: #000 - background-color: #eee - border-color: #bdbdbd - cursor: not-allowed - - &:hover, &:focus - color: #000 - background-color: #eee - border-color: #bdbdbd - cursor: not-allowed - - a - color: #000 - background-color: #eee - border-color: #bdbdbd - cursor: not-allowed - - &:hover, &:focus - color: #000 - background-color: #eee - border-color: #bdbdbd - cursor: not-allowed - -.pagination-lg > li - > - a, span - padding: 10px 16px - font-size: 18px - - &:first-child > - a, span - border-bottom-left-radius: 6px - border-top-left-radius: 6px - - &:last-child > - a, span - border-bottom-right-radius: 6px - border-top-right-radius: 6px - -.pagination-sm > li - > - a, span - padding: 5px 10px - font-size: 12px - - &:first-child > - a, span - border-bottom-left-radius: 3px - border-top-left-radius: 3px - - &:last-child > - a, span - border-bottom-right-radius: 3px - border-top-right-radius: 3px - -.pager - padding-left: 0 - margin: 20px 0 - list-style: none - text-align: center - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - li - display: inline - - > - a, span - display: inline-block - padding: 5px 14px - background-color: #fff - border: 1px solid #ddd - border-radius: 15px - - a - &:hover, &:focus - text-decoration: none - background-color: #eeeeee - - .next > - a, span - float: right - - .previous > - a, span - float: left - - .disabled > - a - color: #777777 - background-color: #fff - cursor: not-allowed - - &:hover, &:focus - color: #777777 - background-color: #fff - cursor: not-allowed - - span - color: #777777 - background-color: #fff - cursor: not-allowed - -.label - display: inline - padding: .2em .6em .3em - font-size: 75% - font-weight: bold - line-height: 1 - color: #fff - text-align: center - white-space: nowrap - vertical-align: baseline - border-radius: .25em - - &:empty - display: none - -.btn .label - position: relative - top: -1px - -a.label - &:hover, &:focus - color: #fff - text-decoration: none - cursor: pointer - -.label-default - background-color: #777777 - - &[href] - &:hover, &:focus - background-color: #5e5e5e - border-color: #323232 - -.label-primary - background-color: #FF8B00 - - &[href] - &:hover, &:focus - background-color: #b85904 - -.label-success - background-color: #4FB654 - border-color: #323232 - - &[href] - &:hover, &:focus - background-color: #7fc54f - border-color: #323232 - -.label-info - background-color: #B0CDDB - - &[href] - &:hover, &:focus - background-color: #8db7cb - border-color: #323232 - -.label-warning - background-color: #f0ad4e - - &[href] - &:hover, &:focus - background-color: #ec971f - border-color: #323232 - -.label-danger - background-color: #DA4829 - - &[href] - &:hover, &:focus - background-color: #ec2121 - border-color: #323232 - -.badge - display: inline-block - min-width: 10px - padding: 3px 7px - font-size: 12px - font-weight: bold - color: #fff - line-height: 1 - vertical-align: baseline - white-space: nowrap - text-align: center - background-color: #777777 - border-radius: 10px - - &:empty - display: none - -.btn .badge - position: relative - top: -1px - -.btn-xs .badge, .btn-group-xs > .btn .badge - top: 0 - padding: 1px 5px - -a.list-group-item.active > .badge - color: #FF8B00 - background-color: #fff - -.nav-pills > - .active > a > .badge - color: #FF8B00 - background-color: #fff - - li > a > .badge - margin-left: 3px - -a.badge - &:hover, &:focus - color: #fff - text-decoration: none - cursor: pointer - -.jumbotron - padding: 30px - margin-bottom: 30px - color: inherit - background-color: #eeeeee - - h1, .h1 - color: inherit - - p - margin-bottom: 15px - font-size: 21px - font-weight: 200 - - > hr - border-top-color: #d5d5d5 - -.container .jumbotron - border-radius: 6px - -.jumbotron .container - max-width: 100% - -@media screen and (min-width: 768px) - .jumbotron - padding-top: 48px - padding-bottom: 48px - - .container .jumbotron - padding-left: 60px - padding-right: 60px - - .jumbotron - h1, .h1 - font-size: 63px - -.thumbnail - display: block - padding: 4px - margin-bottom: 20px - line-height: 1.42857 - background-color: #fff - border: 1px solid #ddd - border-radius: 3px - -webkit-transition: all 0.2s ease-in-out - -o-transition: all 0.2s ease-in-out - transition: all 0.2s ease-in-out - - > img, a > img - display: block - width: 100% \9 - max-width: 100% - height: auto - margin-left: auto - margin-right: auto - - .caption - padding: 9px - color: #3C3C3B - -a.thumbnail - &:hover, &:focus, &.active - border-color: #FF8B00 - -.alert - padding: 15px - margin-bottom: 20px - border: 1px solid #c2c2c2 - border-radius: 3px - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - - h4 - margin-top: 0 - color: inherit - - .alert-link - font-weight: bold - - > - p, ul - margin-bottom: 0 - - p + p - margin-top: 5px - -.alert-dismissable, .alert-dismissible - padding-right: 35px - -.alert-dismissable .close, .alert-dismissible .close - position: relative - top: -2px - right: -21px - color: inherit - -.alert-success - background-color: #9BD275 - border-color: #9BD275 - color: #66aa37 - - hr - border-top-color: #8dcc62 - - .alert-link - color: #72bd3e - -.alert-info - background-color: #fbfbfb - border-color: #a5a5a5 - color: #000 - - hr - border-top-color: #DA4829 - - .alert-link - color: #DA4829 - -.alert-warning - background-color: #fff - border: 1px solid #d12d0a - color: #000 - - hr - border-top-color: #f7e1b5 - - .alert-link - color: #df8a13 - -.alert-danger - background-color: #30596f - border-color: #c2c2c2 - - hr - border-top-color: #DA4829 - - .alert-link - color: #DA4829 - -@-webkit-keyframes progress-bar-stripes - from - background-position: 40px 0 - - to - background-position: 0 0 - -@keyframes progress-bar-stripes - from - background-position: 40px 0 - - to - background-position: 0 0 - -.progress - color: #000 - overflow: hidden - height: 20px - background-color: #DBDBDB - border-radius: 3px - position: relative - -webkit-box-shadow: inset 1px 1px 2px rgb(63, 63, 63) - box-shadow: inset 1px 1px 2px rgb(63, 63, 63) - -.progress-bar - float: left - width: 0% - height: 100% - font-size: 12px - line-height: 20px - color: #fff - text-align: center - background-color: #FF7E25 - position: relative - z-index: 2 - -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 - -o-transition: width 0.6s ease - transition: width 0.6s ease - -.progress-striped .progress-bar, .progress-bar-striped - 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: -o-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 - -o-animation: progress-bar-stripes 2s linear infinite - animation: progress-bar-stripes 2s linear infinite - -.progress-bar - &.active - -webkit-animation: progress-bar-stripes 2s linear infinite - -o-animation: progress-bar-stripes 2s linear infinite - animation: progress-bar-stripes 2s linear infinite - - &[aria-valuenow="1"], &[aria-valuenow="2"] - min-width: 30px - - &[aria-valuenow="0"] - color: #777777 - min-width: 30px - background-color: transparent - background-image: none - box-shadow: none - -.progress-bar-success - background-color: #4FB654 - -.progress-striped .progress-bar-success - 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: -o-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: #038CCF - -.progress-striped .progress-bar-info - 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: -o-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: #CCB60F - color: #FFFFFF !important - -.progress-striped .progress-bar-warning - 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: -o-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: #CC2400 - -.progress-striped .progress-bar-danger - 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: -o-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 - margin-top: 15px - - .media - margin-top: 15px - - &:first-child - margin-top: 0 - -.media-object - display: block - -.media-heading - margin: 0 0 5px - -.media > - .pull-left - margin-right: 10px - - .pull-right - margin-left: 10px - -.media-list - padding-left: 0 - list-style: none - -.list-group - margin-bottom: 20px - padding-left: 0 - -.list-group-item - position: relative - display: block - padding: 6px 8px - margin-bottom: -1px - background-color: #294c5f - - &:last-child - margin-bottom: 0 - - > .badge - float: right - - + .badge - margin-right: 5px - -a.list-group-item - color: #FFFFFF - border-radius: 0 - outline: 0 - - .list-group-item-heading - color: #2d2d2d - - &:hover, &:focus - text-decoration: none - color: #000 - background-color: #FFF - - &:hover:before, &:focus:before - background: #FFFFFF - content: "" - height: 42px - left: 0 - position: absolute - top: 0 - width: 3px - -.list-group-item - &.disabled - background-color: #eeeeee - color: #777777 - - &:hover, &:focus - background-color: #eeeeee - color: #777777 - - .list-group-item-heading, &:hover .list-group-item-heading, &:focus .list-group-item-heading - color: inherit - - .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text - color: #777777 - - &.active - z-index: 2 - - &:hover, &:focus - z-index: 2 - - &:before, &:hover:before, &:focus:before - background: #ff8b00 - content: "" - height: 42px - left: 0 - position: absolute - top: 0px - width: 3px - - .list-group-item-heading - color: inherit - - > - small, .small - color: inherit - - &:hover .list-group-item-heading - color: inherit - - > - small, .small - color: inherit - - &:focus .list-group-item-heading - color: inherit - - > - small, .small - color: inherit - - .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text - color: #fedcbd - - + .collapse > .list-group-item:before, &:hover + .collapse > .list-group-item:before, &:focus + .collapse > .list-group-item:before - background: #FF8B00 - content: "" - height: 42px - left: 0 - position: absolute - top: 0px - width: 3px - -.list-group-item-success - color: #9BD275 - background-color: #9BD275 - -a.list-group-item-success - color: #9BD275 - - .list-group-item-heading - color: inherit - - &:hover, &:focus - color: #9BD275 - background-color: #8dcc62 - - &.active - color: #fff - background-color: #9BD275 - border-color: #9BD275 - - &:hover, &:focus - color: #fff - background-color: #9BD275 - border-color: #9BD275 - -.list-group-item-info - color: #31708f - background-color: #d9edf7 - -a.list-group-item-info - color: #31708f - - .list-group-item-heading - color: inherit - - &:hover, &:focus - color: #31708f - background-color: #c4e3f3 - - &.active - color: #fff - background-color: #31708f - border-color: #31708f - - &:hover, &:focus - color: #fff - background-color: #31708f - border-color: #31708f - -.list-group-item-warning - color: #f0ad4e - background-color: #fcf8e3 - -a.list-group-item-warning - color: #f0ad4e - - .list-group-item-heading - color: inherit - - &:hover, &:focus - color: #f0ad4e - background-color: #faf2cc - - &.active - color: #fff - background-color: #f0ad4e - border-color: #f0ad4e - - &:hover, &:focus - color: #fff - background-color: #f0ad4e - border-color: #f0ad4e - -.list-group-item-danger - color: #F05050 - background-color: #F05050 - -a.list-group-item-danger - color: #F05050 - - .list-group-item-heading - color: inherit - - &:hover, &:focus - color: #F05050 - background-color: #ee3939 - - &.active - color: #fff - background-color: #F05050 - border-color: #F05050 - - &:hover, &:focus - color: #fff - background-color: #F05050 - border-color: #F05050 - -.list-group-item-heading - margin-top: 0 - margin-bottom: 5px - -.list-group-item-text - margin-bottom: 0 - line-height: 1.3 - -.panel - border: 1px solid #c2c2c2 - margin-bottom: 20px - -.panel-body - padding: 15px - background-color: #F0F0F0 - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - -.panel-heading - padding: 10px 15px - border-bottom: 1px solid #c2c2c2 - border-top-right-radius: 2px - border-top-left-radius: 2px - background-color: #30596f - - > .dropdown .dropdown-toggle - color: inherit - -.panel-title - margin-top: 0 - margin-bottom: 0 - font-size: 16px - color: inherit - - > a - color: inherit - -.panel-footer - padding: 10px 15px - background-color: #f5f5f5 - border-top: 1px solid #ddd - border-bottom-right-radius: 2px - border-bottom-left-radius: 2px - -.panel > .list-group - margin-bottom: 0 - - .list-group-item - border-width: 1px 0 - border-radius: 0 - - &:first-child .list-group-item:first-child - border-top: 0 - - &:last-child .list-group-item:last-child - border-bottom: 0 - -.panel-heading + .list-group .list-group-item:first-child, .list-group + .panel-footer - border-top-width: 0 - -.panel > - .table, .table-responsive > .table, .panel-collapse > .table - margin-bottom: 0 - - .table:first-child, .table-responsive:first-child > .table:first-child - border-top-right-radius: 2px - border-top-left-radius: 2px - - .table:first-child > - thead:first-child > tr:first-child - td:first-child, th:first-child - border-top-left-radius: 2px - - tbody:first-child > tr:first-child - td:first-child, th:first-child - border-top-left-radius: 2px - - .table-responsive:first-child > .table:first-child > - thead:first-child > tr:first-child - td:first-child, th:first-child - border-top-left-radius: 2px - - tbody:first-child > tr:first-child - td:first-child, th:first-child - border-top-left-radius: 2px - - .table:first-child > - thead:first-child > tr:first-child - td:last-child, th:last-child - border-top-right-radius: 2px - - tbody:first-child > tr:first-child - td:last-child, th:last-child - border-top-right-radius: 2px - - .table-responsive:first-child > .table:first-child > - thead:first-child > tr:first-child - td:last-child, th:last-child - border-top-right-radius: 2px - - tbody:first-child > tr:first-child - td:last-child, th:last-child - border-top-right-radius: 2px - - .table:last-child, .table-responsive:last-child > .table:last-child - border-bottom-right-radius: 2px - border-bottom-left-radius: 2px - - .table:last-child > - tbody:last-child > tr:last-child - td:first-child, th:first-child - border-bottom-left-radius: 2px - - tfoot:last-child > tr:last-child - td:first-child, th:first-child - border-bottom-left-radius: 2px - - .table-responsive:last-child > .table:last-child > - tbody:last-child > tr:last-child - td:first-child, th:first-child - border-bottom-left-radius: 2px - - tfoot:last-child > tr:last-child - td:first-child, th:first-child - border-bottom-left-radius: 2px - - .table:last-child > - tbody:last-child > tr:last-child - td:last-child, th:last-child - border-bottom-right-radius: 2px - - tfoot:last-child > tr:last-child - td:last-child, th:last-child - border-bottom-right-radius: 2px - - .table-responsive:last-child > .table:last-child > - tbody:last-child > tr:last-child - td:last-child, th:last-child - border-bottom-right-radius: 2px - - tfoot:last-child > tr:last-child - td:last-child, th:last-child - border-bottom-right-radius: 2px - - .panel-body + - .table, .table-responsive - border-top: 1px solid #eee - - .table > tbody:first-child > tr:first-child - th, td - border-top: 0 - - .table-bordered, .table-responsive > .table-bordered - border: 0 - - .table-bordered > - thead > tr > - th:first-child, td:first-child - border-left: 0 - - tbody > tr > - th:first-child, td:first-child - border-left: 0 - - tfoot > tr > - th:first-child, td:first-child - border-left: 0 - - .table-responsive > .table-bordered > - thead > tr > - th:first-child, td:first-child - border-left: 0 - - tbody > tr > - th:first-child, td:first-child - border-left: 0 - - tfoot > tr > - th:first-child, td:first-child - border-left: 0 - - .table-bordered > - thead > tr > - th:last-child, td:last-child - border-right: 0 - - tbody > tr > - th:last-child, td:last-child - border-right: 0 - - tfoot > tr > - th:last-child, td:last-child - border-right: 0 - - .table-responsive > .table-bordered > - thead > tr > - th:last-child, td:last-child - border-right: 0 - - tbody > tr > - th:last-child, td:last-child - border-right: 0 - - tfoot > tr > - th:last-child, td:last-child - border-right: 0 - - .table-bordered > - thead > tr:first-child > - td, th - border-bottom: 0 - - tbody > tr:first-child > - td, th - border-bottom: 0 - - .table-responsive > .table-bordered > - thead > tr:first-child > - td, th - border-bottom: 0 - - tbody > tr:first-child > - td, th - border-bottom: 0 - - .table-bordered > - tbody > tr:last-child > - td, th - border-bottom: 0 - - tfoot > tr:last-child > - td, th - border-bottom: 0 - - .table-responsive - > .table-bordered > - tbody > tr:last-child > - td, th - border-bottom: 0 - - tfoot > tr:last-child > - td, th - border-bottom: 0 - - border: 0 - margin-bottom: 0 - -.panel-group - margin-bottom: 20px - - .panel - margin-bottom: 0 - border-radius: 3px - - + .panel - margin-top: 5px - - .panel-heading - border-bottom: 0 - - + .panel-collapse > .panel-body - border-top: 1px solid #ddd - - .panel-footer - border-top: 0 - - + .panel-collapse .panel-body - border-bottom: 1px solid #ddd - -.panel-default - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - - > - .panel-heading - color: #fff - border-color: #c2c2c2 - - + .panel-collapse > .panel-body - border-top-color: #c2c2c2 - - .badge - color: #f5f5f5 - background-color: #2d2d2d333 - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #c2c2c2 - -.panel-primary - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - - > - .panel-heading - color: #FFF - border-color: #c2c2c2 - - + .panel-collapse > .panel-body - border-top-color: #FF8B00 - - .badge - color: #FF8B00 - background-color: #fff - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #FF8B00 - -.panel-success - border-color: #9BD275 - - > - .panel-heading - color: #9BD275 - background-color: #9BD275 - border-color: #9BD275 - - + .panel-collapse > .panel-body - border-top-color: #9BD275 - - .badge - color: #9BD275 - background-color: #9BD275 - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #9BD275 - -.panel-info - border-color: #bce8f1 - - > - .panel-heading - color: #31708f - background-color: #d9edf7 - border-color: #bce8f1 - - + .panel-collapse > .panel-body - border-top-color: #bce8f1 - - .badge - color: #d9edf7 - background-color: #31708f - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #bce8f1 - -.panel-warning - border-color: #faebcc - - > - .panel-heading - color: #f0ad4e - background-color: #fcf8e3 - border-color: #faebcc - - + .panel-collapse > .panel-body - border-top-color: #faebcc - - .badge - color: #fcf8e3 - background-color: #f0ad4e - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #faebcc - -.panel-danger - border-color: #F05050 - - > - .panel-heading - color: #F05050 - background-color: #F05050 - border-color: #F05050 - - + .panel-collapse > .panel-body - border-top-color: #F05050 - - .badge - color: #F05050 - background-color: #F05050 - - .panel-footer + .panel-collapse > .panel-body - border-bottom-color: #F05050 - -.embed-responsive - position: relative - display: block - height: 0 - padding: 0 - overflow: hidden - - .embed-responsive-item, iframe, embed, object - position: absolute - top: 0 - left: 0 - bottom: 0 - height: 100% - width: 100% - border: 0 - - &.embed-responsive-16by9 - padding-bottom: 56.25% - - &.embed-responsive-4by3 - padding-bottom: 75% - -.well - min-height: 20px - padding: 19px - margin-bottom: 20px - background-color: none - border: none - border-radius: none - - 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: #FFFFFF - text-shadow: 0 1px 0 #000 - opacity: 1 - filter: alpha(opacity = 100) - - &:hover, &:focus - color: #000 - text-decoration: none - cursor: pointer - opacity: 1 - filter: alpha(opacity = 100) - -button.close - padding: 0 - cursor: pointer - background: transparent - border: 0 - -webkit-appearance: none - -.modal-open - overflow: hidden - -.modal - display: none - overflow: hidden - position: fixed - top: 0 - right: 0 - bottom: 0 - left: 0 - z-index: 1050 - -webkit-overflow-scrolling: touch - outline: 0 - - &.fade .modal-dialog - -webkit-transform: translate3d(0, -25%, 0) - transform: translate3d(0, -25%, 0) - -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 - - &.in .modal-dialog - -webkit-transform: translate3d(0, 0, 0) - transform: translate3d(0, 0, 0) - -.modal-open .modal - overflow-x: hidden - overflow-y: auto - -.modal-dialog - position: relative - width: auto - margin: 62px 10px 10px 10px - border: 1px solid #7a7a7a - -.modal-content - position: relative - background-color: #383838 - border: 1px solid #565656cc - border-radius: 3px - -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30) - box-shadow: 0 5px 15px rgb(5, 5, 5) - background-clip: padding-box - outline: 0 - -.modal-backdrop - position: fixed - top: 0 - right: 0 - bottom: 0 - left: 0 - z-index: 1040 - background-color: #000 - - &.fade - opacity: 0 - filter: alpha(opacity = 0) - - &.in - opacity: 0.5 - filter: alpha(opacity = 50) - -.modal-header - padding-left: 10px - padding-right: 10px - padding-top: 3px - padding-bottom: 1px - border-bottom: 1px solid #4a4a4a - min-height: 16.42857px - background-color: #427795 - color: #FFF - - .close - margin-top: -2px - -.modal-title - margin: 0 - line-height: 1.42857 - -.modal-body - position: relative - padding: 5px - background-color: #FFF - - .table-hover > tbody > tr:hover > - td, th - background-color: #336480 - color: #FFF - -.modal-footer - padding: 5px - text-align: right - background-color: #f0f0f0 - border-top: 1px solid inherit - - &:before - content: " " - display: table - - &:after - content: " " - display: table - clear: both - - .btn + .btn - margin-left: 5px - margin-bottom: 0 - - .btn-group .btn + .btn - margin-left: -1px - - .btn-block + .btn-block - margin-left: 0 - -.modal-scrollbar-measure - position: absolute - top: -9999px - width: 50px - height: 50px - overflow: scroll - -@media (min-width: 768px) - .modal-dialog - width: 600px - margin: 82px auto 30px auto - - .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) - - .modal-sm - width: 300px - -@media (min-width: 992px) - .modal-lg - width: 900px - -.tooltip - position: absolute - z-index: 1070 - display: block - visibility: visible - font-size: 12px - line-height: 1.4 - opacity: 0 - filter: alpha(opacity = 0) - - &.in - opacity: 0.9 - filter: alpha(opacity = 90) - - &.top - margin-top: -3px - padding: 5px 0 - - &.right - margin-left: 3px - padding: 0 5px - - &.bottom - margin-top: 3px - padding: 5px 0 - - &.left - margin-left: -3px - padding: 0 5px - -.tooltip-inner - max-width: 200px - padding: 3px 8px - color: #fff - text-align: center - text-decoration: none - background-color: #000 - border-radius: 3px - -.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-width: 5px 5px 0 - border-top-color: #000 - - &.top-left .tooltip-arrow - bottom: 0 - left: 5px - border-width: 5px 5px 0 - border-top-color: #000 - - &.top-right .tooltip-arrow - bottom: 0 - right: 5px - border-width: 5px 5px 0 - border-top-color: #000 - - &.right .tooltip-arrow - top: 50% - left: 0 - margin-top: -5px - border-width: 5px 5px 5px 0 - border-right-color: #000 - - &.left .tooltip-arrow - top: 50% - right: 0 - margin-top: -5px - border-width: 5px 0 5px 5px - border-left-color: #000 - - &.bottom .tooltip-arrow - top: 0 - left: 50% - margin-left: -5px - border-width: 0 5px 5px - border-bottom-color: #000 - - &.bottom-left .tooltip-arrow - top: 0 - left: 5px - border-width: 0 5px 5px - border-bottom-color: #000 - - &.bottom-right .tooltip-arrow - top: 0 - right: 5px - border-width: 0 5px 5px - border-bottom-color: #000 - -.popover - position: absolute - top: 0 - left: 0 - z-index: 1060 - display: none - max-width: 276px - padding: 1px - text-align: left - background-color: #fff - background-clip: padding-box - border: 1px solid #ccc - border: 1px solid rgba(0, 0, 0, 0.3) - border-radius: 6px - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - white-space: normal - - &.top - margin-top: -10px - - &.right - margin-left: 10px - - &.bottom - margin-top: 10px - - &.left - margin-left: -10px - -.popover-title - margin: 0 - padding: 8px 14px - 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 - position: absolute - display: block - width: 0 - height: 0 - border-color: transparent - border-style: solid - - &:after - position: absolute - display: block - width: 0 - height: 0 - border-color: transparent - border-style: solid - border-width: 10px - content: "" - - border-width: 11px - - &.top > .arrow - left: 50% - margin-left: -11px - border-bottom-width: 0 - border-top-color: #999999 - border-top-color: rgba(0, 0, 0, 0.25) - bottom: -11px - - &:after - content: " " - bottom: 1px - margin-left: -10px - border-bottom-width: 0 - border-top-color: #fff - - &.right > .arrow - top: 50% - left: -11px - margin-top: -11px - border-left-width: 0 - border-right-color: #999999 - border-right-color: rgba(0, 0, 0, 0.25) - - &:after - content: " " - left: 1px - bottom: -10px - border-left-width: 0 - border-right-color: #fff - - &.bottom > .arrow - left: 50% - margin-left: -11px - border-top-width: 0 - border-bottom-color: #999999 - border-bottom-color: rgba(0, 0, 0, 0.25) - top: -11px - - &:after - content: " " - top: 1px - margin-left: -10px - border-top-width: 0 - border-bottom-color: #fff - - &.left > .arrow - top: 50% - right: -11px - margin-top: -11px - border-right-width: 0 - border-left-color: #999999 - border-left-color: rgba(0, 0, 0, 0.25) - - &:after - content: " " - right: 1px - border-right-width: 0 - border-left-color: #fff - bottom: -10px - -.carousel - position: relative - -.carousel-inner - position: relative - overflow: hidden - width: 100% - - > - .item - display: none - position: relative - -webkit-transition: 0.6s ease-in-out left - -o-transition: 0.6s ease-in-out left - transition: 0.6s ease-in-out left - - > - img, a > img - display: block - width: 100% \9 - max-width: 100% - height: auto - line-height: 1 - - .active, .next, .prev - display: block - - .active - left: 0 - - .next, .prev - position: absolute - top: 0 - width: 100% - - .next - left: 100% - - .prev - left: -100% - - .next.left, .prev.right - left: 0 - - .active - &.left - left: -100% - - &.right - left: 100% - -.carousel-control - position: absolute - top: 0 - left: 0 - bottom: 0 - width: 15% - opacity: 0.5 - filter: alpha(opacity = 50) - font-size: 20px - color: #fff - text-align: center - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) - - &.left - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%) - background-image: -o-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) - - &.right - left: auto - right: 0 - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%) - background-image: -o-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) - - &:hover, &:focus - outline: 0 - color: #fff - text-decoration: none - opacity: 0.9 - filter: alpha(opacity = 90) - - .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right - position: absolute - top: 50% - z-index: 5 - display: inline-block - - .icon-prev, .glyphicon-chevron-left - left: 50% - margin-left: -10px - - .icon-next, .glyphicon-chevron-right - right: 50% - margin-right: -10px - - .icon-prev, .icon-next - width: 20px - height: 20px - margin-top: -10px - font-family: serif - - .icon-prev:before - content: '\2039' - - .icon-next:before - content: '\203a' - -.carousel-indicators - position: absolute - bottom: 10px - left: 50% - z-index: 15 - width: 60% - margin-left: -30% - padding-left: 0 - list-style: none - text-align: center - - li - display: inline-block - width: 10px - height: 10px - margin: 1px - text-indent: -999px - border: 1px solid #fff - border-radius: 10px - cursor: pointer - background-color: #000 \9 - background-color: transparent - - .active - margin: 0 - width: 12px - height: 12px - background-color: #fff - -.carousel-caption - position: absolute - left: 15% - right: 15% - bottom: 20px - z-index: 10 - padding-top: 20px - padding-bottom: 20px - color: #fff - text-align: center - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) - - .btn - text-shadow: none - -@media screen and (min-width: 768px) - .carousel-control - .glyphicon-chevron-left, .glyphicon-chevron-right, .icon-prev, .icon-next - width: 30px - height: 30px - margin-top: -15px - font-size: 30px - - .glyphicon-chevron-left, .icon-prev - margin-left: -15px - - .glyphicon-chevron-right, .icon-next - margin-right: -15px - - .carousel-caption - left: 20% - right: 20% - padding-bottom: 30px - - .carousel-indicators - bottom: 20px - -.clearfix:before, .content-box:before, .clearfix:after, .content-box:after - content: " " - display: table - -.clearfix:after, .content-box:after - clear: both - -.center-block - display: block - margin-left: auto - margin-right: auto - -.pull-right - float: right !important - margin-top: 0px - -.pull-left - float: left !important - margin-top: 0px - -.hide - display: none !important - -.show - display: block !important - color: #000 - -.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 - -webkit-transform: translate3d(0, 0, 0) - transform: translate3d(0, 0, 0) - -@-ms-viewport - width: device-width - -.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block - display: none !important - -@media (max-width: 767px) - .visible-xs - display: block !important - - table.visible-xs - display: table - - tr.visible-xs - display: table-row !important - - th.visible-xs, td.visible-xs - display: table-cell !important - -@media (max-width: 767px) - .visible-xs-block - display: block !important - -@media (max-width: 767px) - .visible-xs-inline - display: inline !important - -@media (max-width: 767px) - .visible-xs-inline-block - display: inline-block !important - -@media (min-width: 768px) and (max-width: 991px) - .visible-sm - display: block !important - - table.visible-sm - display: table - - tr.visible-sm - display: table-row !important - - th.visible-sm, td.visible-sm - display: table-cell !important - -@media (min-width: 768px) and (max-width: 991px) - .visible-sm-block - display: block !important - -@media (min-width: 768px) and (max-width: 991px) - .visible-sm-inline - display: inline !important - -@media (min-width: 768px) and (max-width: 991px) - .visible-sm-inline-block - display: inline-block !important - -@media (min-width: 992px) and (max-width: 1199px) - .visible-md - display: block !important - - table.visible-md - display: table - - tr.visible-md - display: table-row !important - - th.visible-md, td.visible-md - display: table-cell !important - -@media (min-width: 992px) and (max-width: 1199px) - .visible-md-block - display: block !important - -@media (min-width: 992px) and (max-width: 1199px) - .visible-md-inline - display: inline !important - -@media (min-width: 992px) and (max-width: 1199px) - .visible-md-inline-block - display: inline-block !important - -@media (min-width: 1200px) - .visible-lg - display: block !important - - table.visible-lg - display: table - - tr.visible-lg - display: table-row !important - - th.visible-lg, td.visible-lg - display: table-cell !important - -@media (min-width: 1200px) - .visible-lg-block - display: block !important - -@media (min-width: 1200px) - .visible-lg-inline - display: inline !important - -@media (min-width: 1200px) - .visible-lg-inline-block - display: inline-block !important - -@media (max-width: 767px) - .hidden-xs, .page-side - display: none !important - -@media (min-width: 768px) and (max-width: 991px) - .hidden-sm - display: none !important - -@media (min-width: 992px) and (max-width: 1199px) - .hidden-md - display: none !important - -@media (min-width: 1200px) - .hidden-lg - display: none !important - -@media print - .visible-print - display: block !important - - table.visible-print - display: table - - tr.visible-print - display: table-row !important - - th.visible-print, td.visible-print - display: table-cell !important - -@media print - .visible-print-block - display: block !important - -@media print - .visible-print-inline - display: inline !important - -@media print - .visible-print-inline-block - display: inline-block !important - -@media print - .hidden-print - display: none !important - -* - -webkit-font-smoothing: antialiased - -html - height: 100% - font-family: 'SourceSansProRegular' - -body - height: 100% - font-family: 'SourceSansProRegular' - touch-action: manipulation - min-width: 320px - background-color: none - -.widget-sort-handle - touch-action: none - -.page-head - top: 0 - left: 0 - position: fixed - width: 100% - border: none - z-index: 2 - background-color: #172c38 - -.page-content - height: calc(100% - 52px) - padding-top: 52px - position: relative - z-index: 1 - - > .row - height: 100% - -.page-content-head - .container-fluid - background-color: #F0F0F0 - margin-left: 20px - margin-right: 20px - border: 1px solid #c2c2c2 - border-radius: 3px - min-height: 38px - height: auto - padding: 10px 20px 10px 20px - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - - background: #FFF - padding-bottom: 15px - padding-top: 20px - color: #000 - -.content-box-head - background: #FFF - padding-bottom: 15px - padding-top: 20px - color: #000 - -.page-content-head .navbar-nav, .content-box-head .navbar-nav - width: 100% - -.page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 - margin: 0 - -.page-content-main - background: #FFFFFF - min-height: calc(100% - 64px) - padding: 15px 0 73px - -.page-side - background: #172c38 - border: none - height: 100% !important - height: calc(100% - 52px) !important - left: 0 - overflow: auto - margin-top: 52px - position: fixed - top: 0 - z-index: 3 - -.page-side-nav--active - background: #F7F7F7 - border-left: 3px solid #FF8B00 - -.page-foot - bottom: 0 - border: none - font-size: 12px - padding: 20px 0 - width: 100% - z-index: 2 - -.content-box - padding: 0px 0px - margin: 0px 0px - background: none - border: 1px solid #c2c2c2 - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - - hr - border: none - -.content-box-main - padding-bottom: 15px - padding-top: 15px - -.tab-content - padding: 0px 0px - margin: 0px 0px - - > .tab-content - padding: 0 15px - - .tab-content:last-child - margin-bottom: 0 - -.page-content-main [class^="col-"] + [class^="col-"] - padding-top: 20px - -.brand-logo - display: none - -@media (min-width: 768px) - .brand-logo - display: inline-block - -.brand-icon - display: inline-block - -@media (min-width: 768px) - .brand-icon - display: none - -@media (min-width: 768px) - .col-sm-disable-spacer - padding-top: 0 !important - -@media (min-width: 992px) - .col-md-disable-spacer - padding-top: 0 !important - -@media (min-width: 1200px) - .col-lg-disable-spacer - padding-top: 0 !important - -.page-login - background: #172c38 - - .container - min-height: 100% - margin-bottom: -60px - - &:after - height: 60px - - .login-foot - color: #FFF - -.login-foot - font-size: 12px - -.login-modal-container - color: #FFF - border: 1px solid #fff - max-width: 400px - margin: 100px auto 15px auto - -.login-modal-head - height: 75px - padding: 0 20px - -.login-modal-content - padding: 20px 20px 20px 20px - -.login-modal-foot - border-top: 1px solid #E5E5E5 - height: 60px - padding: 20px 20px 0 20px - - a - color: #7D7D7D - text-decoration: none - - &:hover - color: #646464 - text-decoration: underline - -@media (min-width: 768px) - .list-inline .btn-group-container - float: right - -.btn.btn-fixed - max-width: 174px - width: 100% - -.progress-bar-placeholder - font-size: 12px - position: absolute - text-align: center - width: 100% - z-index: 1 - -/* BOOTSTRAP EDIT - -.list-group-item - border-left: none - border-right: none - - &.collapsed .caret - border-bottom: 4px solid green - border-top: 0 - -#navigation.collapse.in - display: block !important - -.list-group-submenu .list-group-item:last-child, .collapse .list-group-item:last-child - border-bottom: none - -.dropdown-menu > li > a, .dropdown-header - padding: 3px 10px - -.nav-tabs - > li - border-radius: 0px - border-top-right-radius: 10px - margin-right: 2px - - > a - border-radius: 0px - border-top-right-radius: 10px - margin-right: 0px - outline: 0 - - &:hover, &:focus - outline: 0 - - &.active > a - background: #315a71 !important - outline: 0 - - > a.visible-lg-inline-block - &:not(.pull-right) - border-top-right-radius: 0px !important - padding-left: 10px !important - padding-right: 5px !important - - &.pull-right - border-left: 0px !important - padding-left: 5px !important - padding-right: 10px !important - - &.nav-justified - border-right: 1px solid #656565 - - > li - border-bottom: 1px solid #656565 - border-top: 1px solid #656565 - border-left: 1px solid #656565 - border-radius: 0px - background: #818180 - - > a - color: #FFFFFF - font-family: 'SourceSansProSemibold' - -@media (min-width: 768px) - .nav-tabs.nav-justified > li > a - border-bottom: 1px solid transparent - -@media (max-width: 767px) - .nav-tabs.nav-justified > li.active > a - border-right: 0 !important - -@media (min-width: 768px) - > li.active + li > a - border-left: 1px solid transparent - -> li:last-child > a - border-right: 1px solid transparent !important - -@media (max-width: 767px) - > li:last-child > a - margin-bottom: 0 - -.btn .glyphicon - vertical-align: -1px - -.table - width: 100% - margin-bottom: 0px !important - -.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus - border: 0px !important - -.table th, strong, b - font-family: 'SourceSansProSemibold' - font-weight: normal - -.table > tbody > tr > td:last-child - padding-right: 15px - -/* helpers - -.__nowrap - white-space: nowrap - -.__nomb - margin-bottom: 0 - -.__mb - margin-bottom: 15px - -.__mt - margin-top: 15px - -.__ml - margin-left: 15px - -.__mr - margin-right: 15px - -.__iconspacer - padding-right: 10px - -#mainmenu .glyphicon - vertical-align: -2px - -.list-group-item - overflow: hidden - text-overflow: ellipsis - - + div - &.collapse - margin-bottom: -1px - - > a - padding-left: 44px - - &:before - background: #FF8B00 - content: "" - height: 42px - min-height: 100% - left: 0 - position: absolute - top: 0px - width: 0 - -webkit-transition: width .2s - -moz-transition: width .2s - -o-transition: width .2s - transition: width .2s - -.list-group-submenu a - padding-left: 56px - -.active-menu-title, .active-menu a - text-decoration: none - position: relative - background-color: #30596F - -.active-menu-title:before, .active-menu a:before - width: 3px - -.active-menu-title.active - background-color: #fff - color: #000 - -.active-menu a - &.active - background-color: #fff - color: #000 - - &:before - background: #FF8B00 - -.alert.alert-danger - color: #FFF !important - -.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a - border-radius: 0 !important - -.navbar-brand - padding: 10px 20px - -.label-opnsense - /* emulates btn - display: inline-block - vertical-align: middle - font-size: 12px - line-height: 1.5 - border-radius: 3px - border-color: #323232 - -.label-opnsense-sm - /* emulates btn-sm - padding: 6px 11px - border-color: #323232 - -.label-opnsense-xs - /* emulates btn-xs - padding: 2px 5px - border-color: #323232 - -\::-webkit-scrollbar - width: 8px - -\::-webkit-scrollbar-button - width: 8px - height: 5px - -\::-webkit-scrollbar-track - background: #f7f7f7 - box-shadow: 0px 0px 0px - border-radius: 0 - -\::-webkit-scrollbar-thumb - background: #e5e5e5 - border: thin solid #e5e5e5 - border-radius: 0px - - &:hover - background: #e5e5e5 - -.widgetdiv - padding-top: 0px !important - padding-bottom: 20px - -select - overflow: hidden - border: 1px solid #1d1d1d - background-color: #427795 - color: #FFF - -webkit-appearance: none - -moz-appearance: none - appearance: none - cursor: pointer - background-repeat: no-repeat - background-position: right - background-image: url(/ui/themes/tukan/build/images/caret.png) !important - - &:hover, &:active, &:focus - overflow: hidden - border: 1px solid #1d1d1d - background-color: #336480 - color: #FFF - -webkit-appearance: none - -moz-appearance: none - appearance: none - cursor: pointer - background-repeat: no-repeat - background-position: right - background-image: url(/ui/themes/tukan/build/images/caret.png) !important - -option - &:hover, &:active, &:focus - background-color: #FF7E25 - -#grid-log th[data-column-id="__timestamp__"], #filter-log-entries th[data-column-id="__timestamp__"] - min-width: 3.5em - -#grid-top - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) - -@media screen and (max-width: 767px) - .table-responsive - margin-bottom: 0 - - > .table > - thead > tr > - th, td - white-space: normal - - tbody > tr > - th, td - white-space: normal - - tfoot > tr > - th, td - white-space: normal - -label > input - &[type="checkbox"], &[type="radio"] - margin-right: .4em - float: left - -#log-settings - label[for^="act"] - margin-right: 1.5em - - table > tbody > tr > td - vertical-align: middle - - select - &#filterlogentries, &#filterlogentriesupdateinterval - width: 5em - - &#filterlogentriesinterfaces - min-width: 100% - max-width: 100% - -/* fields in firewall schedule - -[data-state="lightcoral"] - background-color: lightcoral - -[data-state="white"] - background-color: inherit - -[data-state="red"] - background-color: #ffe83e - -/*additional extensions for theme-tukan - -#tab_1 #maintabs - border-bottom: 1px solid #c2c2c2 - -textarea#update_status - color: inherit !important - -webkit-box-shadow: none !important - box-shadow: none !important - border: none !important - - &:hover - color: inherit !important - -webkit-box-shadow: none !important - box-shadow: none !important - border: none !important - -.fa-toggle-off::before - color: #FF8B00 !important - outline: none !important - -.fa-toggle-on::before - outline: none !important - -.page-head .fa-search, .glyphicon-search::before - content: "\e003" - color: #FFFFFF - -.glyphicon.glyphicon-search::before - color: #000 !important - -.fa-times-circle::before - content: "\f057" - color: #DA4829 - -.fa-question-circle::before - content: "\f059" - color: #ff7e25 - cursor: pointer - -.fa-search::before, .fa-refresh::before - color: #FFFFFF !important - -#totals .fa-search::before - color: #FFF !important - background-color: #ff7e25 - padding: 5px - border-radius: 4px - border: 1px solid #8A8A8A - -.panel-heading h3:hover - color: #FFFFFF - text-decoration: none - -h3 - &:focus - color: #FFFFFF - text-decoration: none - - &:link - color: #FFFFFF - text-decoration: underline - - &:hover, &:focus - text-decoration: underline - -.nvd3 .nv-axis - line - stroke: #d8d8d8 !important - - fill: #000 !important - -.nv-series-0 - stroke-opacity: 1 - stroke-width: 0.5 - fill-opacity: 0.5 - fill: rgb(31, 119, 180) !important - stroke: rgb(31, 119, 180) !important - -.nv-controlsWrap.nvd3-svg circle.nv-legend-symbol - stroke-width: 1 !important - fill: rgb(143, 143, 143) !important - stroke: rgb(143, 143, 143) !important - -.table-condensed.table-hover - border: 1px solid #bdbdbd - -ul.TokensContainer - border-radius: 3px - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s - - li.Token - color: #000 !important - -div.Tokenize ul - &.TokensContainer - li.TokenSearch - color: #000 !important - - &:hover, &:focus - border-color: #00A7FF !important - background-color: none !important - - border: 1px solid #4d83a1 !important - background-color: #fff !important - color: #000 !important - - &.Dropdown - border: 1px solid #4d83a1 !important - background-color: #fff !important - color: #000 !important - - &.TokensContainer li - &.Token - background-color: #ffe83e !important - border: 1px solid #303030 !important - - &.Placeholder - color: #000 !important - opacity: 0.2 - filter: alpha(opacity = 20) - - &.Token a.Close - color: #000 !important - -.bootgrid-table th - > .column-header-anchor - color: #000 !important - - > - .icon, .glyphicon - color: #000 !important - - &:hover - background-color: #f2fafe !important - -.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu - color: #FFF - background-color: #30596f - border-color: #1d1d1d - -.btn-group.bootstrap-select - &.open, &:hover - border-color: #323232 !important - color: #FFFFFF !important - -.bootgrid-table td - &.loading, &.no-results - background: none !important - -.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus - color: #FFF !important - text-decoration: none !important - background-color: #ff7e25 !important - -.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon - top: 0 - background-color: #FF7E25 !important - border: 1px solid #FF7E25 !important - -.nvtooltip - background-color: #fff !important - color: rgba(0, 0, 0, 1) !important - border: 1px solid rgb(0, 0, 0) !important - - table - background-color: #FFF !important - -.glyphicon - &.glyphicon-play.text-muted, &.glyphicon-remove.text-muted, &.glyphicon-remove-sign.text-muted, &.glyphicon-info-sign.text-muted - color: #000 !important - -.fa.fa-play.text-muted::before - color: #000 !important - -#system_log-widgets.content-box - border: none - box-shadow: none - -#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out - background-color: #FFF - border: 1px solid #c2c2c2 +.col-xs-push-2 { + left: 16.66667%; +} + +.col-xs-push-3 { + left: 25%; +} + +.col-xs-push-4 { + left: 33.33333%; +} + +.col-xs-push-5 { + left: 41.66667%; +} + +.col-xs-push-6 { + left: 50%; +} + +.col-xs-push-7 { + left: 58.33333%; +} + +.col-xs-push-8 { + left: 66.66667%; +} + +.col-xs-push-9 { + left: 75%; +} + +.col-xs-push-10 { + left: 83.33333%; +} + +.col-xs-push-11 { + left: 91.66667%; +} + +.col-xs-push-12 { + left: 100%; +} + +.col-xs-offset-0 { + margin-left: 0%; +} + +.col-xs-offset-1 { + margin-left: 8.33333%; +} + +.col-xs-offset-2 { + margin-left: 16.66667%; +} + +.col-xs-offset-3 { + margin-left: 25%; +} + +.col-xs-offset-4 { + margin-left: 33.33333%; +} + +.col-xs-offset-5 { + margin-left: 41.66667%; +} + +.col-xs-offset-6 { + margin-left: 50%; +} + +.col-xs-offset-7 { + margin-left: 58.33333%; +} + +.col-xs-offset-8 { + margin-left: 66.66667%; +} + +.col-xs-offset-9 { + margin-left: 75%; +} + +.col-xs-offset-10 { + margin-left: 83.33333%; +} + +.col-xs-offset-11 { + margin-left: 91.66667%; +} + +.col-xs-offset-12 { + margin-left: 100%; +} + +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-1 { + width: 8.33333%; + } + .col-sm-2 { + width: 16.66667%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-4 { + width: 33.33333%; + } + .col-sm-5 { + width: 41.66667%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-7 { + width: 58.33333%; + } + .col-sm-8 { + width: 66.66667%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-10 { + width: 83.33333%; + } + .col-sm-11 { + width: 91.66667%; + } + .col-sm-12 { + width: 100%; + } + .col-sm-pull-0 { + right: auto; + } + .col-sm-pull-1 { + right: 8.33333%; + } + .col-sm-pull-2 { + right: 16.66667%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-4 { + right: 33.33333%; + } + .col-sm-pull-5 { + right: 41.66667%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-7 { + right: 58.33333%; + } + .col-sm-pull-8 { + right: 66.66667%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-10 { + right: 83.33333%; + } + .col-sm-pull-11 { + right: 91.66667%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-push-0 { + left: auto; + } + .col-sm-push-1 { + left: 8.33333%; + } + .col-sm-push-2 { + left: 16.66667%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-4 { + left: 33.33333%; + } + .col-sm-push-5 { + left: 41.66667%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-7 { + left: 58.33333%; + } + .col-sm-push-8 { + left: 66.66667%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-10 { + left: 83.33333%; + } + .col-sm-push-11 { + left: 91.66667%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-offset-0 { + margin-left: 0%; + } + .col-sm-offset-1 { + margin-left: 8.33333%; + } + .col-sm-offset-2 { + margin-left: 16.66667%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-4 { + margin-left: 33.33333%; + } + .col-sm-offset-5 { + margin-left: 41.66667%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-7 { + margin-left: 58.33333%; + } + .col-sm-offset-8 { + margin-left: 66.66667%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-10 { + margin-left: 83.33333%; + } + .col-sm-offset-11 { + margin-left: 91.66667%; + } + .col-sm-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-1 { + width: 8.33333%; + } + .col-md-2 { + width: 16.66667%; + } + .col-md-3 { + width: 25%; + } + .col-md-4 { + width: 33.33333%; + } + .col-md-5 { + width: 41.66667%; + } + .col-md-6 { + width: 50%; + } + .col-md-7 { + width: 58.33333%; + } + .col-md-8 { + width: 66.66667%; + } + .col-md-9 { + width: 75%; + } + .col-md-10 { + width: 83.33333%; + } + .col-md-11 { + width: 91.66667%; + } + .col-md-12 { + width: 100%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-pull-1 { + right: 8.33333%; + } + .col-md-pull-2 { + right: 16.66667%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-4 { + right: 33.33333%; + } + .col-md-pull-5 { + right: 41.66667%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-7 { + right: 58.33333%; + } + .col-md-pull-8 { + right: 66.66667%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-10 { + right: 83.33333%; + } + .col-md-pull-11 { + right: 91.66667%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-push-0 { + left: auto; + } + .col-md-push-1 { + left: 8.33333%; + } + .col-md-push-2 { + left: 16.66667%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-4 { + left: 33.33333%; + } + .col-md-push-5 { + left: 41.66667%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-7 { + left: 58.33333%; + } + .col-md-push-8 { + left: 66.66667%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-10 { + left: 83.33333%; + } + .col-md-push-11 { + left: 91.66667%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-offset-0 { + margin-left: 0%; + } + .col-md-offset-1 { + margin-left: 8.33333%; + } + .col-md-offset-2 { + margin-left: 16.66667%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-4 { + margin-left: 33.33333%; + } + .col-md-offset-5 { + margin-left: 41.66667%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-7 { + margin-left: 58.33333%; + } + .col-md-offset-8 { + margin-left: 66.66667%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-10 { + margin-left: 83.33333%; + } + .col-md-offset-11 { + margin-left: 91.66667%; + } + .col-md-offset-12 { + margin-left: 100%; + } +} + +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-1 { + width: 8.33333%; + } + .col-lg-2 { + width: 16.66667%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.33333%; + } + .col-lg-5 { + width: 41.66667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.33333%; + } + .col-lg-8 { + width: 66.66667%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.33333%; + } + .col-lg-11 { + width: 91.66667%; + } + .col-lg-12 { + width: 100%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-pull-1 { + right: 8.33333%; + } + .col-lg-pull-2 { + right: 16.66667%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-4 { + right: 33.33333%; + } + .col-lg-pull-5 { + right: 41.66667%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-7 { + right: 58.33333%; + } + .col-lg-pull-8 { + right: 66.66667%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-10 { + right: 83.33333%; + } + .col-lg-pull-11 { + right: 91.66667%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-push-1 { + left: 8.33333%; + } + .col-lg-push-2 { + left: 16.66667%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-4 { + left: 33.33333%; + } + .col-lg-push-5 { + left: 41.66667%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-7 { + left: 58.33333%; + } + .col-lg-push-8 { + left: 66.66667%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-10 { + left: 83.33333%; + } + .col-lg-push-11 { + left: 91.66667%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-offset-0 { + margin-left: 0%; + } + .col-lg-offset-1 { + margin-left: 8.33333%; + } + .col-lg-offset-2 { + margin-left: 16.66667%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-4 { + margin-left: 33.33333%; + } + .col-lg-offset-5 { + margin-left: 41.66667%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-7 { + margin-left: 58.33333%; + } + .col-lg-offset-8 { + margin-left: 66.66667%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-10 { + margin-left: 83.33333%; + } + .col-lg-offset-11 { + margin-left: 91.66667%; + } + .col-lg-offset-12 { + margin-left: 100%; + } +} + +th { + text-align: left; +} + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; + > { + thead > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.42857; + vertical-align: top; + border-top: 1px solid #e3e3e3; + } + } + tbody > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.42857; + vertical-align: top; + border-top: 1px solid #e3e3e3; + } + } + tfoot > tr > { + th, td { + padding: 10px 0px 10px 20px; + line-height: 1.42857; + vertical-align: top; + border-top: 1px solid #e3e3e3; + } + } + thead > tr > th { + vertical-align: bottom; + border-bottom: 1px solid #bababa4d; + } + caption + thead > tr:first-child > { + th, td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #bdbdbd; + background-color: #e3e3e3; + } + } + colgroup + thead > tr:first-child > { + th, td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #bdbdbd; + background-color: #e3e3e3; + } + } + thead:first-child > tr:first-child > { + th, td { + border-top: 0; + font-family: 'SourceSansProSemibold'; + font-weight: normal; + border-bottom: 1px solid #bdbdbd; + background-color: #e3e3e3; + } + } + tbody + tbody { + border-top: 2px solid #eee; + } + } + .table { + background-color: none; + } +} + +.table-condensed > { + thead > tr > { + th, td { + padding: 5px; + } + } + tbody > tr > { + th, td { + padding: 5px; + } + } + tfoot > tr > { + th, td { + padding: 5px; + } + } +} + +.table-bordered { + border: 1px solid #eee; + > { + thead > tr > { + th, td { + border: 1px solid #eee; + } + } + tbody > tr > { + th, td { + border: 1px solid #eee; + } + } + tfoot > tr > { + th, td { + border: 1px solid #eee; + } + } + thead > tr > { + th, td { + border-bottom-width: 2px; + } + } + } +} + +.table-striped > tbody > tr:nth-child(odd) > { + td, th { + background-color: #fbfbfb; + } +} + +.table-hover > tbody > tr:hover > { + td, th { + background-color: #f2fafe; + } +} + +table { + col[class*="col-"] { + position: static; + float: none; + display: table-column; + } + td[class*="col-"], th[class*="col-"] { + position: static; + float: none; + display: table-cell; + } +} + +.table > { + thead > tr { + > { + td.active, th.active { + background-color: #E2F5FF; + } + } + &.active > { + td, th { + background-color: #E2F5FF; + } + } + } + tbody > tr { + > { + td.active, th.active { + background-color: #E2F5FF; + } + } + &.active > { + td, th { + background-color: #E2F5FF; + } + } + } + tfoot > tr { + > { + td.active, th.active { + background-color: #E2F5FF; + } + } + &.active > { + td, th { + background-color: #E2F5FF; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.active:hover, th.active:hover { + background-color: #FF8B00; + } + } + &.active:hover > td, &:hover > .active, &.active:hover > th { + background-color: #FF8B00; + } +} + +.table > { + thead > tr { + > { + td.success, th.success { + background-color: #9BD275; + } + } + &.success > { + td, th { + background-color: #9BD275; + } + } + } + tbody > tr { + > { + td.success, th.success { + background-color: #9BD275; + } + } + &.success > { + td, th { + background-color: #9BD275; + } + } + } + tfoot > tr { + > { + td.success, th.success { + background-color: #9BD275; + } + } + &.success > { + td, th { + background-color: #9BD275; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.success:hover, th.success:hover { + background-color: #8dcc62; + } + } + &.success:hover > td, &:hover > .success, &.success:hover > th { + background-color: #8dcc62; + } +} + +.table > { + thead > tr { + > { + td.info, th.info { + background-color: #d9edf7; + } + } + &.info > { + td, th { + background-color: #d9edf7; + } + } + } + tbody > tr { + > { + td.info, th.info { + background-color: #d9edf7; + } + } + &.info > { + td, th { + background-color: #d9edf7; + } + } + } + tfoot > tr { + > { + td.info, th.info { + background-color: #d9edf7; + } + } + &.info > { + td, th { + background-color: #d9edf7; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.info:hover, th.info:hover { + background-color: #c4e3f3; + } + } + &.info:hover > td, &:hover > .info, &.info:hover > th { + background-color: #c4e3f3; + } +} + +.table > { + thead > tr { + > { + td.warning, th.warning { + background-color: #fcf8e3; + } + } + &.warning > { + td, th { + background-color: #fcf8e3; + } + } + } + tbody > tr { + > { + td.warning, th.warning { + background-color: #fcf8e3; + } + } + &.warning > { + td, th { + background-color: #fcf8e3; + } + } + } + tfoot > tr { + > { + td.warning, th.warning { + background-color: #fcf8e3; + } + } + &.warning > { + td, th { + background-color: #fcf8e3; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.warning:hover, th.warning:hover { + background-color: #faf2cc; + } + } + &.warning:hover > td, &:hover > .warning, &.warning:hover > th { + background-color: #faf2cc; + } +} + +.table > { + thead > tr { + > { + td.danger, th.danger { + background-color: #F05050; + } + } + &.danger > { + td, th { + background-color: #F05050; + } + } + } + tbody > tr { + > { + td.danger, th.danger { + background-color: #F05050; + } + } + &.danger > { + td, th { + background-color: #F05050; + } + } + } + tfoot > tr { + > { + td.danger, th.danger { + background-color: #F05050; + } + } + &.danger > { + td, th { + background-color: #F05050; + } + } + } +} + +.table-hover > tbody > tr { + > { + td.danger:hover, th.danger:hover { + background-color: #ee3939; + } + } + &.danger:hover > td, &:hover > .danger, &.danger:hover > th { + background-color: #ee3939; + } +} + +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + /* border: 1px solid $table-border-color; */ + -webkit-overflow-scrolling: touch; + > { + .table { + margin-bottom: 0; + > { + thead > tr > { + th, td { + white-space: nowrap; + } + } + tbody > tr > { + th, td { + white-space: nowrap; + } + } + tfoot > tr > { + th, td { + white-space: nowrap; + } + } + } + } + .table-bordered { + border: 0; + > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tbody > tr:last-child > { + th, td { + border-bottom: 0; + } + } + tfoot > tr:last-child > { + th, td { + border-bottom: 0; + } + } + } + } + } + } +} + +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #2d2d2d; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: normal; +} + +input { + &[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + &[type="radio"], &[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; + } + &[type="file"] { + display: block; + } + &[type="range"] { + display: block; + width: 100%; + } +} + +select { + &[multiple], &[size] { + height: auto; + } +} + +input { + &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus { + outline: none; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } +} + +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857; + color: #000; +} + +select, textarea { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857; + color: #000; + background-color: #FFF; + background-image: none; + border: 1px solid #4d83a1; + border-radius: 3px; + text-overflow: ellipsis; + max-width: 348px; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; +} + +input { + &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857; + color: #000; + background-color: #FFF; + background-image: none; + border: 1px solid #4d83a1; + border-radius: 3px; + text-overflow: ellipsis; + max-width: 348px; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; + } +} + +select:hover, textarea:hover { + color: #000; + background-color: none; + border-color: #00A7FF; + outline: 0; +} + +input { + &[type="text"]:hover, &[type="password"]:hover, &[type="datetime"]:hover, &[type="datetime-local"]:hover, &[type="date"]:hover, &[type="month"]:hover, &[type="time"]:hover, &[type="week"]:hover, &[type="number"]:hover, &[type="email"]:hover, &[type="url"]:hover, &[type="search"]:hover, &[type="tel"]:hover, &[type="color"]:hover { + color: #000; + background-color: none; + border-color: #00A7FF; + outline: 0; + } +} + +select:focus, textarea:focus { + color: #000; + border-color: #00A7FF; + background-color: none; + outline: 0; +} + +input { + &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus { + color: #000; + border-color: #00A7FF; + background-color: none; + outline: 0; + } +} + +select::-moz-placeholder, textarea::-moz-placeholder { + color: #b7b7b7; + opacity: 1; + filter: alpha(opacity = 100); +} + +input { + &[type="text"]::-moz-placeholder, &[type="password"]::-moz-placeholder, &[type="datetime"]::-moz-placeholder, &[type="datetime-local"]::-moz-placeholder, &[type="date"]::-moz-placeholder, &[type="month"]::-moz-placeholder, &[type="time"]::-moz-placeholder, &[type="week"]::-moz-placeholder, &[type="number"]::-moz-placeholder, &[type="email"]::-moz-placeholder, &[type="url"]::-moz-placeholder, &[type="search"]::-moz-placeholder, &[type="tel"]::-moz-placeholder, &[type="color"]::-moz-placeholder { + color: #b7b7b7; + opacity: 1; + filter: alpha(opacity = 100); + } +} + +select:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #777777; +} + +input { + &[type="text"]:-ms-input-placeholder, &[type="password"]:-ms-input-placeholder, &[type="datetime"]:-ms-input-placeholder, &[type="datetime-local"]:-ms-input-placeholder, &[type="date"]:-ms-input-placeholder, &[type="month"]:-ms-input-placeholder, &[type="time"]:-ms-input-placeholder, &[type="week"]:-ms-input-placeholder, &[type="number"]:-ms-input-placeholder, &[type="email"]:-ms-input-placeholder, &[type="url"]:-ms-input-placeholder, &[type="search"]:-ms-input-placeholder, &[type="tel"]:-ms-input-placeholder, &[type="color"]:-ms-input-placeholder { + color: #777777; + } +} + +select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: #777777; +} + +input { + &[type="text"]::-webkit-input-placeholder, &[type="password"]::-webkit-input-placeholder, &[type="datetime"]::-webkit-input-placeholder, &[type="datetime-local"]::-webkit-input-placeholder, &[type="date"]::-webkit-input-placeholder, &[type="month"]::-webkit-input-placeholder, &[type="time"]::-webkit-input-placeholder, &[type="week"]::-webkit-input-placeholder, &[type="number"]::-webkit-input-placeholder, &[type="email"]::-webkit-input-placeholder, &[type="url"]::-webkit-input-placeholder, &[type="search"]::-webkit-input-placeholder, &[type="tel"]::-webkit-input-placeholder, &[type="color"]::-webkit-input-placeholder { + color: #777777; + } +} + +select { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] select { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +textarea { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="text"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="text"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="password"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="password"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="datetime"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="datetime"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="datetime-local"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="datetime-local"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="date"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="date"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="month"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="month"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="time"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="time"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="week"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="week"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="number"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="number"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="email"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="email"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="url"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="url"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="search"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="search"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="tel"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="tel"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +input[type="color"] { + &[disabled], &[readonly] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; + } +} + +fieldset[disabled] input[type="color"] { + cursor: not-allowed; + background-color: #f0f0f0; + opacity: 1.0; + filter: alpha(opacity = 100); + border-color: #4d83a1; + color: #a8a8a8; +} + +select { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +textarea { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover textarea:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="text"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="text"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="password"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="password"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="datetime"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="datetime"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="datetime-local"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="datetime-local"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="date"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="date"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="month"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="month"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="time"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="time"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="week"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="week"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="number"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="number"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="email"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="email"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="url"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="url"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="search"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="search"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="tel"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="tel"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +input[type="color"] { + &[disabled]:hover, &[readonly]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled]:hover input[type="color"]:hover { + cursor: not-allowed; + background-color: #f0f0f0; + color: #a8a8a8; + opacity: 1.0; + filter: alpha(opacity = 100); + -webkit-box-shadow: none; + box-shadow: none; +} + +textarea { + height: auto; +} + +input { + &[type="search"] { + -webkit-appearance: none; + } + &[type="date"], &[type="time"], &[type="datetime-local"], &[type="month"] { + line-height: 34px; + line-height: 1.42857 \0; + } + &[type="date"].input-sm { + line-height: 30px; + } +} + +.form-horizontal .form-group-sm input[type="date"].form-control { + line-height: 30px; +} + +.input-group-sm > { + input[type="date"] { + &.form-control, &.input-group-addon { + line-height: 30px; + } + } + .input-group-btn > input[type="date"].btn { + line-height: 30px; + } +} + +input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control { + line-height: 30px; +} + +.input-group-sm > { + input[type="time"] { + &.form-control, &.input-group-addon { + line-height: 30px; + } + } + .input-group-btn > input[type="time"].btn { + line-height: 30px; + } +} + +input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control { + line-height: 30px; +} + +.input-group-sm > { + input[type="datetime-local"] { + &.form-control, &.input-group-addon { + line-height: 30px; + } + } + .input-group-btn > input[type="datetime-local"].btn { + line-height: 30px; + } +} + +input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control { + line-height: 30px; +} + +.input-group-sm > { + input[type="month"] { + &.form-control, &.input-group-addon { + line-height: 30px; + } + } + .input-group-btn > input[type="month"].btn { + line-height: 30px; + } +} + +input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control { + line-height: 46px; +} + +.input-group-lg > { + input[type="date"] { + &.form-control, &.input-group-addon { + line-height: 46px; + } + } + .input-group-btn > input[type="date"].btn { + line-height: 46px; + } +} + +input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control { + line-height: 46px; +} + +.input-group-lg > { + input[type="time"] { + &.form-control, &.input-group-addon { + line-height: 46px; + } + } + .input-group-btn > input[type="time"].btn { + line-height: 46px; + } +} + +input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control { + line-height: 46px; +} + +.input-group-lg > { + input[type="datetime-local"] { + &.form-control, &.input-group-addon { + line-height: 46px; + } + } + .input-group-btn > input[type="datetime-local"].btn { + line-height: 46px; + } +} + +input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control { + line-height: 46px; +} + +.input-group-lg > { + input[type="month"] { + &.form-control, &.input-group-addon { + line-height: 46px; + } + } + .input-group-btn > input[type="month"].btn { + line-height: 46px; + } +} + +.form-group { + margin-bottom: 15px; +} + +.radio, .checkbox { + position: relative; + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; +} + +.radio label, .checkbox label { + padding-left: 20px; + 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"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio + .radio, .checkbox + .checkbox { + margin-top: -5px; +} + +.radio-inline, .checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} + +.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +input[type="radio"] { + &[disabled], &.disabled { + cursor: not-allowed; + } +} + +fieldset[disabled] input[type="radio"] { + cursor: not-allowed; +} + +input[type="checkbox"] { + &[disabled], &.disabled { + cursor: not-allowed; + } +} + +fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { + cursor: not-allowed; +} + +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0; + &.input-lg { + padding-left: 0; + padding-right: 0; + } +} + +.form-horizontal .form-group-lg .form-control-static.form-control { + padding-left: 0; + padding-right: 0; +} + +.input-group-lg > { + .form-control-static { + &.form-control, &.input-group-addon { + padding-left: 0; + padding-right: 0; + } + } + .input-group-btn > .form-control-static.btn { + padding-left: 0; + padding-right: 0; + } +} + +.form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control { + padding-left: 0; + padding-right: 0; +} + +.input-group-sm > { + .form-control-static { + &.form-control, &.input-group-addon { + padding-left: 0; + padding-right: 0; + } + } + .input-group-btn > .form-control-static.btn { + padding-left: 0; + padding-right: 0; + } +} + +.input-sm, .form-horizontal .form-group-sm .form-control { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.input-group-sm > { + .form-control, .input-group-addon, .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + } +} + +select.input-sm, .form-horizontal .form-group-sm select.form-control { + height: 30px; + line-height: 30px; +} + +.input-group-sm > { + select { + &.form-control, &.input-group-addon { + height: 30px; + line-height: 30px; + } + } + .input-group-btn > select.btn { + height: 30px; + line-height: 30px; + } +} + +textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control { + height: auto; +} + +.input-group-sm > { + textarea { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > textarea.btn { + height: auto; + } +} + +select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control { + height: auto; +} + +.input-group-sm > { + select[multiple] { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > select[multiple].btn { + height: auto; + } +} + +.input-lg, .form-horizontal .form-group-lg .form-control { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +.input-group-lg > { + .form-control, .input-group-addon, .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; + } +} + +select.input-lg, .form-horizontal .form-group-lg select.form-control { + height: 46px; + line-height: 46px; +} + +.input-group-lg > { + select { + &.form-control, &.input-group-addon { + height: 46px; + line-height: 46px; + } + } + .input-group-btn > select.btn { + height: 46px; + line-height: 46px; + } +} + +textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control { + height: auto; +} + +.input-group-lg > { + textarea { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > textarea.btn { + height: auto; + } +} + +select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control { + height: auto; +} + +.input-group-lg > { + select[multiple] { + &.form-control, &.input-group-addon { + height: auto; + } + } + .input-group-btn > select[multiple].btn { + height: auto; + } +} + +.has-feedback { + position: relative; + .form-control { + padding-right: 42.5px; + } +} + +.form-control-feedback { + position: absolute; + top: 25px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} + +.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px; +} + +.input-group-lg > { + .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px; + } +} + +.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px; +} + +.input-group-sm > { + .form-control + .form-control-feedback, .input-group-addon + .form-control-feedback, .input-group-btn > .btn + .form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px; + } +} + +.has-success { + .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { + color: #9BD275; + } + .form-control { + border-color: #9BD275; + -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); + &:focus { + border-color: #7fc54f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; + } + } + .input-group-addon { + color: #9BD275; + border-color: #9BD275; + background-color: #9BD275; + } + .form-control-feedback { + color: #9BD275; + } +} + +.has-warning { + .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { + color: #f0ad4e; + } + .form-control { + border-color: #f0ad4e; + -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); + &:focus { + border-color: #ec971f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; + } + } + .input-group-addon { + color: #f0ad4e; + border-color: #f0ad4e; + background-color: #fcf8e3; + } + .form-control-feedback { + color: #f0ad4e; + } +} + +.has-error { + .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline { + color: #FC3803; + } + .form-control { + border-color: #FC3803; + -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); + &:focus { + border-color: #FC2E03; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; + } + } + .input-group-addon { + color: #F05050; + border-color: #F05050; + background-color: #F05050; + } + .form-control-feedback { + color: #F05050; + } +} + +.has-feedback label.sr-only ~ .form-control-feedback { + top: 0; +} + +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #7c7c7a; +} + +@media (min-width: 768px) { + .form-inline .form-group, .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control, .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group, .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control { + width: 100%; + } + .form-inline .control-label, .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} + +.form-horizontal { + .radio, .checkbox, .radio-inline, .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; + } + .radio, .checkbox { + min-height: 27px; + } + .form-group { + margin-left: -20px; + margin-right: -20px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + } + .has-feedback control-feedback { + top: 0; + right: 20px; + } +} + +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px; + } +} + +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.3px; + } +} + +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px; + } +} + +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857; + border-radius: 3px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #FFFFFF; + background-color: #457995; + border: 1px solid #1b4257; + outline: 0; + &:active, &.active { + color: #FFF; + background-color: #30596f; + outline: 0; + border-color: #1d1d1d; + text-decoration: none; + } +} + +.open > .btn.dropdown-toggle { + color: #FFF; + background-color: #30596f; + outline: 0; + border-color: #1d1d1d; + text-decoration: none; +} + +.btn { + &:hover, &:focus { + background-color: #315a71; + color: #FFF; + border-radius: 3px; + border: 1px solid #1b4257; + text-decoration: none; + } + &:active, &.active { + background-image: none; + outline: 0; + } +} + +.open > .btn.dropdown-toggle { + background-image: none; + outline: 0; +} + +.btn { + &.disabled { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } + } + &[disabled] { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } + } +} + +fieldset[disabled] .btn { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: #1d1d1d; + outline: 0; + } +} + +.btn { + .badge { + color: #FFFFFF; + background-color: #3e3e3e; + } + &:focus, &:active:focus, &.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: 0; + } + &:active, &.active { + outline: 0; + } + &.disabled, &[disabled] { + cursor: not-allowed; + pointer-events: none; + opacity: 0.30; + filter: alpha(opacity = 30); + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.30; + filter: alpha(opacity = 30); + -webkit-box-shadow: none; + box-shadow: none; +} + +.act_flush { + &:hover, &:focus { + color: #FFF; + background-color: #336480; + border-color: 1px solid #1d1d1d; + outline: 0; + } +} + +.btn-default { + &:active, &.active { + background-image: none; + outline: 0; + } +} + +.open > .btn-default.dropdown-toggle { + background-image: none; + outline: 0; +} + +.btn-default { + &.disabled { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } + } + &[disabled] { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } + } +} + +fieldset[disabled] .btn-default { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FFFFFF; + border-color: 1px solid #1d1d1d; + outline: 0; + } +} + +.btn-default .badge { + color: #FFFFFF; + background-color: #3e3e3e; + outline: 0; +} + +.btn-primary { + color: #fff; + background-color: #FF7E25; + border: 1px solid #6c6c6c; + outline: 0; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #EC7726; + border-color: 1px solid #6c6c6c; + outline: 0; + } +} + +.open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #EC7726; + border-color: 1px solid #6c6c6c; + outline: 0; +} + +.btn-primary { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-primary.dropdown-toggle { + background-image: none; +} + +.btn-primary { + &.disabled { + background-color: #FF8B00; + border-color: #323232; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FF8B00; + border-color: #323232; + outline: 0; + } + } + &[disabled] { + background-color: #FF8B00; + border-color: #323232; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FF8B00; + border-color: #323232; + outline: 0; + } + } +} + +fieldset[disabled] .btn-primary { + background-color: #FF8B00; + border-color: #323232; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #FF8B00; + border-color: #323232; + outline: 0; + } +} + +.btn-primary .badge { + color: #FF8B00; + background-color: #fff; +} + +.btn-success { + color: #fff; + background-color: #9BD275; + border-color: #323232; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #7fc54f; + border-color: #6db53b; + outline: 0; + } +} + +.open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #7fc54f; + border-color: #6db53b; + outline: 0; +} + +.btn-success { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-success.dropdown-toggle { + background-image: none; +} + +.btn-success { + &.disabled { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } + } + &[disabled] { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } + } +} + +fieldset[disabled] .btn-success { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + &:hover, &:focus, &:active, &.active { + background-color: #9BD275; + border-color: #8dcc62; + outline: 0; + } +} + +.btn-success .badge { + color: #9BD275; + background-color: #fff; +} + +.btn-info { + color: #fff; + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #8db7cb; + border-color: #74a7c0; + } +} + +.open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #8db7cb; + border-color: #74a7c0; +} + +.btn-info { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-info.dropdown-toggle { + background-image: none; +} + +.btn-info { + &.disabled { + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } + } + &[disabled] { + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } + } +} + +fieldset[disabled] .btn-info { + background-color: #B0CDDB; + border-color: #9ec2d3; + &:hover, &:focus, &:active, &.active { + background-color: #B0CDDB; + border-color: #9ec2d3; + } +} + +.btn-info .badge { + color: #B0CDDB; + background-color: #fff; +} + +.btn-warning { + color: #fff; + background-color: #DE7313; + border-color: #1d1d1d; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #b85904; + border-color: #1d1d1d; + } +} + +.open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #b85904; + border-color: #1d1d1d; +} + +.btn-warning { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-warning.dropdown-toggle { + background-image: none; +} + +.btn-warning { + &.disabled { + background-color: #f0ad4e; + border-color: #eea236; + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } + } + &[disabled] { + background-color: #f0ad4e; + border-color: #eea236; + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } + } +} + +fieldset[disabled] .btn-warning { + background-color: #f0ad4e; + border-color: #eea236; + &:hover, &:focus, &:active, &.active { + background-color: #f0ad4e; + border-color: #eea236; + } +} + +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff; +} + +.btn-danger { + color: #fff; + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + color: #fff; + background-color: #ec2121; + border-color: #d71212; + } +} + +.open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #ec2121; + border-color: #d71212; +} + +.btn-danger { + &:active, &.active { + background-image: none; + } +} + +.open > .btn-danger.dropdown-toggle { + background-image: none; +} + +.btn-danger { + &.disabled { + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } + } + &[disabled] { + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } + } +} + +fieldset[disabled] .btn-danger { + background-color: #F05050; + border-color: #ee3939; + &:hover, &:focus, &:active, &.active { + background-color: #F05050; + border-color: #ee3939; + } +} + +.btn-danger .badge { + color: #F05050; + background-color: #fff; +} + +.btn-link { + color: #FF8B00; + font-weight: normal; + cursor: pointer; + border-radius: 0; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + &:active, &[disabled] { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; + } +} + +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link { + border-color: transparent; + &:hover, &:focus, &:active { + border-color: transparent; + } + &:hover, &:focus { + color: #9f4d03; + text-decoration: underline; + background-color: transparent; + } + &[disabled] { + &:hover, &:focus { + color: #777777; + text-decoration: none; + } + } +} + +fieldset[disabled] .btn-link { + &:hover, &:focus { + color: #777777; + text-decoration: none; + } +} + +.btn-lg, .btn-group-lg > .btn { + padding: 9px 12px; + font-size: 18px; + line-height: 1.33; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.btn-xs, .btn-group-xs > .btn { + padding: 1px 4px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; + + .btn-block { + margin-top: 5px; + } +} + +input { + &[type="submit"].btn-block, &[type="reset"].btn-block, &[type="button"].btn-block { + width: 100%; + } +} + +.fade { + opacity: 0; + filter: alpha(opacity = 0); + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + &.in { + opacity: 1; + filter: alpha(opacity = 100); + } +} + +.collapse { + display: none; + &.in { + display: block; + } +} + +tr.collapse.in { + display: table-row; +} + +tbody.collapse.in { + display: table-row-group; +} + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + 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; + list-style: none; + font-size: 14px; + text-align: left; + background-color: #315a71; + border-left: 1px solid #1b4257; + border-right: 1px solid #1b4257; + border-bottom: 1px solid #1b4257; + border-radius: 3px; + -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; + &.pull-right { + right: 0; + left: auto; + background-color: #e5e5e5; + } + .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + } + > { + li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857; + color: #FFFFFF; + white-space: nowrap; + outline: 0; + &:hover, &:focus { + text-decoration: none; + color: #FFFFFF; + background-color: #FF7E25; + } + } + .active > a { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #FF7E25; + &:hover, &:focus { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #FF7E25; + } + } + .disabled > a { + color: #777777; + &:hover, &:focus { + color: #777777; + } + &:hover, &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; + } + } + } +} + +.open > { + .dropdown-menu { + display: block; + } + a { + outline: 0; + } +} + +.dropdown-menu-right { + left: auto; + right: 0; +} + +.dropdown-menu-left { + left: 0; + right: auto; +} + +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857; + color: #777777; + white-space: nowrap; +} + +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, .navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + 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; + } + .dropdown-menu-left { + left: 0; + right: auto; + } + } +} + +.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, &:focus, &:active, &.active { + z-index: 2; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + } +} + +.btn-group-vertical > .btn { + &:hover, &:focus, &:active, &.active { + z-index: 2; + -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s !important; + } +} + +.btn-group > .btn:focus, .btn-group-vertical > .btn:focus { + outline: 0; +} + +.btn-group { + .btn + { + .btn, .btn-group { + margin-left: -1px; + } + } + .btn-group + { + .btn, .btn-group { + margin-left: -1px; + } + } +} + +.btn-toolbar { + margin-left: -5px; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + .btn-group, .input-group { + float: left; + } + > { + .btn, .btn-group, .input-group { + margin-left: 5px; + } + } +} + +.btn-group { + > { + .btn { + &:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; + } + &:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + &:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } + .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + .btn-group { + float: left; + &:not(:first-child):not(:last-child) > .btn { + border-radius: 0; + } + &:first-child > { + .btn:last-child, .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + &:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } + } + .dropdown-toggle { + &:active, &:hover { + outline: 0; + color: #FFFFFF; + background-color: none; + border-color: #000; + } + } + &.open .dropdown-toggle { + outline: 0; + color: #FFFFFF; + background-color: none; + border-color: #000; + } + > { + .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + } + .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; + } + } +} + +.btn-group-lg.btn-group > .btn + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn .caret { + margin-left: 0; +} + +.btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} + +.dropup { + .btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 0 5px 5px; + } +} + +.btn-group-vertical > { + .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + .btn-group { + display: block; + float: none; + width: 100%; + max-width: 100%; + > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + > .btn { + float: none; + } + } + .btn + { + .btn, .btn-group { + margin-top: -1px; + margin-left: 0; + } + } + .btn-group + { + .btn, .btn-group { + margin-top: -1px; + margin-left: 0; + } + } + .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + &:last-child:not(:first-child) { + border-bottom-left-radius: 3px; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + } + .btn-group { + &:not(:first-child):not(:last-child) > .btn { + border-radius: 0; + } + &:first-child:not(:last-child) > { + .btn:last-child, .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + } + &:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; + } + } +} + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > { + .btn { + float: none; + display: table-cell; + width: 1%; + } + .btn-group { + float: none; + display: table-cell; + width: 1%; + .btn { + width: 100%; + } + .dropdown-menu { + left: auto; + } + } + } +} + +[data-toggle="buttons"] > .btn > input { + &[type="radio"], &[type="checkbox"] { + position: absolute; + z-index: -1; + opacity: 0; + filter: alpha(opacity = 0); + } +} + +.input-group { + position: relative; + display: table; + border-collapse: separate; + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; + } +} + +.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: #eeeeee; + border: 1px solid #ccc; + border-radius: 3px; + &.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; + } +} + +.form-horizontal .form-group-sm .input-group-addon.form-control { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} + +.input-group-sm > { + .input-group-addon, .input-group-btn > .input-group-addon.btn { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; + } +} + +.input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} + +.input-group-lg > { + .input-group-addon, .input-group-btn > .input-group-addon.btn { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; + } +} + +.input-group-addon input { + &[type="radio"], &[type="checkbox"] { + margin-top: 0; + } +} + +.input-group .form-control:first-child, .input-group-addon:first-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.input-group-btn { + &:first-child > { + .btn, .btn-group > .btn, .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } + &:last-child > { + .btn:not(:last-child):not(.dropdown-toggle), .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + } +} + +.input-group-addon:first-child { + border-right: 0; +} + +.input-group .form-control:last-child, .input-group-addon:last-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.input-group-btn { + &:last-child > { + .btn, .btn-group > .btn, .dropdown-toggle { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } + &:first-child > { + .btn:not(:first-child), .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + } +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + &:hover, &:focus, &:active { + z-index: 2; + } + } + &:first-child > { + .btn, .btn-group { + margin-right: -1px; + } + } + &:last-child > { + .btn, .btn-group { + margin-left: -1px; + } + } +} + +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + > li { + position: relative; + display: block; + > a { + position: relative; + display: block; + padding: 10px 15px; + color: #FFF; + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 0px; + background-color: #315a71; + opacity: 0.6; + filter: alpha(opacity = 50); + } + } +} + +.nav-tabs > li > a { + position: relative; + display: block; + padding: 10px 15px; + color: #FFF; + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 0px; + background-color: #315a71; + opacity: 0.6; + filter: alpha(opacity = 50); +} + +.nav > li { + &#menu_messages { + > a { + position: relative; + display: block; + padding: none; + color: #FF7E25; + background-color: transparent; + margin-right: 10px; + border: none; + opacity: 1.0; + } + > a:hover { + text-decoration: underline; + } + } + > a { + &:hover, &:focus { + text-decoration: none; + background-color: #315a71; + color: #FFF; + opacity: 0.8; + } + } +} + +a:focus { + text-decoration: underline; +} + +.nav { + > li.disabled > a { + color: #777777; + &:hover, &:focus { + color: #777777; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; + } + } + .open > a { + background-color: #336480; + cursor: pointer; + &:hover, &:focus { + background-color: #336480; + cursor: pointer; + } + } + .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + } + > li > a > img { + max-width: none; + } +} + +.nav-tabs { + margin-right: 1px; + > li { + float: left; + > a { + line-height: 1.42857; + border: none; + cursor: pointer; + &:hover { + opacity: 0.8; + filter: alpha(opacity = 80); + } + } + &.active > a { + color: #FFF; + background-color: #393939; + border-bottom-color: transparent; + cursor: pointer; + opacity: 1; + filter: alpha(opacity = 100); + &:hover, &:focus { + color: #FFF; + background-color: #393939; + border-bottom-color: transparent; + cursor: pointer; + opacity: 1; + filter: alpha(opacity = 100); + } + } + } +} + +.nav-pills > li { + float: left; + > a { + border-radius: 0; + } + &.active > a { + color: #fff; + background-color: #1b4257; + opacity: 1.0; + &:hover, &:focus { + color: #fff; + background-color: #1b4257; + opacity: 1.0; + } + } +} + +.nav-stacked > li { + float: none; + + li { + margin-top: 2px; + margin-left: 0; + } +} + +.nav-justified, .nav-tabs.nav-justified { + width: 100%; +} + +.nav-justified > li, .nav-tabs.nav-justified > li { + float: none; +} + +.nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: left; + margin-bottom: 5px; +} + +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} + +@media (min-width: 768px) { + .nav-justified > li, .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} + +.nav-tabs-justified, .nav-tabs.nav-justified { + border-bottom: 0; +} + +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 3px; +} + +.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #656565; +} + +@media (min-width: 768px) { + .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #656565; + border-radius: 3px 3px 0 0; + } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: transparent; + } +} + +.tab-content > { + .tab-pane { + display: none; + } + .active { + display: block; + } +} + +.tab-pane .content-box { + border: none !important; + box-shadow: none; + -webkit-box-shadow: none; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; + cursor: pointer; +} + +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 0; + border: 1px solid transparent; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .navbar { + border-radius: 0; + } +} + +.navbar-header { + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} + +.navbar-collapse { + overflow-x: visible; + padding-right: 20px; + padding-left: 20px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + &.in { + overflow-y: auto; + } +} + +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + &.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + &.in { + overflow-y: visible; + } + } + .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} + +.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} + +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} + +.container > { + .navbar-header, .navbar-collapse { + margin-right: -20px; + margin-left: -20px; + } +} + +.container-fluid > { + .navbar-header, .navbar-collapse { + margin-right: -20px; + margin-left: -20px; + } +} + +@media (min-width: 768px) { + .container > { + .navbar-header, .navbar-collapse { + margin-right: 0; + margin-left: 0; + } + } + .container-fluid > { + .navbar-header, .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; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +@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 20px; + font-size: 18px; + height: 50px; + &:hover, &:focus { + text-decoration: none; + } +} + +@media (min-width: 768px) { + .navbar > { + .container .navbar-brand, .container-fluid .navbar-brand { + margin-left: -20px; + } + } +} + +.navbar-toggle { + position: relative; + float: left; + margin-right: 20px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 3px; + &:focus { + outline: 0; + } + .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; + + .icon-bar { + margin-top: 4px; + } + } +} + +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} + +.navbar-nav { + margin: 7.5px -20px; + > 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; + > li > a, .dropdown-header { + padding: 5px 15px 5px 25px; + } + > li > a { + line-height: 20px; + &:hover, &:focus { + background-image: none; + } + } + } +} + +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + > li { + float: left; + > a { + padding-top: 15px; + padding-bottom: 15px; + } + } + &.navbar-right:last-child { + margin-right: -20px; + } + } +} + +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} + +.navbar-form { + margin-left: -20px; + margin-right: -20px; + padding: 10px 0px; + 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); + margin-top: 8px; + margin-bottom: 8px; +} + +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} + +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + &.navbar-right:last-child { + margin-right: -20px; + } + } +} + +.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-btn { + margin-top: 8px; + margin-bottom: 8px; + &.btn-sm { + margin-top: 10px; + margin-bottom: 10px; + } +} + +.btn-group-sm > .navbar-btn.btn { + margin-top: 10px; + margin-bottom: 10px; +} + +.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { + margin-top: 14px; + margin-bottom: 14px; +} + +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; +} + +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 20px; + margin-right: 20px; + &.navbar-right:last-child { + margin-right: 0; + } + } +} + +.navbar-default { + background-color: transparent; + border-color: none; + .navbar-brand { + color: #F7F7F7; + &:hover, &:focus { + color: #dedede; + background-color: transparent; + } + } + .navbar-text { + color: #F7F7F7; + } + .navbar-nav > { + li > a { + color: #F7F7F7; + &:hover, &:focus { + color: #FF7E25; + background-color: transparent; + } + } + .active > a { + color: #555; + background-color: #2b2b2b; + &:hover, &:focus { + color: #555; + background-color: #2b2b2b; + } + } + .disabled > a { + color: #ccc; + background-color: transparent; + &:hover, &:focus { + color: #ccc; + background-color: transparent; + } + } + } + .navbar-toggle { + border-color: #FFF; + &:hover, &:focus { + background-color: #555; + } + .icon-bar { + background-color: #FFF; + } + } + .navbar-nav > .open > a { + background-color: #2b2b2b; + color: #555; + &:hover, &:focus { + background-color: #2b2b2b; + color: #555; + } + } + .navbar-link { + color: #F7F7F7; + &:hover { + color: #FF8B00; + } + } + .btn-link { + color: #F7F7F7; + &:hover, &:focus { + color: #FF8B00; + } + &[disabled] { + &:hover, &:focus { + color: #ccc; + } + } + } +} + +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > { + li > a { + color: #F7F7F7; + &:hover, &:focus { + color: #FF8B00; + background-color: transparent; + } + } + .active > a { + color: #555; + background-color: #2b2b2b; + &:hover, &:focus { + color: #555; + background-color: #2b2b2b; + } + } + .disabled > a { + color: #ccc; + background-color: transparent; + &:hover, &:focus { + color: #ccc; + background-color: transparent; + } + } + } +} + +fieldset[disabled] .navbar-default .btn-link { + &:hover, &:focus { + color: #ccc; + } +} + +.navbar-inverse { + background-color: #222; + border-color: #090909; + .navbar-brand { + color: #777777; + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + .navbar-text { + color: #777777; + } + .navbar-nav > { + li > a { + color: #777777; + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + .active > a { + color: #fff; + background-color: #090909; + &:hover, &:focus { + color: #fff; + background-color: #090909; + } + } + .disabled > a { + color: #3e3e3e; + background-color: transparent; + &:hover, &:focus { + color: #3e3e3e; + background-color: transparent; + } + } + } + .navbar-toggle { + border-color: #2d2d2d; + &:hover, &:focus { + background-color: #2d2d2d; + } + .icon-bar { + background-color: #fff; + } + } + .navbar-collapse, .navbar-form { + border-color: #101010; + } + .navbar-nav > .open > a { + background-color: #090909; + color: #fff; + &:hover, &:focus { + background-color: #090909; + color: #fff; + } + } + .navbar-link { + color: #777777; + &:hover { + color: #fff; + } + } + .btn-link { + color: #777777; + &:hover, &:focus { + color: #fff; + } + &[disabled] { + &:hover, &:focus { + color: #3e3e3e; + } + } + } +} + +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu { + > .dropdown-header { + border-color: #090909; + } + .divider { + background-color: #090909; + } + > { + li > a { + color: #777777; + &:hover, &:focus { + color: #fff; + background-color: transparent; + } + } + .active > a { + color: #fff; + background-color: #090909; + &:hover, &:focus { + color: #fff; + background-color: #090909; + } + } + .disabled > a { + color: #3e3e3e; + background-color: transparent; + &:hover, &:focus { + color: #3e3e3e; + background-color: transparent; + } + } + } + } +} + +fieldset[disabled] .navbar-inverse .btn-link { + &:hover, &:focus { + color: #3e3e3e; + } +} + +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 3px; + > { + li { + display: inline-block; + + li:before { + content: "/ "; + padding: 0 5px; + color: #ccc; + } + } + .active { + color: #777777; + } + } +} + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 3px; + > { + li { + display: inline; + > { + a, span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857; + text-decoration: none; + color: #FFFFFF; + background-color: #427795; + border: 1px solid #355f77; + margin-left: -1px; + cursor: pointer; + } + } + &:first-child > { + a, span { + margin-left: 0; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; + } + } + &:last-child > { + a, span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + } + } + > { + a { + &:hover, &:focus { + color: #FFFFFF; + background-color: #FF7E25; + } + } + span { + &:hover, &:focus { + color: #FFFFFF; + background-color: #FF7E25; + } + } + } + } + .active > { + a { + z-index: 2; + color: #FFFFFF; + background-color: #FF7E25; + cursor: default; + &:hover, &:focus { + z-index: 2; + color: #FFFFFF; + background-color: #FF7E25; + cursor: default; + } + } + span { + z-index: 2; + color: #FFFFFF; + background-color: #FF7E25; + cursor: default; + &:hover, &:focus { + z-index: 2; + color: #FFFFFF; + background-color: #FF7E25; + cursor: default; + } + } + } + .disabled > { + span { + color: #000; + background-color: #eee; + border-color: #bdbdbd; + cursor: not-allowed; + &:hover, &:focus { + color: #000; + background-color: #eee; + border-color: #bdbdbd; + cursor: not-allowed; + } + } + a { + color: #000; + background-color: #eee; + border-color: #bdbdbd; + cursor: not-allowed; + &:hover, &:focus { + color: #000; + background-color: #eee; + border-color: #bdbdbd; + cursor: not-allowed; + } + } + } + } +} + +.pagination-lg > li { + > { + a, span { + padding: 10px 16px; + font-size: 18px; + } + } + &:first-child > { + a, span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; + } + } + &:last-child > { + a, span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; + } + } +} + +.pagination-sm > li { + > { + a, span { + padding: 5px 10px; + font-size: 12px; + } + } + &:first-child > { + a, span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; + } + } + &:last-child > { + a, span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; + } + } +} + +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + li { + display: inline; + > { + a, span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; + } + a { + &:hover, &:focus { + text-decoration: none; + background-color: #eeeeee; + } + } + } + } + .next > { + a, span { + float: right; + } + } + .previous > { + a, span { + float: left; + } + } + .disabled > { + a { + color: #777777; + background-color: #fff; + cursor: not-allowed; + &:hover, &:focus { + color: #777777; + background-color: #fff; + cursor: not-allowed; + } + } + span { + color: #777777; + background-color: #fff; + cursor: not-allowed; + } + } +} + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + &:empty { + display: none; + } +} + +.btn .label { + position: relative; + top: -1px; +} + +a.label { + &:hover, &:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } +} + +.label-default { + background-color: #777777; + &[href] { + &:hover, &:focus { + background-color: #5e5e5e; + border-color: #323232; + } + } +} + +.label-primary { + background-color: #FF8B00; + &[href] { + &:hover, &:focus { + background-color: #b85904; + } + } +} + +.label-success { + background-color: #4FB654; + border-color: #323232; + &[href] { + &:hover, &:focus { + background-color: #7fc54f; + border-color: #323232; + } + } +} + +.label-info { + background-color: #B0CDDB; + &[href] { + &:hover, &:focus { + background-color: #8db7cb; + border-color: #323232; + } + } +} + +.label-warning { + background-color: #f0ad4e; + &[href] { + &:hover, &:focus { + background-color: #ec971f; + border-color: #323232; + } + } +} + +.label-danger { + background-color: #DA4829; + &[href] { + &:hover, &:focus { + background-color: #ec2121; + border-color: #323232; + } + } +} + +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #fff; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #777777; + border-radius: 10px; + &:empty { + display: none; + } +} + +.btn .badge { + position: relative; + top: -1px; +} + +.btn-xs .badge, .btn-group-xs > .btn .badge { + top: 0; + padding: 1px 5px; +} + +a.list-group-item.active > .badge { + color: #FF8B00; + background-color: #fff; +} + +.nav-pills > { + .active > a > .badge { + color: #FF8B00; + background-color: #fff; + } + li > a > .badge { + margin-left: 3px; + } +} + +a.badge { + &:hover, &:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } +} + +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eeeeee; + h1, .h1 { + color: inherit; + } + p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; + } + > hr { + border-top-color: #d5d5d5; + } +} + +.container .jumbotron { + border-radius: 6px; +} + +.jumbotron .container { + max-width: 100%; +} + +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron { + h1, .h1 { + font-size: 63px; + } + } +} + +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.42857; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + > img, a > img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; + margin-left: auto; + margin-right: auto; + } + .caption { + padding: 9px; + color: #3C3C3B; + } +} + +a.thumbnail { + &:hover, &:focus, &.active { + border-color: #FF8B00; + } +} + +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid #c2c2c2; + border-radius: 3px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + h4 { + margin-top: 0; + color: inherit; + } + .alert-link { + font-weight: bold; + } + > { + p, ul { + margin-bottom: 0; + } + p + p { + margin-top: 5px; + } + } +} + +.alert-dismissable, .alert-dismissible { + padding-right: 35px; +} + +.alert-dismissable .close, .alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} + +.alert-success { + background-color: #9BD275; + border-color: #9BD275; + color: #66aa37; + hr { + border-top-color: #8dcc62; + } + .alert-link { + color: #72bd3e; + } +} + +.alert-info { + background-color: #fbfbfb; + border-color: #a5a5a5; + color: #000; + hr { + border-top-color: #DA4829; + } + .alert-link { + color: #DA4829; + } +} + +.alert-warning { + background-color: #fff; + border: 1px solid #d12d0a; + color: #000; + hr { + border-top-color: #f7e1b5; + } + .alert-link { + color: #df8a13; + } +} + +.alert-danger { + background-color: #30596f; + border-color: #c2c2c2; + hr { + border-top-color: #DA4829; + } + .alert-link { + color: #DA4829; + } +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + + to { + background-position: 0 0; + } +} + + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + + to { + background-position: 0 0; + } +} + + +.progress { + color: #000; + overflow: hidden; + height: 20px; + background-color: #DBDBDB; + border-radius: 3px; + position: relative; + -webkit-box-shadow: inset 1px 1px 2px rgb(63, 63, 63); + box-shadow: inset 1px 1px 2px rgb(63, 63, 63); +} + +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #FF7E25; + position: relative; + z-index: 2; + -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; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress-striped .progress-bar, .progress-bar-striped { + 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: -o-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; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-bar { + &.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; + } + &[aria-valuenow="1"], &[aria-valuenow="2"] { + min-width: 30px; + } + &[aria-valuenow="0"] { + color: #777777; + min-width: 30px; + background-color: transparent; + background-image: none; + box-shadow: none; + } +} + +.progress-bar-success { + background-color: #4FB654; +} + +.progress-striped .progress-bar-success { + 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: -o-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: #038CCF; +} + +.progress-striped .progress-bar-info { + 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: -o-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: #CCB60F; + color: #FFFFFF !important; +} + +.progress-striped .progress-bar-warning { + 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: -o-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: #CC2400; +} + +.progress-striped .progress-bar-danger { + 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: -o-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 { + margin-top: 15px; + .media { + margin-top: 15px; + } + &:first-child { + margin-top: 0; + } +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > { + .pull-left { + margin-right: 10px; + } + .pull-right { + margin-left: 10px; + } +} + +.media-list { + padding-left: 0; + list-style: none; +} + +.list-group { + margin-bottom: 20px; + padding-left: 0; +} + +.list-group-item { + position: relative; + display: block; + padding: 6px 8px; + margin-bottom: -1px; + background-color: #294c5f; + &:last-child { + margin-bottom: 0; + } + > .badge { + float: right; + + .badge { + margin-right: 5px; + } + } +} + +a.list-group-item { + color: #FFFFFF; + border-radius: 0; + outline: 0; + .list-group-item-heading { + color: #2d2d2d; + } + &:hover, &:focus { + text-decoration: none; + color: #000; + background-color: #FFF; + } + &:hover:before, &:focus:before { + background: #FFFFFF; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0; + width: 3px; + } +} + +.list-group-item { + &.disabled { + background-color: #eeeeee; + color: #777777; + &:hover, &:focus { + background-color: #eeeeee; + color: #777777; + } + .list-group-item-heading, &:hover .list-group-item-heading, &:focus .list-group-item-heading { + color: inherit; + } + .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text { + color: #777777; + } + } + &.active { + z-index: 2; + &:hover, &:focus { + z-index: 2; + } + &:before, &:hover:before, &:focus:before { + background: #ff8b00; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0px; + width: 3px; + } + .list-group-item-heading { + color: inherit; + > { + small, .small { + color: inherit; + } + } + } + &:hover .list-group-item-heading { + color: inherit; + > { + small, .small { + color: inherit; + } + } + } + &:focus .list-group-item-heading { + color: inherit; + > { + small, .small { + color: inherit; + } + } + } + .list-group-item-text, &:hover .list-group-item-text, &:focus .list-group-item-text { + color: #fedcbd; + } + + .collapse > .list-group-item:before, &:hover + .collapse > .list-group-item:before, &:focus + .collapse > .list-group-item:before { + background: #FF8B00; + content: ""; + height: 42px; + left: 0; + position: absolute; + top: 0px; + width: 3px; + } + } +} + +.list-group-item-success { + color: #9BD275; + background-color: #9BD275; +} + +a.list-group-item-success { + color: #9BD275; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #9BD275; + background-color: #8dcc62; + } + &.active { + color: #fff; + background-color: #9BD275; + border-color: #9BD275; + &:hover, &:focus { + color: #fff; + background-color: #9BD275; + border-color: #9BD275; + } + } +} + +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} + +a.list-group-item-info { + color: #31708f; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #31708f; + background-color: #c4e3f3; + } + &.active { + color: #fff; + background-color: #31708f; + border-color: #31708f; + &:hover, &:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; + } + } +} + +.list-group-item-warning { + color: #f0ad4e; + background-color: #fcf8e3; +} + +a.list-group-item-warning { + color: #f0ad4e; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #f0ad4e; + background-color: #faf2cc; + } + &.active { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; + &:hover, &:focus { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; + } + } +} + +.list-group-item-danger { + color: #F05050; + background-color: #F05050; +} + +a.list-group-item-danger { + color: #F05050; + .list-group-item-heading { + color: inherit; + } + &:hover, &:focus { + color: #F05050; + background-color: #ee3939; + } + &.active { + color: #fff; + background-color: #F05050; + border-color: #F05050; + &:hover, &:focus { + color: #fff; + background-color: #F05050; + border-color: #F05050; + } + } +} + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +.panel { + border: 1px solid #c2c2c2; + margin-bottom: 20px; +} + +.panel-body { + padding: 15px; + background-color: #F0F0F0; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } +} + +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid #c2c2c2; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + background-color: #30596f; + > .dropdown .dropdown-toggle { + color: inherit; + } +} + +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; + > a { + color: inherit; + } +} + +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} + +.panel > .list-group { + margin-bottom: 0; + .list-group-item { + border-width: 1px 0; + border-radius: 0; + } + &:first-child .list-group-item:first-child { + border-top: 0; + } + &:last-child .list-group-item:last-child { + border-bottom: 0; + } +} + +.panel-heading + .list-group .list-group-item:first-child, .list-group + .panel-footer { + border-top-width: 0; +} + +.panel > { + .table, .table-responsive > .table, .panel-collapse > .table { + margin-bottom: 0; + } + .table:first-child, .table-responsive:first-child > .table:first-child { + border-top-right-radius: 2px; + border-top-left-radius: 2px; + } + .table:first-child > { + thead:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + tbody:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + } + .table-responsive:first-child > .table:first-child > { + thead:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + tbody:first-child > tr:first-child { + td:first-child, th:first-child { + border-top-left-radius: 2px; + } + } + } + .table:first-child > { + thead:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + tbody:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + } + .table-responsive:first-child > .table:first-child > { + thead:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + tbody:first-child > tr:first-child { + td:last-child, th:last-child { + border-top-right-radius: 2px; + } + } + } + .table:last-child, .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + .table:last-child > { + tbody:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + tfoot:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + } + .table-responsive:last-child > .table:last-child > { + tbody:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + tfoot:last-child > tr:last-child { + td:first-child, th:first-child { + border-bottom-left-radius: 2px; + } + } + } + .table:last-child > { + tbody:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + tfoot:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + } + .table-responsive:last-child > .table:last-child > { + tbody:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + tfoot:last-child > tr:last-child { + td:last-child, th:last-child { + border-bottom-right-radius: 2px; + } + } + } + .panel-body + { + .table, .table-responsive { + border-top: 1px solid #eee; + } + } + .table > tbody:first-child > tr:first-child { + th, td { + border-top: 0; + } + } + .table-bordered, .table-responsive > .table-bordered { + border: 0; + } + .table-bordered > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + } + .table-responsive > .table-bordered > { + thead > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tbody > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + tfoot > tr > { + th:first-child, td:first-child { + border-left: 0; + } + } + } + .table-bordered > { + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + } + .table-responsive > .table-bordered > { + thead > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tbody > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + tfoot > tr > { + th:last-child, td:last-child { + border-right: 0; + } + } + } + .table-bordered > { + thead > tr:first-child > { + td, th { + border-bottom: 0; + } + } + tbody > tr:first-child > { + td, th { + border-bottom: 0; + } + } + } + .table-responsive > .table-bordered > { + thead > tr:first-child > { + td, th { + border-bottom: 0; + } + } + tbody > tr:first-child > { + td, th { + border-bottom: 0; + } + } + } + .table-bordered > { + tbody > tr:last-child > { + td, th { + border-bottom: 0; + } + } + tfoot > tr:last-child > { + td, th { + border-bottom: 0; + } + } + } + .table-responsive { + > .table-bordered > { + tbody > tr:last-child > { + td, th { + border-bottom: 0; + } + } + tfoot > tr:last-child > { + td, th { + border-bottom: 0; + } + } + } + border: 0; + margin-bottom: 0; + } +} + +.panel-group { + margin-bottom: 20px; + .panel { + margin-bottom: 0; + border-radius: 3px; + + .panel { + margin-top: 5px; + } + } + .panel-heading { + border-bottom: 0; + + .panel-collapse > .panel-body { + border-top: 1px solid #ddd; + } + } + .panel-footer { + border-top: 0; + + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; + } + } +} + +.panel-default { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + > { + .panel-heading { + color: #fff; + border-color: #c2c2c2; + + .panel-collapse > .panel-body { + border-top-color: #c2c2c2; + } + .badge { + color: #f5f5f5; + background-color: #2d2d2d; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #c2c2c2; + } + } +} + +.panel-primary { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + > { + .panel-heading { + color: #FFF; + border-color: #c2c2c2; + + .panel-collapse > .panel-body { + border-top-color: #FF8B00; + } + .badge { + color: #FF8B00; + background-color: #fff; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #FF8B00; + } + } +} + +.panel-success { + border-color: #9BD275; + > { + .panel-heading { + color: #9BD275; + background-color: #9BD275; + border-color: #9BD275; + + .panel-collapse > .panel-body { + border-top-color: #9BD275; + } + .badge { + color: #9BD275; + background-color: #9BD275; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #9BD275; + } + } +} + +.panel-info { + border-color: #bce8f1; + > { + .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; + + .panel-collapse > .panel-body { + border-top-color: #bce8f1; + } + .badge { + color: #d9edf7; + background-color: #31708f; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #bce8f1; + } + } +} + +.panel-warning { + border-color: #faebcc; + > { + .panel-heading { + color: #f0ad4e; + background-color: #fcf8e3; + border-color: #faebcc; + + .panel-collapse > .panel-body { + border-top-color: #faebcc; + } + .badge { + color: #fcf8e3; + background-color: #f0ad4e; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; + } + } +} + +.panel-danger { + border-color: #F05050; + > { + .panel-heading { + color: #F05050; + background-color: #F05050; + border-color: #F05050; + + .panel-collapse > .panel-body { + border-top-color: #F05050; + } + .badge { + color: #F05050; + background-color: #F05050; + } + } + .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #F05050; + } + } +} + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; + .embed-responsive-item, iframe, embed, object { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; + } + &.embed-responsive-16by9 { + padding-bottom: 56.25%; + } + &.embed-responsive-4by3 { + padding-bottom: 75%; + } +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: none; + border: none; + border-radius: none; + 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: #FFFFFF; + text-shadow: 0 1px 0 #000; + opacity: 1; + filter: alpha(opacity = 100); + &:hover, &:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 1; + filter: alpha(opacity = 100); + } +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.modal-open { + overflow: hidden; +} + +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; + &.fade .modal-dialog { + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); + -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; + } + &.in .modal-dialog { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 62px 10px 10px 10px; + border: 1px solid #7a7a7a; +} + +.modal-content { + position: relative; + background-color: #383838; + border: 1px solid #565656; + border-radius: 3px; + -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30); + box-shadow: 0 5px 15px rgb(5, 5, 5); + background-clip: padding-box; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; + &.fade { + opacity: 0; + filter: alpha(opacity = 0); + } + &.in { + opacity: 0.5; + filter: alpha(opacity = 50); + } +} + +.modal-header { + padding-left: 10px; + padding-right: 10px; + padding-top: 3px; + padding-bottom: 1px; + border-bottom: 1px solid #4a4a4a; + min-height: 16.42857px; + background-color: #427795; + color: #FFF; + .close { + margin-top: -2px; + } +} + +.modal-title { + margin: 0; + line-height: 1.42857; +} + +.modal-body { + position: relative; + padding: 5px; + background-color: #FFF; + .table-hover > tbody > tr:hover > { + td, th { + background-color: #336480; + color: #FFF; + } + } +} + +.modal-footer { + padding: 5px; + text-align: right; + background-color: #f0f0f0; + border-top: 1px solid inherit; + &:before { + content: " "; + display: table; + } + &:after { + content: " "; + display: table; + clear: both; + } + .btn + .btn { + margin-left: 5px; + margin-bottom: 0; + } + .btn-group .btn + .btn { + margin-left: -1px; + } + .btn-block + .btn-block { + margin-left: 0; + } +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 82px auto 30px auto; + } + .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); + } + .modal-sm { + width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity = 0); + &.in { + opacity: 0.9; + filter: alpha(opacity = 90); + } + &.top { + margin-top: -3px; + padding: 5px 0; + } + &.right { + margin-left: 3px; + padding: 0 5px; + } + &.bottom { + margin-top: 3px; + padding: 5px 0; + } + &.left { + margin-left: -3px; + padding: 0 5px; + } +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + text-decoration: none; + background-color: #000; + border-radius: 3px; +} + +.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-width: 5px 5px 0; + border-top-color: #000; + } + &.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + &.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000; + } + &.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; + } + &.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; + } + &.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } + &.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } + &.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; + } +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + white-space: normal; + &.top { + margin-top: -10px; + } + &.right { + margin-left: 10px; + } + &.bottom { + margin-top: 10px; + } + &.left { + margin-left: -10px; + } +} + +.popover-title { + margin: 0; + padding: 8px 14px; + 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 { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + &:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 10px; + content: ""; + } + border-width: 11px; + } + &.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; + &:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #fff; + } + } + &.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); + &:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #fff; + } + } + &.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; + &:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #fff; + } + } + &.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); + &:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #fff; + bottom: -10px; + } + } +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + > { + .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; + > { + img, a > img { + display: block; + width: 100% \9; + max-width: 100%; + height: auto; + line-height: 1; + } + } + } + .active, .next, .prev { + display: block; + } + .active { + left: 0; + } + .next, .prev { + position: absolute; + top: 0; + width: 100%; + } + .next { + left: 100%; + } + .prev { + left: -100%; + } + .next.left, .prev.right { + left: 0; + } + .active { + &.left { + left: -100%; + } + &.right { + left: 100%; + } + } + } +} + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity = 50); + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + &.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-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); + } + &.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-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); + } + &:hover, &:focus { + outline: 0; + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity = 90); + } + .icon-prev, .icon-next, .glyphicon-chevron-left, .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + } + .icon-prev, .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; + } + .icon-next, .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; + } + .icon-prev, .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + } + .icon-prev:before { + content: '\2039'; + } + .icon-next:before { + content: '\203a'; + } +} + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #fff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: transparent; + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #fff; + } +} + +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + .btn { + text-shadow: none; + } +} + +@media screen and (min-width: 768px) { + .carousel-control { + .glyphicon-chevron-left, .glyphicon-chevron-right, .icon-prev, .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; + } + .glyphicon-chevron-left, .icon-prev { + margin-left: -15px; + } + .glyphicon-chevron-right, .icon-next { + margin-right: -15px; + } + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} + +.clearfix:before, .content-box:before, .clearfix:after, .content-box:after { + content: " "; + display: table; +} + +.clearfix:after, .content-box:after { + clear: both; +} + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} + +.pull-right { + float: right !important; + margin-top: 0px; +} + +.pull-left { + float: left !important; + margin-top: 0px; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; + color: #000; +} + +.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; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +@-ms-viewport { + width: device-width; +} + + +.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block { + display: none !important; +} + +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, td.visible-xs { + display: table-cell !important; + } +} + +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} + +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} + +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, td.visible-sm { + display: table-cell !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, td.visible-md { + display: table-cell !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } +} + +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, td.visible-lg { + display: table-cell !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } +} + +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} + +@media (max-width: 767px) { + .hidden-xs, .page-side { + display: none !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} + +/* COLLAPSE SIDEBAR @media*/ +@media (max-width: 768px), (max-height: 669px) { + .toggle-sidebar { + display: none !important; + } +} + +/* COLLAPSE SIDEBAR @media END*/ +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} + +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} + +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, td.visible-print { + display: table-cell !important; + } +} + +@media print { + .visible-print-block { + display: block !important; + } +} + +@media print { + .visible-print-inline { + display: inline !important; + } +} + +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} + +@media print { + .hidden-print { + display: none !important; + } +} + +* { + -webkit-font-smoothing: antialiased; +} + +html { + height: 100%; + font-family: 'SourceSansProRegular'; +} + +body { + height: 100%; + font-family: 'SourceSansProRegular'; + touch-action: manipulation; + min-width: 320px; + background-color: none; +} + +.widget-sort-handle { + touch-action: none; +} + +.page-head { + top: 0; + left: 0; + position: fixed; + width: 100%; + border: none; + z-index: 2; + background-color: #172c38; +} + +.page-content { + height: calc(100% - 52px); + padding-top: 52px; + position: relative; + z-index: 1; + > .row { + height: 100%; + } +} + +.page-content-head { + .container-fluid { + background-color: #F0F0F0; + margin-left: 20px; + margin-right: 20px; + border: 1px solid #c2c2c2; + border-radius: 3px; + min-height: 38px; + height: auto; + padding: 10px 20px 10px 20px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + } + background: #FFF; + padding-bottom: 15px; + padding-top: 20px; + color: #000; +} + +.content-box-head { + background: #FFF; + padding-bottom: 15px; + padding-top: 20px; + color: #000; +} + +.page-content-head .navbar-nav, .content-box-head .navbar-nav { + width: 100%; +} + +.page-content-head h1, .content-box-head h1, .page-content-head h2, .content-box-head h2, .page-content-head h3, .content-box-head h3 { + margin: 0; +} + +.page-content-main { + background: #FFFFFF; + min-height: calc(100% - 64px); + padding: 15px 0 73px; +} + +.page-side { + background: #172c38; + border: none; + height: 100% !important; + height: calc(100% - 52px) !important; + left: 0; + overflow: auto; + margin-top: 52px; + position: fixed; + top: 0; + z-index: 3; +} + +.page-side-nav--active { + background: #F7F7F7; + border-left: 3px solid #FF8B00; +} + +.page-foot { + bottom: 0; + border: none; + font-size: 12px; + padding: 20px 0; + width: 100%; + z-index: 2; +} + +.content-box { + padding: 0px 0px; + margin: 0px 0px; + background: none; + border: 1px solid #c2c2c2; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + hr { + border: none; + } +} + +.content-box-main { + padding-bottom: 15px; + padding-top: 15px; +} + +.tab-content { + padding: 0px 0px; + margin: 0px 0px; + > .tab-content { + padding: 0 15px; + } + .tab-content:last-child { + margin-bottom: 0; + } +} + +.page-content-main [class^="col-"] + [class^="col-"] { + padding-top: 20px; +} + +.brand-logo { + display: none; +} + +@media (min-width: 768px) { + .brand-logo { + display: inline-block; + } +} + +.brand-icon { + display: inline-block; +} + +@media (min-width: 768px) { + .brand-icon { + display: none; + } +} + +@media (min-width: 768px) { + .col-sm-disable-spacer { + padding-top: 0 !important; + } +} + +@media (min-width: 992px) { + .col-md-disable-spacer { + padding-top: 0 !important; + } +} + +@media (min-width: 1200px) { + .col-lg-disable-spacer { + padding-top: 0 !important; + } +} + +.page-login { + background: #172c38; + .container { + min-height: 100%; + margin-bottom: -60px; + &:after { + height: 60px; + } + } + .login-foot { + color: #FFF; + } +} + +.login-foot { + font-size: 12px; +} + +.login-modal-container { + color: #FFF; + border: 1px solid #fff; + max-width: 400px; + margin: 100px auto 15px auto; +} + +.login-modal-head { + height: 75px; + padding: 0 20px; +} + +.login-modal-content { + padding: 20px 20px 20px 20px; +} + +.login-modal-foot { + border-top: 1px solid #E5E5E5; + height: 60px; + padding: 20px 20px 0 20px; + a { + color: #7D7D7D; + text-decoration: none; + &:hover { + color: #646464; + text-decoration: underline; + } + } +} + +@media (min-width: 768px) { + .list-inline .btn-group-container { + float: right; + } +} + +.btn.btn-fixed { + max-width: 174px; + width: 100%; +} + +.progress-bar-placeholder { + font-size: 12px; + position: absolute; + text-align: center; + width: 100%; + z-index: 1; +} + +/* BOOTSTRAP EDIT */ + +.list-group-item { + border-left: none; + border-right: none; + &.collapsed .caret { + border-bottom: 4px solid green; + border-top: 0; + } +} + +/* BOOTSTRAP EDIT END */ + +/* COLLAPSE SIDEBAR */ + +main.page-content.col-lg-12 { + padding-left: 90px; +} + +#navigation.col-sidebar-left { + width: 70px; + background-color: transparent !important; + overflow: hidden; + > div { + &.row { + height: 100% !important; + > nav.page-side-nav { + width: 70px; + background-color: #172c38 !important; + height: 100% !important; + } + } + > nav > #mainmenu > div > { + a.list-group-item { + font-size: 11px; + text-align: center; + > span { + &.fa, &.glyphicon { + visibility: visible; + font-size: 28px; + } + &.__iconspacer { + padding-left: 7px; + padding-right: 7px; + } + } + width: 70px; + height: 70px; + padding-left: 10px; + padding-right: 10px; + padding-top: 15px; + padding-bottom: 15px; + border-bottom: 2px solid #1b313e; + } + div { + &.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + display: block !important; + position: absolute !important; + left: 70px !important; + margin-top: -70px !important; + } + &.collapse.in > div.collapsing > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + display: block !important; + position: absolute !important; + left: 148px !important; + margin-top: -28px !important; + } + } + a.list-group-item { + &.active-menu-title, &[aria-expanded="true"] { + color: #000 !important; + background-color: #FFF !important; + } + } + div { + &.collapse { + &.in { + > a.list-group-item[aria-expanded="true"] { + color: #000 !important; + background-color: #FFF !important; + } + > div.collapse.in > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #294C5FE6 !important; + &.menu-level-3-item.active { + color: #000 !important; + background-color: #FFF !important; + } + } + } + > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #294C5FE6 !important; + } + > div.collapse > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + } + } + &.collapsed > a.list-group-item { + padding-left: 10px !important; + font-size: 11px !important; + background-color: #FFF !important; + } + &.collapse.in > a.list-group-item:hover { + color: #000 !important; + background-color: #FFF !important; + } + } + } + } +} + +a.list-group-item:focus { + color: #000 !important; + background-color: #FFF !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus { + text-decoration: none !important; + color: #000 !important; + background-color: #FFF !important; +} + +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div { + &.collapse.in > a.list-group-item { + &.active-menu-title, &.collapsed:focus, &:focus { + color: #000 !important; + background-color: #FFF !important; + } + } + &.active-menu.collapse.in > a.list-group-item.active { + color: #000 !important; + background-color: #FFF !important; + } + &.collapse.in { + width: 150px; + font-size: 11px; + display: block; + z-index: 10; + position: absolute; + left: 70px; + margin-top: -70px; + height: auto; + border: 1px solid #1f3a4a; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapsing { + width: 0px; + font-size: 11px; + position: absolute; + display: block; + z-index: 10; + left: 70px; + margin-top: -70px; + height: auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapse.in > div { + &.collapse.in { + width: 150px; + font-size: 11px; + display: block; + z-index: 10; + position: absolute; + left: 148px; + margin-top: -28px; + height: auto; + border: 1px solid #1f3a4a; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); + } + &.collapsing { + width: 0px; + font-size: 11px; + position: absolute; + display: block; + z-index: 10; + left: 148px; + margin-top: -28px; + height: auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + } + } +} + +/* Sub Level One */ + +/* Sub Level Two */ + +button.toggle-sidebar { + &.glyphicon { + &.glyphicon-chevron-left, &.glyphicon-chevron-right { + position: absolute; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; + } + &.glyphicon-chevron-left:active, &.glyphicon-chevron-right:active { + position: absolute; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); + } + &.glyphicon-chevron-left:focus, &.glyphicon-chevron-right:focus { + outline: none; + } + } + color: #FFF; + background-color: transparent; + font-size: 14px; + border: none; + margin-top: 18px; + float: left; +} + +/* COLLAPSE SIDEBAR END*/ + +#navigation.collapse.in { + display: block !important; +} + +.list-group-submenu .list-group-item:last-child, .collapse .list-group-item:last-child { + border-bottom: none; +} + +.dropdown-menu > li > a, .dropdown-header { + padding: 3px 10px; +} + +.nav-tabs { + > li { + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 2px; + > a { + border-radius: 0px; + border-top-right-radius: 10px; + margin-right: 0px; + outline: 0; + &:hover, &:focus { + outline: 0; + } + } + &.active > a { + background: #315a71 !important; + outline: 0; + } + > a.visible-lg-inline-block { + &:not(.pull-right) { + border-top-right-radius: 0px !important; + padding-left: 10px !important; + padding-right: 5px !important; + } + &.pull-right { + border-left: 0px !important; + padding-left: 5px !important; + padding-right: 10px !important; + } + } + } + &.nav-justified { + border-right: 1px solid #656565; + > li { + border-bottom: 1px solid #656565; + border-top: 1px solid #656565; + border-left: 1px solid #656565; + border-radius: 0px; + background: #818180; + > a { + color: #FFFFFF; + font-family: 'SourceSansProSemibold'; + } + } + } +} + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid transparent; + } +} + +@media (max-width: 767px) { + .nav-tabs.nav-justified > li.active > a { + border-right: 0 !important; + } +} + +@media (min-width: 768px) { + > li.active + li > a { + border-left: 1px solid transparent; + } +} + +> li:last-child > a { + border-right: 1px solid transparent !important; +} + +@media (max-width: 767px) { + > li:last-child > a { + margin-bottom: 0; + } +} + +.btn .glyphicon { + vertical-align: -1px; +} + +.table { + width: 100%; + margin-bottom: 0px !important; +} + +.nav-tabs-justified .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified .nav-tabs.nav-justified > .active > a:focus { + border: 0px !important; +} + +.table th, strong, b { + font-family: 'SourceSansProSemibold'; + font-weight: normal; +} + +.table > tbody > tr > td:last-child { + padding-right: 15px; +} + +/* helpers */ + +.__nowrap { + white-space: nowrap; +} + +.__nomb { + margin-bottom: 0; +} + +.__mb { + margin-bottom: 15px; +} + +.__mt { + margin-top: 15px; +} + +.__ml { + margin-left: 15px; +} + +.__mr { + margin-right: 15px; +} + +.__iconspacer { + padding-right: 10px; +} + +#mainmenu .glyphicon { + vertical-align: -2px; +} + +.list-group-item { + overflow: hidden; + text-overflow: ellipsis; + + div { + &.collapse { + margin-bottom: -1px; + } + > a { + padding-left: 44px; + } + } + &:before { + background: #FF8B00; + content: ""; + height: 42px; + min-height: 100%; + left: 0; + position: absolute; + top: 0px; + width: 0; + -webkit-transition: width .2s; + -moz-transition: width .2s; + -o-transition: width .2s; + transition: width .2s; + } +} + +.list-group-submenu a { + padding-left: 56px; +} + +.active-menu-title, .active-menu a { + text-decoration: none; + position: relative; + background-color: #30596F; +} + +.active-menu-title:before, .active-menu a:before { + width: 3px; +} + +.active-menu-title.active { + background-color: #fff; + color: #000; +} + +.active-menu a { + &.active { + background-color: #fff; + color: #000; + } + &:before { + background: #FF8B00; + } +} + +.alert.alert-danger { + color: #FFF !important; +} + +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-radius: 0 !important; +} + +.navbar-brand { + padding: 10px 20px; +} + +.label-opnsense { + /* emulates btn */ + display: inline-block; + vertical-align: middle; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; + border-color: #323232; +} + +.label-opnsense-sm { + /* emulates btn-sm */ + padding: 6px 11px; + border-color: #323232; +} + +.label-opnsense-xs { + /* emulates btn-xs */ + padding: 2px 5px; + border-color: #323232; +} + +::-webkit-scrollbar { + width: 8px; +} + +::-webkit-scrollbar-button { + width: 8px; + height: 5px; +} + +::-webkit-scrollbar-track { + background: #f7f7f7; + box-shadow: 0px 0px 0px; + border-radius: 0; +} + +::-webkit-scrollbar-thumb { + background: #e5e5e5; + border: thin solid #e5e5e5; + border-radius: 0px; + &:hover { + background: #e5e5e5; + } +} + +.widgetdiv { + padding-top: 0px !important; + padding-bottom: 20px; +} + +select { + overflow: hidden; + border: 1px solid #1d1d1d; + background-color: #427795; + color: #FFF; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + background-repeat: no-repeat; + background-position: right; + background-image: url(/ui/themes/tukan/build/images/caret.png) !important; + &:hover, &:active, &:focus { + overflow: hidden; + border: 1px solid #1d1d1d; + background-color: #336480; + color: #FFF; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + background-repeat: no-repeat; + background-position: right; + background-image: url(/ui/themes/tukan/build/images/caret.png) !important; + } +} + +option { + &:hover, &:active, &:focus { + background-color: #FF7E25; + } +} + +#grid-log th[data-column-id="__timestamp__"], #filter-log-entries th[data-column-id="__timestamp__"] { + min-width: 3.5em; +} + +#grid-top { + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); +} + +@media screen and (max-width: 767px) { + .table-responsive { + margin-bottom: 0; + > .table > { + thead > tr > { + th, td { + white-space: normal; + } + } + tbody > tr > { + th, td { + white-space: normal; + } + } + tfoot > tr > { + th, td { + white-space: normal; + } + } + } + } +} + +label > input { + &[type="checkbox"], &[type="radio"] { + margin-right: .4em; + float: left; + } +} + +#log-settings { + label[for^="act"] { + margin-right: 1.5em; + } + table > tbody > tr > td { + vertical-align: middle; + } + select { + &#filterlogentries, &#filterlogentriesupdateinterval { + width: 5em; + } + &#filterlogentriesinterfaces { + min-width: 100%; + max-width: 100%; + } + } +} + +/* fields in firewall schedule */ + +[data-state="lightcoral"] { + background-color: #ffe83e; +} + +[data-state="white"] { + background-color: inherit; +} + +[data-state="red"] { + background-color: #ffe83e; +} + +/*additional extensions for theme-tukan*/ + +#tab_1 #maintabs { + border-bottom: 1px solid #c2c2c2; +} + +textarea#update_status { + color: inherit !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + border: none !important; + &:hover { + color: inherit !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + border: none !important; + } +} + +.fa-toggle-off::before { + color: #FF8B00 !important; + outline: none !important; +} + +.fa-toggle-on::before { + outline: none !important; +} + +.page-head .fa-search, .glyphicon-search::before { + content: "\e003"; + color: #FFFFFF; +} + +.glyphicon.glyphicon-search::before { + color: #000 !important; +} + +.fa-times-circle::before { + content: "\f057"; + color: #DA4829; +} + +.fa-question-circle::before { + content: "\f059"; + color: #ff7e25; + cursor: pointer; +} + +.fa-search::before, .fa-refresh::before { + color: #FFFFFF !important; +} + +#totals .fa-search::before { + color: #FFF !important; + background-color: #ff7e25; + padding: 5px; + border-radius: 4px; + border: 1px solid #8A8A8A; +} + +.panel-heading h3:hover { + color: #FFFFFF; + text-decoration: none; +} + +h3 { + &:focus { + color: #FFFFFF; + text-decoration: none; + } + &:link { + color: #FFFFFF; + text-decoration: underline; + } + &:hover, &:focus { + text-decoration: underline; + } +} + +.nvd3 .nv-axis { + line { + stroke: #d8d8d8 !important; + } + fill: #000 !important; +} + +.nv-series-0 { + stroke-opacity: 1; + stroke-width: 0.5; + fill-opacity: 0.5; + fill: rgb(31, 119, 180) !important; + stroke: rgb(31, 119, 180) !important; +} + +.nv-controlsWrap.nvd3-svg circle.nv-legend-symbol { + stroke-width: 1 !important; + fill: rgb(143, 143, 143) !important; + stroke: rgb(143, 143, 143) !important; +} + +.table-condensed.table-hover { + border: 1px solid #bdbdbd; +} + +.tokenize { + > .tokens-container > .token { + background-color: #ffe83e !important; + border: 1px solid #303030 !important; + > .dismiss::after { + color: #000 !important; + } + } + &.focus > .tokens-container { + border-color: #00A7FF !important; + background-color: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + > .tokens-container { + border: 1px solid #4d83a1 !important; + background-color: #FFFFFF !important; + > { + .tokenize > .tokens-container > .token-search { + color: #FFFFFF !important; + } + .token-search > input { + border: none !important; + } + } + } +} + +.bootgrid-table th { + > .column-header-anchor { + color: #000 !important; + > { + .icon, .glyphicon { + color: #000 !important; + } + } + } + &:hover { + background-color: #f2fafe !important; + } +} + +.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu { + color: #FFF; + background-color: #30596f; + border-color: #1d1d1d; +} + +.btn-group.bootstrap-select { + &.open, &:hover { + border-color: #323232 !important; + color: #FFFFFF !important; + } +} + +.bootgrid-table td { + &.loading, &.no-results { + background: none !important; + } +} + +.bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus { + color: #FFF !important; + text-decoration: none !important; + background-color: #ff7e25 !important; +} + +.bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon, .input-group-addon { + top: 0; + background-color: #FF7E25 !important; + border: 1px solid #FF7E25 !important; +} + +.nvtooltip { + background-color: #fff !important; + color: rgba(0, 0, 0, 1) !important; + border: 1px solid rgb(0, 0, 0) !important; + table { + background-color: #FFF !important; + } +} + +.glyphicon { + &.glyphicon-play.text-muted, &.glyphicon-remove.text-muted, &.glyphicon-remove-sign.text-muted, &.glyphicon-info-sign.text-muted { + color: #000 !important; + } +} + +.fa.fa-play.text-muted::before { + color: #000 !important; +} + +#system_log-widgets.content-box { + border: none; + box-shadow: none; +} + +#chart, #chart_intf_in, #chart_intf_out, #chart_top_ports, #chart_top_sources, #traffic_graph_widget_chart_in, #traffic_graph_widget_chart_out { + background-color: #FFF; + border: 1px solid #c2c2c2; +} diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css index b38895345..053c60059 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css @@ -5013,7 +5013,7 @@ button.close { .modal-content { position: relative; background-color: #383838; - border: 1px solid #565656cc; + border: 1px solid #565656; border-radius: 3px; -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30); box-shadow: 0 5px 15px rgb(5, 5, 5); @@ -5629,6 +5629,11 @@ button.close { @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } +/* COLLAPSE SIDEBAR @media*/ +@media (max-width: 768px), (max-height: 669px) { + .toggle-sidebar { + display: none !important; } } +/* COLLAPSE SIDEBAR @media END*/ @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @@ -5856,7 +5861,122 @@ body { .list-group-item.collapsed .caret { border-bottom: 4px solid green; border-top: 0; } +/* BOOTSTRAP EDIT END */ +/* COLLAPSE SIDEBAR */ +main.page-content.col-lg-12 { padding-left: 90px; } +#navigation.col-sidebar-left {width:70px;background-color: transparent !important; overflow: hidden;} +#navigation.col-sidebar-left > div.row {height:100% !important;} +#navigation.col-sidebar-left > div.row > nav.page-side-nav {width:70px; background-color:#172c38 !important; height:100% !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {font-size:11px;text-align:center;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa {visibility: visible; font-size:28px;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {visibility: visible; font-size:28px;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {padding-left:7px;padding-right:7px;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item { + width: 70px; + height: 70px; + padding-left: 10px; + padding-right: 10px; + padding-top:15px; + padding-bottom:15px; + border-bottom:2px solid #1b313e; } +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; display: block !important; position: absolute !important; left: 70px !important; margin-top:-70px !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; display: block !important; position: absolute !important; left: 148px !important; margin-top:-28px !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item.active-menu-title {color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item[aria-expanded="true"] {color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item[aria-expanded="true"] {color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; background-color: #294C5FE6 !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {padding-left: 10px !important;font-size: 11px !important; background-color: #294C5FE6 !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item.menu-level-3-item.active {color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {padding-left: 10px !important;font-size: 11px !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {padding-left: 10px !important; font-size: 11px !important;background-color:#FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {text-decoration: none !important;color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.active-menu-title {color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item.collapsed:focus {color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:focus {color: #000 !important;background-color: #FFF !important;} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.active-menu.collapse.in >a.list-group-item.active {color: #000 !important;background-color: #FFF !important;} + +/* Sub Level One */ +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in { + width:150px; + font-size:11px; + display: block; + z-index: 10; + position: absolute; + left: 70px; + margin-top:-70px; + height:auto; + border:1px solid #1f3a4a; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing { + width:0px; + font-size:11px; + position: absolute; + display: block; + z-index: 10; + left: 70px; + margin-top:-70px; + height:auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);} + +/* Sub Level Two */ +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in { + width:150px; + font-size:11px; + display: block; + z-index: 10; + position: absolute; + left: 148px; + margin-top:-28px; + height:auto; + border:1px solid #1f3a4a; + -webkit-transition: width 0.1s; + -o-transition: width 0.1s; + transition: width 0.1s; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);} +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing { + width:0px; + font-size:11px; + position: absolute; + display: block; + z-index: 10; + left: 148px; + margin-top:-28px; + height:auto; + -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75); + box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.75);} + +button.toggle-sidebar.glyphicon.glyphicon-chevron-left, button.toggle-sidebar.glyphicon.glyphicon-chevron-right{ + position:absolute; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +button.toggle-sidebar.glyphicon.glyphicon-chevron-left:active, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:active { + position:absolute; + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +button.toggle-sidebar.glyphicon.glyphicon-chevron-left:focus, button.toggle-sidebar.glyphicon.glyphicon-chevron-right:focus { outline:none;} +button.toggle-sidebar {color:#FFF; background-color:transparent; font-size:14px;border:none;margin-top: 18px;float:left;} + +/* COLLAPSE SIDEBAR END*/ #navigation.collapse.in { display: block !important; } @@ -6123,7 +6243,7 @@ label > input[type="radio"] { /* fields in firewall schedule */ [data-state="lightcoral"] { - background-color: lightcoral; } + background-color: #ffe83e; } [data-state="white"] { background-color: inherit; } @@ -6194,35 +6314,29 @@ stroke: rgb(143, 143, 143) !important; } .table-condensed.table-hover { border: 1px solid #bdbdbd; } -ul.TokensContainer { - border-radius: 3px; - -webkit-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; - -o-transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; - transition: border-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s; } - -ul.TokensContainer li.Token, div.Tokenize ul.TokensContainer li.TokenSearch { - color: #000 !important; } - -div.Tokenize ul.TokensContainer:hover, div.Tokenize ul.TokensContainer:focus { - border-color: #00A7FF !important; - background-color:none !important; } - -div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown { - border: 1px solid #4d83a1 !important; - background-color: #fff !important; - color: #000 !important; } -div.Tokenize ul.TokensContainer li.Token { +.tokenize > .tokens-container > .token { background-color: #ffe83e !important; border: 1px solid #303030 !important; } -div.Tokenize ul.TokensContainer li.Placeholder { - color: #000 !important; - opacity: 0.2; - filter: alpha(opacity=20);} - -div.Tokenize ul.TokensContainer li.Token a.Close { +.tokenize > .tokens-container > .token > .dismiss::after { color:#000 !important; } +.tokenize.focus > .tokens-container { + border-color: #00A7FF !important; + background-color:none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important;} + +.tokenize > .tokens-container { + border: 1px solid #4d83a1 !important; + background-color: #FFFFFF !important;} + +.tokenize > .tokens-container > .tokenize > .tokens-container > .token-search { + color:#FFFFFF !important; } + +.tokenize > .tokens-container > .token-search > input { + border:none !important;} + .bootgrid-table th > .column-header-anchor, .bootgrid-table th > .column-header-anchor > .icon, .bootgrid-table th > .column-header-anchor > .glyphicon { color: #000 !important; } .bootgrid-table th:hover {