/* * Copyright 2013 FLATHEMES. * * Bootflat, v2.0.0 * A open source Flat UI KIT based on Twitter Bootstrap 3.1.0 css framework. * http://http://bootflat.github.io/ * * By @flathemes * * Licensed under the MIT license. Please see LICENSE for more information. * */ /** * typography * -------------------------------------------------- */ body { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #434a54; background-color: white; } a { color: #3bafda; text-decoration: none; } a:hover, a:focus { color: #4fc1e9; text-decoration: none; } a:focus { outline: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 700; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { color: #e7e9ec; } h1, h2, h3 { margin-top: 30px; margin-bottom: 15px; } h4, h5, h6 { margin-top: 15px; margin-bottom: 15px; } h6 { font-weight: normal; } h1, .h1 { font-size: 51px; } h2, .h2 { font-size: 43px; } h3, .h3 { font-size: 30px; } h4, .h4 { font-size: 19px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 14px; } blockquote { border-left: 3px solid #ccd1d9; } .img-rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .img-comment { font-size: 15px; line-height: 1.2; font-style: italic; margin: 24px 0; } /** * button * -------------------------------------------------- */ .btn { color: white; } .btn, .btn.disabled, .btn[disabled] { border-color: #aab2bd; background-color: #aab2bd; } .btn:hover, .btn:focus, .btn:active, .btn.active { color: white; border-color: #ccd1d9; background-color: #ccd1d9; outline: none !important; } .btn:active, .btn.active { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled] { opacity: 0.45; filter: alpha(opacity=45); } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.disabled, .btn-link[disabled] { border-color: transparent; background-color: transparent; color: #3bafda; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link:hover, .btn-link:focus { text-decoration: underline; } .btn-default { color: #434a54; border-color: #aab2bd !important; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { border-color: #ccd1d9; background-color: #ccd1d9; } .btn-default, .btn-default.disabled, .btn-default[disabled] { background-color: white; } .open .dropdown-toggle.btn-default { border-color: #ccd1d9; background-color: #ccd1d9; } .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { border-color: #3bafda; background-color: #3bafda; } .btn-primary:hover, .btn-primary:focus { border-color: #4fc1e9; background-color: #4fc1e9; } .open .dropdown-toggle.btn-primary { border-color: #4fc1e9; background-color: #4fc1e9; } .btn-info, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { border-color: #37bc9b; background-color: #37bc9b; } .btn-info:hover, .btn-info:focus { border-color: #48cfad; background-color: #48cfad; } .open .dropdown-toggle.btn-info { border-color: #48cfad; background-color: #48cfad; } .btn-success, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { border-color: #8cc152; background-color: #8cc152; } .btn-success:hover, .btn-success:focus { border-color: #a0d468; background-color: #a0d468; } .open .dropdown-toggle.btn-success { border-color: #a0d468; background-color: #a0d468; } .btn-warning, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { border-color: #f6bb42; background-color: #f6bb42; } .btn-warning:hover, .btn-warning:focus { border-color: #ffce54; background-color: #ffce54; } .open .dropdown-toggle.btn-warning { border-color: #ffce54; background-color: #ffce54; } .btn-danger, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled], .btn-danger .open .dropdown-toggle.btn { border-color: #da4453; background-color: #da4453; } .btn-danger:hover, .btn-danger:focus { border-color: #ed5565; background-color: #ed5565; } .open .dropdown-toggle.btn-danger { border-color: #ed5565; background-color: #ed5565; } /** * button-group * -------------------------------------------------- */ .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); } .btn-group .btn { border-left-color: #96a0ad; } .btn-group.open .btn-default.dropdown-toggle, .btn-group .btn-default:focus, .btn-group .btn-default:active, .btn-group .btn-default.active { color: white; } .btn-group .btn-primary, .btn-group .btn-primary:focus, .btn-group .btn-primary:active, .btn-group .btn-primary.active { border-left-color: #269ecb; } .btn-group .btn-success, .btn-group .btn-success:focus, .btn-group .btn-success:active, .btn-group .btn-success.active { border-left-color: #7ab03f; } .btn-group .btn-warning, .btn-group .btn-warning:focus, .btn-group .btn-warning:active, .btn-group .btn-warning.active { border-left-color: #efa50b; } .btn-group .btn-danger, .btn-group .btn-danger:focus, .btn-group .btn-danger:active, .btn-group .btn-danger.active { border-left-color: #d1293a; } .btn-group .btn-info, .btn-group .btn-info:focus, .btn-group .btn-info:active, .btn-group .btn-info.active { border-left-color: #2fa084; } .btn-group .btn:first-child, .btn-group .btn-primary:first-child, .btn-group .btn-success:first-child, .btn-group .btn-warning:first-child, .btn-group .btn-danger:first-child, .btn-group .btn-info:first-child { border-left-color: transparent; } .btn-group-vertical .btn, .btn-group-vertical .btn-group .btn-primary { border-top-color: #96a0ad !important; } .btn-group-vertical .btn-primary, .btn-group-vertical .btn-primary:focus, .btn-group-vertical .btn-primary:active, .btn-group-vertical .btn-primary.active, .btn-group-vertical .btn-group .btn-primary { border-top-color: #269ecb !important; } .btn-group-vertical .btn-success, .btn-group-vertical .btn-success:focus, .btn-group-vertical .btn-success:active, .btn-group-vertical .btn-success.active, .btn-group-vertical .btn-group .btn-success { border-top-color: #7ab03f !important; } .btn-group-vertical .btn-warning, .btn-group-vertical .btn-warning:focus, .btn-group-vertical .btn-warning:active, .btn-group-vertical .btn-warning.active, .btn-group-vertical .btn-group .btn-warning { border-top-color: #efa50b !important; } .btn-group-vertical .btn-danger, .btn-group-vertical .btn-danger:focus, .btn-group-vertical .btn-danger:active, .btn-group-vertical .btn-danger.active, .btn-group-vertical .btn-group .btn-danger { border-top-color: #d1293a !important; } .btn-group-vertical .btn-info, .btn-group-vertical .btn-info:focus, .btn-group-vertical .btn-info:active, .btn-group-vertical .btn-info.active, .btn-group-vertical .btn-group .btn-info { border-top-color: #2fa084 !important; } .btn-group-vertical .btn:not(.btn-default):first-child, .btn-group-vertical .btn-primary:first-child, .btn-group-vertical .btn-success:first-child, .btn-group-vertical .btn-warning:first-child, .btn-group-vertical .btn-danger:first-child, .btn-group-vertical .btn-info:first-child { border-top: none; } /** * labels and badges * -------------------------------------------------- */ .label, .badge { background-color: #aab2bd; } .label-default, .badge-default { border: 1px solid #aab2bd; background-color: white; color: #434a54; } .label-primary, .badge-primary { border-color: #3bafda; background-color: #3bafda; } .label-success, .badge-success { border-color: #8cc152; background-color: #8cc152; } .label-danger, .badge-danger { border-color: #da4453; background-color: #da4453; } .label-warning, .badge-warning { border-color: #f6bb42; background-color: #f6bb42; } .label-info, .badge-info { border-color: #37bc9b; background-color: #37bc9b; } /** * tooltip * -------------------------------------------------- */ .tooltip-inner { color: white; background-color: #434a54; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #434a54; } .tooltip.right .tooltip-arrow { border-right-color: #434a54; } .tooltip.left .tooltip-arrow { border-left-color: #434a54; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #434a54; } /** * popover * -------------------------------------------------- */ .popover { background-color: #434a54; color: white; border-color: #434a54; } .popover-title { padding-bottom: 0; font-weight: bold; color: #aab2bd; background-color: transparent; border-bottom: none; } .popover.top .arrow, .popover.top .arrow:after { border-top-color: #434a54; } .popover.right .arrow, .popover.right .arrow:after { border-right-color: #434a54; } .popover.bottom .arrow, .popover.bottom .arrow:after { border-bottom-color: #434a54; } .popover.left .arrow, .popover.left .arrow:after { border-left-color: #434a54; } /** * progress * -------------------------------------------------- */ .progress { background-color: #e6e9ed; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress-bar { background-color: #3bafda; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress-bar-success { background-color: #8cc152; } .progress-bar-info { background-color: #37bc9b; } .progress-bar-warning { background-color: #f6bb42; } .progress-bar-danger { background-color: #da4453; } /** * breadcrumb * -------------------------------------------------- */ .breadcrumb { color: #434a54; background-color: #e6e9ed; } .breadcrumb > .active { color: #434a54; } .breadcrumb a { color: #3bafda; } .breadcrumb-arrow { padding: 0; list-style: none; background-color: #e6e9ed; height: 36px; line-height: 36px; } .breadcrumb-arrow li:first-child a { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span { display: inline-block; vertical-align: top; } .breadcrumb-arrow li:not(:first-child) { margin-left: -5px; } .breadcrumb-arrow li + li:before { padding: 0; content: ""; } .breadcrumb-arrow li span { padding: 0 10px; } .breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span { padding: 0 10px 0 25px; height: 35px; line-height: 35px; } .breadcrumb-arrow li:first-child a { padding: 0 10px; } .breadcrumb-arrow li a { position: relative; border: 1px solid #3bafda; color: white; background-color: #3bafda; text-decoration: none; } .breadcrumb-arrow li:first-child a { padding-left: 10px; } .breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after { position: absolute; top: 0; content: ''; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; } .breadcrumb-arrow li a:before { right: -10px; border-left-width: 10px; border-left-style: solid; border-left-color: #3bafda; z-index: 3; } .breadcrumb-arrow li a:after { right: -11px; border-left: 10px solid #2494be; z-index: 2; } .breadcrumb-arrow li a:hover, .breadcrumb-arrow li a:focus { background-color: #4fc1e9; border: 1px solid #4fc1e9; } .breadcrumb-arrow li a:hover:before, .breadcrumb-arrow li a:focus:before { border-left-color: #4fc1e9; } .breadcrumb-arrow li a:active { background-color: #2494be; border: 1px solid #2494be; } .breadcrumb-arrow li a:active:before, .breadcrumb-arrow li a:active:after { border-left-color: #2494be; } .breadcrumb-arrow li span { color: #434a54; } /** * pagination * -------------------------------------------------- */ .pagination > li > a, .pagination > li > span { color: #434a54; background-color: white; border-color: #ccd1d9; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: white; background-color: #ccd1d9; border-color: #ccd1d9; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: white; background-color: #8cc152; border-color: #8cc152; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #e6e9ed; background-color: white; border-color: #ccd1d9; } /** * pager * -------------------------------------------------- */ .pager li > a, .pager li > span { color: white; background-color: #8cc152; border-color: #8cc152; } .pager li > a:hover, .pager li > a:focus { background-color: #a0d468; border-color: #a0d468; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #e6e9ed; background-color: white; border-color: #e6e9ed; } /** * form * -------------------------------------------------- */ .form-control { color: #434a54; border-color: #aab2bd; } .form-control, .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-control:focus { border-color: #3bafda; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder { color: #e6e9ed; } .form-control.disabled, .form-control[disabled] { border-color: #e6e9ed; background-color: #e6e9ed; } .input-group-btn .btn + .btn { border-width: 1px; border-style: solid; border-color: #96a0ad; } .input-group-btn .btn + .btn.btn-default { border-color: #ededed; } .input-group-btn .btn + .btn.btn-primary { border-color: #269ecb; } .input-group-btn .btn + .btn.btn-info { border-color: #2fa084; } .input-group-btn .btn + .btn.btn-success { border-color: #7ab03f; } .input-group-btn .btn + .btn.btn-warning { border-color: #f4af20; } .input-group-btn .btn + .btn.btn-danger { border-color: #d1293a; } .input-group-addon { background-color: #aab2bd; border-color: #96a0ad; color: white; } .input-group-addon .radio, .input-group-addon .checkbox { margin: -3px 0 -4px !important; } .form-search .search-query, .form-search .search-query:first-child, .form-search .search-query:last-child { padding: 0 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; } .input-group .form-control:last-child { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .input-group .form-control:first-child { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .form-search .btn { -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; } .search-only { position: relative; } .search-only .search-icon { position: absolute; top: 2px; left: 8.5px; width: 30px; line-height: 30px; text-align: center; font-size: 17px; color: #e6e9ed; z-index: 20; } .search-only .form-control:last-child { padding-left: 40px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #8cc152; } .has-success .form-control { border-color: #8cc152; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-success .form-control:focus { border-color: #8cc152; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-success .input-group-addon { background-color: #8cc152; border-color: #8cc152; } .has-success .form-control-feedback { color: #8cc152; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #f6bb42; } .has-warning .form-control { border-color: #f6bb42; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-warning .form-control:focus { border-color: #f6bb42; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-warning .input-group-addon { background-color: #f6bb42; border-color: #f6bb42; } .has-warning .form-control-feedback { color: #f6bb42; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #da4453; } .has-error .form-control { border-color: #da4453; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-error .form-control:focus { border-color: #da4453; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .has-error .input-group-addon { background-color: #da4453; border-color: #da4453; } .has-error .form-control-feedback { color: #da4453; } /** * checkbox and radio * -------------------------------------------------- */ .checkbox, .radio { margin-top: 0; padding-left: 0; } .icheckbox_flat, .iradio_flat { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0 !important; width: 20px; height: 20px; background: url("../bootflat/img/check_flat/default.png") no-repeat; border: none; cursor: pointer; } .icheckbox_flat { background-position: 0 0; } .icheckbox_flat.checked { background-position: -22px 0; } .icheckbox_flat.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat.checked.disabled { background-position: -66px 0; } .iradio_flat { background-position: -88px 0; } .iradio_flat.checked { background-position: -110px 0; } .iradio_flat.disabled { background-position: -132px 0; cursor: default; } .iradio_flat.checked.disabled { background-position: -154px 0; } /** * alert * -------------------------------------------------- */ .alert h4 { margin-bottom: 10px; font-weight: bold; } .alert-dismissable .close { color: black; } .alert-info { background-color: #7cd1ef; border: #4fc1e9; } .alert-warning { background-color: #ffdd87; border: #ffce54; } .alert-danger { background-color: #f2838f; border: #ed5565; } .alert-success { background-color: #b9df90; border: #a0d468; } .alert .alert-link { cursor: pointer; text-decoration: underline; opacity: 0.65; filter: alpha(opacity=65); } .alert .alert-link:hover, .alert .alert-link:focus { opacity: 0.45; filter: alpha(opacity=45); } .alert .btn-link, .alert .btn-link:hover, .alert .btn-link:focus { color: black; opacity: 0.65; filter: alpha(opacity=65); } .alert .btn-link:focus, .alert .btn-link:hover { text-decoration: none; opacity: 0.4; filter: alpha(opacity=40); } /** * tab * -------------------------------------------------- */ .nav-tabs { border-bottom: none; background-color: #e6e9ed; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li { margin-bottom: 0; border-left: 1px solid #ccd1d9; } .nav-tabs > li:first-child { border-left: none; } .nav-tabs > li > a { margin-right: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #434a54; } .nav-tabs > li:first-child > a { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { border: none; background-color: #f5f7fa; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: none; background-color: white !important; } .nav-tabs .dropdown-toggle, .nav-tabs .dropdown-toggle:hover, .nav-tabs .dropdown-toggle:focus { color: #434a54; } .nav-tabs li.dropdown.open .dropdown-toggle { color: #434a54; background-color: #f5f7fa; } .nav-tabs li.dropdown.active.open .dropdown-toggle { color: #434a54; } .nav-tabs li.dropdown.active.open .dropdown-toggle .caret, .nav-tabs li.dropdown.active .dropdown-toggle .caret { border-top-color: #434a54; border-bottom-color: #434a54; } .nav-tabs li.dropdown.open .caret, .nav-tabs li.dropdown.open.active .caret, .nav-tabs li.dropdown.open a:hover .caret, .nav-tabs li.dropdown.open a:focus .caret, .nav-tabs .dropdown-toggle .caret, .nav-tabs .dropdown-toggle:hover .caret, .nav-tabs .dropdown-toggle:focus .caret { border-top-color: #434a54; border-bottom-color: #434a54; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs.nav-justified > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-justified > li:first-child > a { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } .nav-tabs.nav-justified > li:last-child > a { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: none; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom: none; } } .tab-content { padding: 10px; } .tabs-below .nav-tabs { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below .nav-tabs > li:first-child > a { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .tabs-below .nav-tabs.nav-justified > li:last-child > a { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } .tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { float: none; border-left: none; border-top: 1px solid #ccd1d9; } .tabs-left .nav-tabs > li:first-child, .tabs-right .nav-tabs > li:first-child { border-top: none; } .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { min-width: 74px; margin-right: 0; } .tabs-left .nav-tabs { float: left; margin-right: 19px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left .nav-tabs > li:first-child > a { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } .tabs-left .nav-tabs > li:last-child > a { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .tabs-right .nav-tabs { float: right; margin-left: 19px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right .nav-tabs > li:first-child > a { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .tabs-right .nav-tabs > li:last-child > a { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } /** * pill * -------------------------------------------------- */ .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: white; background-color: #3bafda; } .nav-pills > li > a { color: #3bafda; } .nav-pills > li > a:hover { color: #434a54; background-color: #e6e9ed; } .nav-pills > .active > a > .badge { color: #3bafda; } .nav-pills .open > a, .nav-pills .open > a:focus, .nav-pills .open > a:hover { color: #434a54; background-color: #e6e9ed; } /** * navbar * -------------------------------------------------- */ .navbar-default { background-color: #37bc9b; border-color: #37bc9b; } .navbar-default .navbar-brand, .navbar-default .navbar-link, .navbar-default .btn-link { color: #26816a; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-link:hover, .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: white; background-color: transparent; } .navbar-default .navbar-text, .navbar-default .navbar-nav > li > a { color: #26816a; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: white; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: white; background-color: #48cfad; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus, .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #2e9c81; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #26816a; background-color: #26816a; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #2b957a; background-color: #2b957a; } .navbar-default .navbar-toggle .icon-bar { background-color: #37bc9b; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #48cfad; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: white; background-color: #37bc9b; } @media (max-width: 767px) { .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #48cfad; } .navbar-default .navbar-nav .open .dropdown-menu > .divider { background-color: #48cfad; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #26816a; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .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: white; background-color: #48cfad; } .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-header { color: #26816a; } .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: #2b957a; } } .navbar-inverse { background-color: #333333; border-color: #333333; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-link, .navbar-inverse .btn-link { color: #8c8c8c; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-link:hover, .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: white; background-color: transparent; } .navbar-inverse .navbar-text, .navbar-inverse .navbar-nav > li > a { color: #8c8c8c; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: white; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: white; background-color: black; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus, .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #666666; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: black; background-color: black; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { border-color: #1a1a1a; background-color: #1a1a1a; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #8c8c8c; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: black; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: white; background-color: black; } @media (max-width: 767px) { .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { background-color: black; } .navbar-inverse .navbar-nav .open .dropdown-menu > .divider { background-color: black; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #8c8c8c; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .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: white; background-color: black; } .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { color: #bfbfbf; } .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: #666666; } } /** * list * -------------------------------------------------- */ .list-group { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .list-group-item { border-color: transparent; border-top-color: #e6e9ed; } .list-group-item:first-child { border-top: none; } .list-group-item-heading { color: #434a54; } a.list-group-item { color: #434a54; } a.list-group-item .list-group-item-heading { font-size: 16px; color: #434a54; } a.list-group-item:hover, a.list-group-item:focus { background-color: #e6e9ed; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #4fc1e9; border-color: #4fc1e9; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: white; } .list-group-item-primary { color: #22b1e3; border-color: #3bafda transparent transparent transparent; background-color: #4fc1e9; } .list-group-item-primary:first-child { border-color: transparent; } a.list-group-item-primary { color: #126d8d; } a.list-group-item-primary:hover, a.list-group-item-primary:focus { color: white; background-color: #3bafda; } a.list-group-item-primary.active, a.list-group-item-primary:hover, a.list-group-item-primary:focus { background-color: #3bafda; border-color: #4fc1e9 transparent transparent transparent; } .list-group-item-success { color: #87c940; border-color: #8cc152 transparent transparent transparent; background-color: #a0d468; } .list-group-item-success:first-child { border-color: transparent; } a.list-group-item-success { color: #537f24; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: white; background-color: #8cc152; } a.list-group-item-success.active, a.list-group-item-success:hover, a.list-group-item-success:focus { background-color: #8cc152; border-color: #a0d468 transparent transparent transparent; } .list-group-item-warning { color: #ffbf21; border-color: #f6bb42 transparent transparent transparent; background-color: #ffce54; } .list-group-item-warning:first-child { border-color: transparent; } a.list-group-item-warning { color: #876000; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: white; background-color: #f6bb42; } a.list-group-item-warning.active, a.list-group-item-warning:hover, a.list-group-item-warning:focus { background-color: #f6bb42; border-color: #ffce54 transparent transparent transparent; } .list-group-item-info { color: #2fb593; border-color: #37bc9b transparent transparent transparent; background-color: #48cfad; } .list-group-item-info:first-child { border-color: transparent; } a.list-group-item-info { color: #1a6451; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: white; background-color: #37bc9b; } a.list-group-item-info.active, a.list-group-item-info:hover, a.list-group-item-info:focus { background-color: #37bc9b; border-color: #48cfad transparent transparent transparent; } .list-group-item-danger { color: #e8273b; border-color: #da4453 transparent transparent transparent; background-color: #ed5565; } .list-group-item-danger:first-child { border-color: transparent; } a.list-group-item-danger { color: #99101f; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: white; background-color: #da4453; } a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-item-danger:focus { background-color: #da4453; border-color: #ed5565 transparent transparent transparent; } /** * media list * -------------------------------------------------- */ .media-list { color: #aab2bd; } .media-heading { font-size: 14px; color: #434a54; } /** * modal * -------------------------------------------------- */ .modal-content { border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #434a54; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .modal-header { border-bottom: none; } .modal-body { padding: 0 15px; } .modal-footer { border-top: none; } /** * well * -------------------------------------------------- */ .well { padding: 10px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #434a54; background-color: white; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .well blockquote { border-color: #ccd1d9; } .well-lg { padding: 20px; } .well-sm { padding: 5px; } /** * thumbnail * -------------------------------------------------- */ .thumbnail { border: none; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .thumbnail .caption { font-size: 14px; } .thumbnail .caption h1, .thumbnail .caption h2, .thumbnail .caption h3, .thumbnail .caption h4, .thumbnail .caption h5, .thumbnail .caption h6 { margin: 5px 0 10px; font-size: 16px; } /** * jumbotron * -------------------------------------------------- */ .jumbotron { margin-bottom: 20px; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: white; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .container .jumbotron { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .jumbotron > .jumbotron-photo img { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; width: 100%; } .jumbotron .jumbotron-contents { padding: 20px; color: #434a54; } .jumbotron .carousel, .jumbotron .carousel-inner, .jumbotron .carousel-inner > .item.active img { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .jumbotron .carousel-control.left { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } .jumbotron .carousel-control.right { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .jumbotron h1, .jumbotron .h1, .jumbotron h2, .jumbotron .h2 { font-weight: 400; } .jumbotron h1, .jumbotron .h1 { font-size: 28px; } .jumbotron h2, .jumbotron .h2 { font-size: 24px; } .jumbotron p { font-size: 14px; } @media screen and (min-width: 768px) { .jumbotron, .container .jumbotron { padding: 0; } .jumbotron h1, .jumbotron .h1 { font-size: 28px; } } /** * panel * -------------------------------------------------- */ .panel { background-color: white; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .panel .list-group { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel .list-group-item:first-child { border-top: 1px solid #e6e9ed; } .panel-heading { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .panel-title { font-size: 14px; color: #434a54; font-weight: normal; } .panel-footer { background-color: #e6e9ed; border-top-color: #e6e9ed; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .panel-default { border-color: #e6e9ed; } .panel-default > .panel-heading { color: #434a54; background-color: #e6e9ed; border-color: #e6e9ed; } .panel-primary { border-color: #3bafda; } .panel-primary > .panel-heading { color: white; background-color: #3bafda; border-color: #3bafda; } .panel-success { border-color: #8cc152; } .panel-success > .panel-heading { color: white; background-color: #8cc152; border-color: #8cc152; } .panel-info { border-color: #37bc9b; } .panel-info > .panel-heading { color: white; background-color: #37bc9b; border-color: #37bc9b; } .panel-warning { border-color: #f6bb42; } .panel-warning > .panel-heading { color: white; background-color: #f6bb42; border-color: #f6bb42; } .panel-danger { border-color: #da4453; } .panel-danger > .panel-heading { color: white; background-color: #da4453; border-color: #da4453; } .panel-primary > .panel-heading > .panel-title, .panel-success > .panel-heading > .panel-title, .panel-info > .panel-heading > .panel-title, .panel-warning > .panel-heading > .panel-title, .panel-danger > .panel-heading > .panel-title { color: white; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .panel > .list-group:last-child .list-group-item:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .panel > .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 td:first-child, .panel > .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 td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } .panel > .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 td:last-child, .panel > .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 td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .panel > .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 td:first-child, .panel > .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 td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .panel > .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 td:last-child, .panel > .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 td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top-color: #e6e9ed; } /** * accordion * -------------------------------------------------- */ .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel-group .panel + .panel { margin-top: 0; } .panel-group .panel-heading { padding: 0; border-bottom-color: transparent; } .panel-group .panel-heading + .panel-collapse .panel-body { padding: 15px 0; border-top-color: transparent; } .panel-group .panel-title a { padding: 10px 0; display: block; } .panel-group-lists .panel { border-bottom: 1px solid #e6e9ed; background-color: white; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .panel-group-lists .panel:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .panel-group-lists .panel:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-bottom: none; } .panel-group-lists .panel-heading + .panel-collapse .panel-body { padding: 15px; border-top-color: #e6e9ed; } .panel-group-lists .panel-title a { padding: 10px 15px; color: #434a54; } .panel-group-lists .panel-title a:hover, .panel-group-lists .panel-title a:focus, .panel-group-lists .panel-title a:active { color: #aab2bd; } /** * footer * -------------------------------------------------- */ .footer { padding: 40px 0; background-color: #434a54; } .footer-logo, .footer-nav { float: left; padding: 0 20px; width: 20%; } @media (max-width: 768px) { .footer-logo { margin-bottom: 20px; } .footer-logo, .footer-nav { float: none; display: block; width: 100%; } } .footer-logo { margin-top: -5px; height: 32px; line-height: 32px; } .footer-logo img { margin-right: 10px; } .footer-logo a { font-size: 20px; font-weight: bold; color: white; } .footer-logo a:hover, .footer-logo a:active { text-decoration: none; } .footer-nav .nav-title { margin-bottom: 15px; color: #e6e9ed; } .footer-nav .nav-item { line-height: 28px; } .footer-nav .nav-item > a { color: #aab2bd; } .footer-nav .nav-item > a:hover, .footer-nav .nav-item > a:active { color: #ccd1d9; text-decoration: none; } .footer-copyright { color: #aab2bd; } /** * dropdown-menu * -------------------------------------------------- */ .dropdown-menu { border: none; background-color: #434a54; } .dropdown-menu .dropdown-header { padding: 5px 20px; font-size: 14px; font-weight: 700; color: #aab2bd; } .dropdown-menu li a { padding: 5px 20px; color: white; } .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus { color: white; background-color: #656d78; outline: none; } .dropdown-menu .disabled a, .dropdown-menu .disabled a:hover, .dropdown-menu .disabled a:focus { color: #656d78; cursor: default; } .dropdown-menu .divider { background-color: #656d78; border-bottom: none; } .dropup .dropdown-menu { margin-bottom: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /** * dropdown-submenu * -------------------------------------------------- */ .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; } .dropdown-submenu:hover .dropdown-menu { display: block; } .dropup .dropdown-submenu .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 4px 4px 4px 0; -moz-border-radius: 4px 4px 4px 0; border-radius: 4px 4px 4px 0; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: white; margin-top: 5px; margin-right: -10px; } .dropdown-default .dropdown-submenu > a:after { border-left-color: #434a54; } .dropdown-submenu:hover a:after { border-left-color: white; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; border-radius: 4px 0 4px 4px; } /*# sourceMappingURL=bootflat.css.map */