| /* |
| * Kibble CSS |
| */ |
| |
| .link_node circle { |
| fill: steelblue; |
| } |
| .link_node text { |
| font: bold 13px sans-serif; |
| fill: black; |
| stroke-width: 1; |
| stroke-position: outside; |
| stroke: rgba(255,255,255,0.75); |
| cursor: help; |
| } |
| .link_link { |
| fill: none; |
| stroke: #000; |
| stroke-opacity: .3; |
| } |
| |
| .link_tooltip { |
| position: absolute; |
| text-align: center; |
| min-width: 60px; |
| min-height: 28px; |
| padding: 4px; |
| font: 12px sans-serif; |
| background: rgba(0,0,0,0.6); |
| color: #FFF; |
| border-radius: 8px; |
| pointer-events: none; |
| z-index: 2000; |
| } |
| |
| .bio-image { |
| padding: 8px; |
| margin: 8px; |
| border: 1px solid #999; |
| border-radius: 2px; |
| float: left; |
| } |
| |
| .bio-profile { |
| padding: 8px; |
| margin: 8px; |
| border: 1px solid #999; |
| border-radius: 2px; |
| background: #EEE; |
| min-height: 144px; |
| float: left; |
| } |
| |
| .bio-profile h3 { |
| font-size: 1.75rem; |
| } |
| |
| .bio-profile h2,h3 { |
| float: none; |
| margin: 2px; |
| } |
| |
| .bio-profile hr { |
| border-top: 1px solid #AAA; |
| border-bottom: 1px solid #FFF; |
| margin: 1px; |
| } |
| |
| .bio-fact { |
| border-right: 1px dotted #999; |
| padding: 4px; |
| margin: 4px; |
| padding-right: 12px; |
| float: left; |
| text-align: center; |
| } |
| |
| .bio-fact:last-child { |
| border-right: none; |
| } |
| |
| .bio-fact strong { |
| font-size: 12px; |
| text-transform: uppercase !important; |
| font-weight: normal; |
| } |
| |
| .bio-fact span { |
| font-size: 16px; |
| font-weight: bold; |
| } |
| |
| .media-body>p { |
| margin: 0px; |
| } |
| |
| .media.event { |
| margin-top: 5px !important; |
| border-bottom: 0.5px solid #CCC; |
| } |
| |
| .sourceTypeIcon { |
| float: left; |
| border: 2px solid #116BE0; |
| color: #FFF; |
| font-weight: bold; |
| cursor: pointer; |
| margin: 10px; |
| border-radius: 10px; |
| text-align: center; |
| background: linear-gradient(to bottom, #1f69a5 0%,#258dc8 100%); |
| padding-right: 4px; |
| height: 44px; |
| min-width: 120px; |
| vertical-align: middle; |
| } |
| |
| .sourceTypeIcon:hover, .sourceTypeIcon.selected { |
| background: linear-gradient(to bottom, #1fa569 0%,#25c88d 100%); |
| border-color: #25e88d; |
| } |
| |
| .form-control { |
| |
| width: 100%; |
| height: 34px; |
| padding: 6px 12px; |
| font-size: 14px; |
| line-height: 1.42857143; |
| color: #555; |
| background-color: #fff; |
| background-image: none; |
| border: 1px solid #ccc; |
| border-radius: 4px; |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075); |
| transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; |
| z-index: 10; |
| overflow: visible; |
| } |
| |
| |
| /* Spinner */ |
| .spinner { |
| z-index: 100; |
| position: fixed; |
| top: calc(40% - 90px); |
| left: calc(50% - 150px); |
| width: 360px; |
| height: 240px; |
| background: #3285BC; |
| border-radius: 8px; |
| font-size: 9pt; |
| color: #FFF; |
| text-align: center; |
| font-family: sans-serif; |
| } |
| .spinwheel { |
| margin: 28px auto; |
| border-top: 10px solid rgba(30,190,200,0.95); |
| border-right: 10px solid rgba(220, 30, 120, 0.95); |
| border-bottom: 10px solid rgba(120, 200, 30, 0.95); |
| border-left: 10px solid rgba(220,190,30,0.95); |
| transform: translateZ(0); |
| animation: spin1 1s infinite; |
| } |
| |
| .spinwheel, .spinwheel:after { |
| border-radius: 50%; |
| width: 100px; |
| height: 100px; |
| } |
| |
| .spinwheel_md { |
| margin: 10px 10px; |
| border-top: 10px solid rgba(30,190,200,0.95); |
| border-right: 10px solid rgba(220, 30, 120, 0.95); |
| border-bottom: 10px solid rgba(120, 200, 30, 0.95); |
| border-left: 10px solid rgba(220,190,30,0.95); |
| } |
| |
| .spinwheel_md, .spinwheel_md:after { |
| border-radius: 50%; |
| width: 60px; |
| height: 60px; |
| } |
| |
| .spinwheel_sm { |
| margin: 10px 10px; |
| border-top: 10px solid rgba(30,190,200,0.95); |
| border-right: 10px solid rgba(220, 30, 120, 0.95); |
| border-bottom: 10px solid rgba(120, 200, 30, 0.95); |
| border-left: 10px solid rgba(220,190,30,0.95); |
| } |
| |
| .spinwheel_sm, .spinwheel_sm:after { |
| border-radius: 50%; |
| width: 0px; |
| height: 0px; |
| } |
| |
| @keyframes spin1 { |
| 0% { |
| transform: rotate(0deg); |
| } |
| |
| 100% { |
| transform: rotate(360deg); |
| } |
| } |
| |
| |
| nav:not(h1,h2,text) { |
| background: #202024 !important; |
| height: 100%; |
| font-size: 1.2em !important; |
| } |
| html { |
| height: 100%; |
| background: #EBEFF2; |
| } |
| |
| body { |
| min-height: calc(100% - 48px); |
| } |
| |
| .dashboard { |
| background: #EBEFF2 !important; |
| /*min-height: calc(100% - 88px);*/ |
| position: relative; |
| } |
| |
| select { |
| max-width: 300px; |
| } |
| |
| .panel_toolbox > li > a{ |
| background: none !important; |
| } |
| |
| /* ERROR MODAL DIALOG */ |
| .errorModal { |
| position: fixed; /* Stay in place */ |
| z-index: 1000; /* Sit on top */ |
| left: 0; |
| top: 0; |
| width: 100%; /* Full width */ |
| height: 100%; /* Full height */ |
| overflow: auto; /* Enable scroll if needed */ |
| background-color: rgb(0,0,0); /* Fallback color */ |
| background-color: rgba(0,0,0,0.6); /* Black w/ opacity */ |
| } |
| |
| /* Modal Content/Box */ |
| .errorModalInner { |
| visibility: hidden; |
| opacity: 0; |
| width: 480px; |
| border: 1px solid #888; |
| border-top: 20px solid #820; |
| border-radius: 8px; |
| background-color: #fefefe; |
| margin: 15% auto; /* 15% from the top and centered */ |
| padding: 20px; |
| transition: opacity 600ms, visibility 600ms; |
| font-size: 1.25em; |
| } |
| |
| /* SIDE MENU */ |
| |
| nav.menu { |
| position: absolute; |
| |
| background: #008FD5; |
| float: left; |
| width: 160px; |
| color: #445; |
| font-size: 1.1em; |
| border-right: 1px solid #999; |
| overflow-y: auto; |
| overflow-x: hidden; |
| } |
| |
| #user_image { |
| width: 32px; border: 1.5px solid #FFF; border-radius: 25%; margin-top: 10px; |
| } |
| |
| nav.menu > div.sidemenu > ul { |
| margin: 0; |
| padding: 0; |
| list-style: none; |
| width: 160px; |
| float: left; |
| } |
| nav.menu > div.sidemenu > ul > a:last-child > li{ |
| border-bottom: 1px solid #CCD; |
| } |
| |
| nav.menu > div.sidemenu > ul > a > li { |
| border-top: 1px solid #CCD; |
| border-bottom: 1px solid #AAB; |
| height: 40px; |
| padding-left: 10px; |
| padding-right: 10px; |
| padding-top:10px; |
| margin-left: -4px; |
| min-width: 48px; |
| font-size: 0.75rem; |
| font-family: montserrat light, sans-serif; |
| background: rgba(0,0,0,0.15); |
| } |
| |
| nav.menu > div.sidemenu > ul > a > li { |
| text-decoration: none; |
| color: #FFF; |
| font-size: 1.1rem; |
| } |
| |
| nav.menu > div.sidemenu > ul > a > li:hover { |
| background: #008FD5; |
| } |
| |
| nav.menu > div.sidemenu > ul > a { |
| text-decoration: none; |
| } |
| |
| nav.menu > div.sidemenu> ul > a > li > img { |
| height: 24px; |
| vertical-align: middle; |
| } |
| |
| nav.menu > div.sidemenu { |
| width: 160px; |
| float: left; |
| |
| } |
| |
| .sidetitle { |
| color: #FFD; |
| font-weight: bold; |
| font-size: 1.15rem; |
| text-align: center; |
| } |
| |
| nav.menu > div.profile { |
| width: 145px; |
| margin: 10px; |
| background: rgba(0,0,0,0.2); |
| color: #FFF; |
| border: 1px inset rgba(100,120,140,0.75); |
| border-radius: 5px; |
| padding: 3px; |
| height: 80px; |
| font-size: 11px; |
| } |
| |
| |
| |
| div.wrapper { |
| box-flex: 1; |
| height: calc(100% - 48px); |
| background: #CCC; |
| } |
| |
| nav.titlebar { |
| margin: 0px; |
| padding: 0px; |
| height: 46px; |
| font-family: Montserrat, sanf-serif; |
| font-size: 32px; |
| color: #223; |
| text-align: center; |
| width: calc(100% - 175px); |
| } |
| |
| nav.topbar { |
| margin: 4px auto; |
| padding: 0px; |
| background: #434; |
| height: 48px; |
| border-radius: 4px; |
| width: 1000px; |
| } |
| |
| nav.titlebar > div.searchbar { |
| width: 160px; |
| float: left; |
| |
| margin-right: 49px; |
| } |
| |
| nav.topbar > img.logo { |
| height: 48px; |
| vertical-align: middle; |
| padding: 3px; |
| float: left; |
| margin-right: 20px; |
| margin-left: 20px; |
| } |
| |
| nav.topbar > ul { |
| margin: 0; |
| padding: 0; |
| list-style: none; |
| } |
| |
| nav.topbar > ul > a.selected > li { |
| background: #858; |
| color: #FFF; |
| } |
| |
| nav.topbar > ul > a > li { |
| display: inline-block; |
| height: 48px; |
| padding-left: 10px; |
| padding-right: 10px; |
| padding-top:12px; |
| margin-left: -4px; |
| min-width: 48px; |
| font-weight: normal; |
| font-family: montserrat light, sans-serif; |
| } |
| |
| nav.topbar > ul > a > li { |
| text-decoration: none; |
| color: #EEE; |
| } |
| |
| nav.topbar > ul > a > li:hover { |
| color: #FCF; |
| } |
| |
| nav.topbar > ul > a > li > img { |
| height: 24px; |
| vertical-align: middle; |
| } |
| |
| |
| div.wrap1 { |
| padding: 0px; |
| float: right; |
| width: calc(100% - 175px); |
| position: relative; |
| } |
| |
| div.wrap2 { |
| padding: 0px; |
| } |
| |
| div.wrap3 { |
| padding: 0px; |
| } |
| |
| |
| .x_title { |
| background: #955F95; |
| box-sizing: border-box; |
| font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; |
| border-bottom: 1px solid #d4d4d4; |
| height: 28px; |
| width: 100%; |
| color: #FFF; |
| border-radius: 3px; |
| padding: 2px 2px 2px 8px; |
| |
| } |
| |
| h2 { |
| display: block; |
| float: left; |
| margin-top: 2px; |
| font-size: 1.6em !important; |
| font-weight: bold; |
| margin-right: 16px; |
| margin-bottom: 0px; |
| } |
| |
| .x_title h2 { |
| display: block; |
| float: left; |
| margin-top: 2px; |
| font-size: 1.3em !important; |
| font-weight: bold; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space:nowrap; |
| width: calc(100% - 88px); |
| } |
| |
| |
| |
| .clearfix { |
| box-sizing: border-box; |
| } |
| |
| .x_content { |
| padding: 0 5px 12px; |
| width: 100%; |
| float: left; |
| clear: both; |
| background: #FFF; |
| border: 2px solid #AAA; |
| border-radius: 3px; |
| height: calc(100% - 42px); |
| overflow: visible; |
| |
| } |
| |
| .chartChart { |
| max-height: 240px !important; |
| } |
| |
| .snoot_widget { |
| color: #333; |
| height: 100%; |
| box-sizing: border-box; |
| flex: 1; |
| padding: 6px; |
| padding-bottom: 0px; |
| } |
| |
| .orgItem { |
| width: calc(100% - 40px); |
| border: 2px solid #666; |
| float: left; |
| padding: 10px; |
| margin: 10px; |
| } |
| |
| .orgSelected { |
| background: #DFD; |
| } |
| |
| .orgItem:hover { |
| background: #FFD; |
| border: 2px solid #669; |
| cursor: pointer; |
| } |
| |
| .row { |
| display: flex; |
| margin: 0; |
| overflow-y: visible; |
| } |
| |
| .img-circle { |
| width: 32px !important; |
| height: 32px !important; |
| } |
| |
| .panel_toolbox > li { |
| display: inline-block !important; |
| position: relative; |
| overflow: visible; |
| width: 28px; |
| } |
| |
| .panel_toolbox { |
| min-width: 70px; |
| float: right !important; |
| margin-right: 2px; |
| margin-top: -6px; |
| list-style: none; |
| display: inline-block; |
| height: 24px; |
| } |
| |
| |
| .collapse-link, .close-link { |
| color: #FFF; |
| cursor: pointer; |
| } |
| |
| |
| .Footer,#footer { |
| position: absolute; |
| bottom: 0; |
| width: 100%; |
| height: 48px |
| } |
| |
| #wrap:before,#top:before,.head:before,.Footer:before,#wrap:after,#top:after,.head:after,.Footer:after { |
| content: " "; |
| display: table |
| } |
| |
| #wrap:after,#top:after,.head:after,.Footer:after { |
| clear: both |
| } |
| |
| .Wrap,#wrap { |
| margin: 0 auto; |
| position: relative |
| } |
| |
| #left,#right { |
| -webkit-transition: all .3s ease-in-out; |
| -o-transition: all .3s ease-in-out; |
| transition: all .3s ease-in-out; |
| width: 250px; |
| z-index: 999 |
| } |
| |
| #left { |
| position: absolute; |
| left: -250px |
| } |
| |
| #right { |
| position: fixed; |
| top: 0; |
| bottom: 0; |
| overflow-y: auto; |
| right: -250px |
| } |
| |
| .sidebar-left-opened #left { |
| left: 0 |
| } |
| |
| .sidebar-right-opened { |
| position: relative; |
| right: 250px |
| } |
| |
| .sidebar-right-opened #right { |
| right: 0 |
| } |
| |
| .sidebar-right-opened.fixed .navbar-fixed-top { |
| right: 250px |
| } |
| |
| @media (min-width:768px) { |
| #left { |
| position: relative; |
| float: left; |
| left: auto |
| } |
| |
| .sidebar-left-hidden #left { |
| width: 0; |
| visibility: hidden |
| } |
| |
| .sidebar-left-mini #left { |
| width: 50px |
| } |
| |
| #content { |
| -webkit-transition: all .3s ease-in-out; |
| -o-transition: all .3s ease-in-out; |
| transition: all .3s ease-in-out; |
| |
| text-overflow: ellipsis; |
| white-space: nowrap |
| } |
| |
| .sidebar-right-opened { |
| right: 0; |
| margin-right: 250px |
| } |
| |
| .sidebar-right-opened .navbar-fixed-top { |
| margin-right: 250px |
| } |
| } |
| |
| @media (min-width:1200px) { |
| body.boxed { |
| margin-bottom: 0 |
| } |
| |
| body.boxed .Wrap,body.boxed #wrap,body.boxed .Footer,body.boxed #top .navbar.navbar-fixed-top { |
| max-width: 1170px; |
| margin-left: auto; |
| margin-right: auto |
| } |
| |
| body.boxed .Footer,body.boxed #footer { |
| position: relative |
| } |
| } |
| |
| #top .navbar { |
| margin-bottom: 0; |
| border-top: 3px solid #cd0067 |
| } |
| |
| #top .navbar-brand { |
| padding: 0 |
| } |
| |
| #top .topnav { |
| margin: 10px 0; |
| text-align: right |
| } |
| |
| @media (min-width:768px) { |
| #top .topnav { |
| float: right |
| } |
| } |
| |
| .head { |
| border-bottom: 1px solid rgba(0,0,0,0.3); |
| box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset; |
| text-shadow: 0 1px 0 rgba(0,0,0,0.5) |
| } |
| |
| .head .search-bar { |
| margin: 0 auto; |
| padding: 10px 15px; |
| border-bottom: 1px solid rgba(0,0,0,0.3); |
| -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.05); |
| box-shadow: 0 1px 0 rgba(255,255,255,0.05) |
| } |
| |
| .head .search-bar .main-search { |
| border-bottom: 1px solid #7c7c7c |
| } |
| |
| .head .search-bar .main-search input[type="text"] { |
| background-color: transparent; |
| border-color: transparent; |
| color: #ccc; |
| -webkit-box-shadow: none; |
| box-shadow: none |
| } |
| |
| .head .search-bar .main-search button,.head .search-bar .main-search input[type=submit] { |
| background: transparent; |
| border: transparent |
| } |
| |
| @media (min-width:768px) { |
| .head .search-bar { |
| border-bottom-width: 0; |
| border-right: 1px solid rgba(0,0,0,0.3); |
| -webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.05) inset; |
| box-shadow: -1px 0 0 rgba(255,255,255,0.05) inset |
| } |
| |
| .side-right .head .search-bar { |
| border-right-width: 0; |
| border-left: 1px solid rgba(0,0,0,0.3); |
| -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.05) inset; |
| box-shadow: 1px 0 0 rgba(255,255,255,0.05) inset |
| } |
| } |
| |
| .head .main-bar { |
| padding: 10px |
| } |
| |
| button { |
| margin: 3px; |
| min-width: 64px; |
| } |
| .head .main-bar h3 { |
| margin-top: 0; |
| margin-bottom: 0; |
| color: #bababa |
| } |
| |
| @media (min-width:768px) { |
| .head .main-bar h3 { |
| margin-top: 5px |
| } |
| } |
| |
| @media (min-width:768px) { |
| .head .search-bar .main-search { |
| margin-right: auto |
| } |
| } |
| |
| @media (min-width:768px) { |
| .search-bar { |
| float: left; |
| padding: 10px 4px |
| } |
| |
| .side-right .search-bar { |
| float: right |
| } |
| |
| .search-bar .input-small.form-control { |
| border-radius: 3px |
| } |
| |
| .main-bar { |
| display: block; |
| overflow: hidden |
| } |
| } |
| |
| @media (min-width:992px) { |
| .search-bar { |
| width: 250px; |
| padding: 10px 15px |
| } |
| |
| .search-bar .input-group-btn { |
| display: table-cell |
| } |
| |
| .search-bar .input-small.form-control { |
| border-radius: 3px 0 0 3px |
| } |
| |
| .mini-sidebar .search-bar .input-small.form-control { |
| border-radius: 3px |
| } |
| } |
| |
| .user-media .user-link { |
| display: block; |
| margin-left: auto; |
| margin-right: auto; |
| position: relative |
| } |
| |
| .user-media .user-link .user-img { |
| margin: 10px auto |
| } |
| |
| .user-media .user-link .user-label { |
| position: absolute; |
| top: -6px; |
| right: 6px |
| } |
| |
| .user-media .user-link { |
| float: left |
| } |
| |
| .user-media .user-link .user-img { |
| margin: 10px |
| } |
| |
| .user-media .user-link .user-label { |
| top: 6px; |
| right: 0 |
| } |
| |
| .user-media .media-body { |
| display: block; |
| float: left; |
| margin-left: 12px |
| } |
| |
| .user-media .media-body h5.media-heading { |
| color: #fff; |
| padding-top: 8px; |
| margin-bottom: 3px |
| } |
| |
| .user-media .media-body ul.user-info li { |
| color: #ccc |
| } |
| |
| .user-media:before,.user-media:after { |
| content: " "; |
| display: table |
| } |
| |
| .user-media:after { |
| clear: both |
| } |
| |
| .side-right .user-link .user-label { |
| left: 6px; |
| right: auto |
| } |
| |
| .sidebar-left-mini .user-wrapper { |
| position: absolute; |
| top: 0; |
| left: -100%; |
| display: none; |
| min-width: 250px |
| } |
| |
| .user-media-toggleHover { |
| display: none |
| } |
| |
| .sidebar-left-mini .user-media-toggleHover { |
| font-size: 18px; |
| color: #fff; |
| padding: 10px; |
| text-align: center; |
| cursor: pointer; |
| display: inherit |
| } |
| |
| .sidebar-left-mini .user-media:hover .user-wrapper { |
| left: 100%; |
| display: inherit; |
| z-index: 9999 |
| } |
| |
| .sidebar-left-mini.side-right .user-media:hover .user-wrapper { |
| left: auto; |
| right: 100% |
| } |
| |
| #menu,#menu ul,#menu li,#menu a { |
| padding: 0; |
| margin: 0; |
| color: #f4f4f4 |
| } |
| |
| #menu,#menu ul { |
| list-style: none |
| } |
| |
| #menu li,#menu a { |
| position: relative; |
| display: block |
| } |
| |
| #menu a,#menu a:hover,#menu a:focus,#menu a:active { |
| text-decoration: none |
| } |
| |
| #menu ul { |
| background: rgba(0,0,0,0.3) |
| } |
| |
| #menu>li>a { |
| border-top: 1px solid rgba(0,0,0,0.1); |
| -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); |
| text-shadow: 0 1px 0 rgba(0,0,0,0.5); |
| padding: 10px 0 10px 15px |
| } |
| |
| #menu>li.active>a { |
| background-color: rgba(0,0,0,0.1); |
| -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset; |
| box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset |
| } |
| |
| #menu>li:hover>a,#menu>li:focus>a { |
| background-color: rgba(0,0,0,0.1); |
| outline: none; |
| -webkit-box-shadow: none; |
| box-shadow: none |
| } |
| |
| #menu>li ul { |
| -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); |
| border-left-width: 0 |
| } |
| |
| #menu>li ul a { |
| padding: 11px 0 11px 30px; |
| font-size: 13px |
| } |
| |
| #menu>li ul a:hover { |
| background-color: rgba(0,0,0,0.1) |
| } |
| |
| #menu.affix { |
| position: fixed; |
| width: 250px; |
| overflow-x: hidden; |
| overflow-y: hidden; |
| -webkit-overflow-scrolling: touch |
| } |
| |
| #menu.affix:hover { |
| overflow-y: scroll |
| } |
| |
| @media (min-width:768px) { |
| body:not(.sidebar-left-mini) #menu li.active>ul,#menu.affix li>ul { |
| position: relative; |
| top: auto !important; |
| left: auto !important; |
| right: auto !important |
| } |
| |
| body:not(.sidebar-left-mini) #menu:not(.affix) li.active>ul { |
| display: inherit |
| } |
| |
| #menu li>ul,.sidebar-left-mini #menu li>ul { |
| position: absolute; |
| top: 0; |
| left: 100%; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| min-width: 200px; |
| z-index: 1; |
| background-color: rgba(0,0,0,0.8) |
| } |
| |
| #menu:not(.affix) li>ul,.sidebar-left-mini #menu:not(.affix) li>ul { |
| display: none |
| } |
| |
| .sidebar-left-mini #menu>li>ul { |
| top: 100% |
| } |
| |
| #menu li>ul>li>ul { |
| top: 0 |
| } |
| |
| .side-right #menu li>ul { |
| left: auto; |
| right: 100% |
| } |
| |
| #menu:not(.affix) li:hover>ul { |
| display: inherit; |
| visibility: visible |
| } |
| |
| .sidebar-left-mini #menu.affix { |
| position: relative !important |
| } |
| } |
| |
| @media (min-width:768px) { |
| .sidebar-left-mini #menu>li>a .fa { |
| font-size: 18px |
| } |
| |
| .sidebar-left-mini #menu>li>a .fa.arrow { |
| display: none |
| } |
| |
| .sidebar-left-mini #menu>li>a .link-title { |
| border-top: 1px solid rgba(0,0,0,0.1); |
| border-right: 1px solid rgba(0,0,0,0.1); |
| -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); |
| position: absolute; |
| left: 100%; |
| top: -1px; |
| z-index: 1; |
| background: rgba(0,0,0,0.85); |
| display: none; |
| padding: 10px 30px |
| } |
| |
| .sidebar-left-mini #menu>li:hover>a>.link-title { |
| display: block; |
| min-width: 200px |
| } |
| |
| .sidebar-left-mini.side-right #menu>li>a .link-title { |
| border-right-width: 0; |
| border-left: 1px solid rgba(0,0,0,0.1); |
| left: auto; |
| right: 100% |
| } |
| } |
| |
| body:not(.sidebar-left-mini) #menu .nav-header { |
| padding: 3px 15px !important; |
| text-transform: uppercase; |
| font-weight: bold; |
| font-size: 12px; |
| border-top: 1px solid rgba(0,0,0,0.1); |
| -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset; |
| box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset; |
| text-shadow: 0 1px 0 rgba(0,0,0,0.5); |
| background: rgba(0,0,0,0.1) |
| } |
| |
| #menu .nav-divider { |
| height: 1rem; |
| margin: 0; |
| background: rgba(0,0,0,0.2); |
| -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset; |
| box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset |
| } |
| |
| .sidebar-left-mini #menu .nav-header { |
| position: absolute !important; |
| overflow: hidden !important; |
| width: 1px !important; |
| height: 1px !important; |
| padding: 0 !important; |
| border: 0 !important; |
| clip: rect(1px, 1px, 1px, 1px) !important |
| } |
| |
| #menu .fa.arrow { |
| float: right; |
| padding-top: 3px; |
| margin-right: 15px |
| } |
| |
| #menu .fa.arrow:before { |
| content: "\f104" |
| } |
| |
| #menu .active>a>.fa.arrow:before { |
| content: "\f107" |
| } |
| |
| #content { |
| -webkit-transition: width .4s; |
| -o-transition: width .4s; |
| transition: width .4s |
| } |
| |
| .outer { |
| padding: 10px; |
| background-color: #6e6e6e |
| } |
| |
| .outer:before,.outer:after { |
| content: " "; |
| display: table |
| } |
| |
| .outer:after { |
| clear: both |
| } |
| |
| .inner { |
| position: relative; |
| min-height: 1px; |
| padding-right: 10px; |
| padding-left: 10px; |
| background: #fff; |
| border: 10px solid #e4e4e4 |
| } |
| |
| @media (min-width:768px) { |
| .inner { |
| float: left; |
| width: 100% |
| } |
| } |
| |
| .Footer,#footer { |
| margin: 0 auto; |
| color: #f4f4f4; |
| border-top: 1px solid #222 |
| } |
| |
| .Footer p,#footer p { |
| padding: 1.2rem 0; |
| margin: 0; |
| text-align: center |
| } |
| |
| .box { |
| margin: 10px auto; |
| display: block; |
| position: relative; |
| border: 1px solid #efefef |
| } |
| |
| .box header { |
| background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); |
| background-image: -o-linear-gradient(top, #fff 0, #f2f2f2 100%); |
| background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); |
| border-bottom: 1px solid #d4d4d4; |
| -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065); |
| box-shadow: 0 1px 4px rgba(0,0,0,0.065) |
| } |
| |
| .box header:before,.box header:after { |
| content: " "; |
| display: table |
| } |
| |
| .box header:after { |
| clear: both |
| } |
| |
| .box header .icons,.box header h5,.box header .toolbar { |
| position: relative; |
| min-height: 1px; |
| float: left; |
| padding: 0; |
| margin: 0; |
| display: block |
| } |
| |
| .box header .icons { |
| padding: 10px 15px; |
| border-right: 1px solid #ddd; |
| -webkit-box-shadow: 1px 0 0 #fff; |
| box-shadow: 1px 0 0 #fff |
| } |
| |
| .box header h5 { |
| padding: 12px; |
| font-weight: bold |
| } |
| |
| .box.inverse header { |
| background-image: -webkit-linear-gradient(top, #333 0, #222 100%); |
| background-image: -o-linear-gradient(top, #333 0, #222 100%); |
| background-image: linear-gradient(to bottom, #333 0, #222 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=0); |
| border-bottom: 1px solid #4d4d4d; |
| color: #f5f5f5 |
| } |
| |
| .box.inverse header .icons { |
| border-right: 1px solid #222; |
| -webkit-box-shadow: 1px 0 0 #3c3c3c; |
| box-shadow: 1px 0 0 #3c3c3c |
| } |
| |
| .box.primary header { |
| background-image: -webkit-linear-gradient(top, #337ab7 0, #286090 100%); |
| background-image: -o-linear-gradient(top, #337ab7 0, #286090 100%); |
| background-image: linear-gradient(to bottom, #337ab7 0, #286090 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); |
| border-bottom: 1px solid #337ab7; |
| color: #fff |
| } |
| |
| .box.primary header .icons { |
| border-right: 1px solid #1d4568; |
| -webkit-box-shadow: 1px 0 0 #5094ce; |
| box-shadow: 1px 0 0 #5094ce |
| } |
| |
| .box.success header { |
| background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%); |
| background-image: -o-linear-gradient(top, #5cb85c 0, #449d44 100%); |
| background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); |
| border-bottom: 1px solid #5cb85c; |
| color: #fff |
| } |
| |
| .box.success header .icons { |
| border-right: 1px solid #357935; |
| -webkit-box-shadow: 1px 0 0 #80c780; |
| box-shadow: 1px 0 0 #80c780 |
| } |
| |
| .box.warning header { |
| background-image: -webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%); |
| background-image: -o-linear-gradient(top, #f0ad4e 0, #ec971f 100%); |
| background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); |
| border-bottom: 1px solid #f0ad4e; |
| color: #fff |
| } |
| |
| .box.warning header .icons { |
| border-right: 1px solid #c77c11; |
| -webkit-box-shadow: 1px 0 0 #f4c37d; |
| box-shadow: 1px 0 0 #f4c37d |
| } |
| |
| .box.danger header { |
| background-image: -webkit-linear-gradient(top, #d9534f 0, #c9302c 100%); |
| background-image: -o-linear-gradient(top, #d9534f 0, #c9302c 100%); |
| background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); |
| border-bottom: 1px solid #d9534f; |
| color: #fff |
| } |
| |
| .box.danger header .icons { |
| border-right: 1px solid #a02622; |
| -webkit-box-shadow: 1px 0 0 #e27c79; |
| box-shadow: 1px 0 0 #e27c79 |
| } |
| |
| .box.info header { |
| background-image: -webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%); |
| background-image: -o-linear-gradient(top, #5bc0de 0, #31b0d5 100%); |
| background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); |
| border-bottom: 1px solid #5bc0de; |
| color: #fff |
| } |
| |
| .box.info header .icons { |
| border-right: 1px solid #2390b0; |
| -webkit-box-shadow: 1px 0 0 #85d0e7; |
| box-shadow: 1px 0 0 #85d0e7 |
| } |
| |
| .box header .toolbar { |
| float: right; |
| display: inline-table |
| } |
| |
| .box header .toolbar .btn-toolbar { |
| margin: 6px 3px |
| } |
| |
| .box header .toolbar .label,.box header .toolbar .badge { |
| display: inline-block; |
| margin: 10px |
| } |
| |
| .box header .toolbar .nav { |
| margin: 1px 1px 0 0 |
| } |
| |
| .box header .toolbar .nav>li { |
| display: inline-block |
| } |
| |
| .box header .toolbar .nav>li>a { |
| padding-top: 9px |
| } |
| |
| .box header .toolbar>.btn { |
| margin-right: 4px |
| } |
| |
| .box header .toolbar>.btn-sm,.box header .toolbar>.btn-group { |
| margin: 4px |
| } |
| |
| .box header .toolbar>.btn-xs { |
| margin: 6px |
| } |
| |
| .box header .toolbar .input-sm { |
| margin: 4px -4px |
| } |
| |
| .box header .toolbar .progress { |
| min-width: 120px; |
| margin: 10px 4px |
| } |
| |
| .box header .toolbar .progress.middle { |
| height: 12px; |
| margin: 13px 4px |
| } |
| |
| .box header .toolbar .progress.mini { |
| height: 6px; |
| margin: 16px 4px |
| } |
| |
| .full-screen-box { |
| height: 100% !important; |
| width: 100% !important |
| } |
| |
| .box.danger .dropdown-menu>li>a:hover,.box.danger .dropdown-menu>li>a:focus { |
| background-image: -webkit-linear-gradient(top, #d9534f 0, #c9302c 100%); |
| background-image: -o-linear-gradient(top, #d9534f 0, #c9302c 100%); |
| background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0) |
| } |
| |
| .box.info .dropdown-menu>li>a:hover,.box.info .dropdown-menu>li>a:focus { |
| background-image: -webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%); |
| background-image: -o-linear-gradient(top, #5bc0de 0, #31b0d5 100%); |
| background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0) |
| } |
| |
| .box.success .dropdown-menu>li>a:hover,.box.success .dropdown-menu>li>a:focus { |
| background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%); |
| background-image: -o-linear-gradient(top, #5cb85c 0, #449d44 100%); |
| background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0) |
| } |
| |
| .box.warning .dropdown-menu>li>a:hover,.box.warning .dropdown-menu>li>a:focus { |
| background-image: -webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%); |
| background-image: -o-linear-gradient(top, #f0ad4e 0, #ec971f 100%); |
| background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0) |
| } |
| |
| .box.inverse .dropdown-menu>li>a:hover,.box.inverse .dropdown-menu>li>a:focus { |
| background-image: -webkit-linear-gradient(top, #333 0, #222 100%); |
| background-image: -o-linear-gradient(top, #333 0, #222 100%); |
| background-image: linear-gradient(to bottom, #333 0, #222 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff222222', GradientType=0) |
| } |
| |
| .box .body { |
| padding: 10px; |
| -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); |
| width: 100%; |
| background-color: #fff |
| } |
| |
| .box .body hr { |
| margin-left: -10px; |
| margin-right: -10px |
| } |
| |
| .body.collapse:not(.in) { |
| padding: 0 |
| } |
| |
| .box>.block { |
| padding: 0 |
| } |
| |
| .row.ui-sortable .box header { |
| cursor: move |
| } |
| |
| .btn-metis-1 { |
| color: #fff; |
| background-color: #ee465a; |
| border-color: #c11a39 |
| } |
| |
| .btn-metis-1:hover,.btn-metis-1:focus,.btn-metis-1.focus,.btn-metis-1:active,.btn-metis-1.active,.open>.dropdown-toggle.btn-metis-1 { |
| color: #fff; |
| background-color: #ea1730; |
| border-color: #8b1329 |
| } |
| |
| .btn-metis-1:active,.btn-metis-1.active,.open>.dropdown-toggle.btn-metis-1 { |
| background-image: none |
| } |
| |
| .btn-metis-1.disabled,.btn-metis-1[disabled],fieldset[disabled] .btn-metis-1,.btn-metis-1.disabled:hover,.btn-metis-1[disabled]:hover,fieldset[disabled] .btn-metis-1:hover,.btn-metis-1.disabled:focus,.btn-metis-1[disabled]:focus,fieldset[disabled] .btn-metis-1:focus,.btn-metis-1.disabled.focus,.btn-metis-1[disabled].focus,fieldset[disabled] .btn-metis-1.focus,.btn-metis-1.disabled:active,.btn-metis-1[disabled]:active,fieldset[disabled] .btn-metis-1:active,.btn-metis-1.disabled.active,.btn-metis-1[disabled].active,fieldset[disabled] .btn-metis-1.active { |
| background-color: #ee465a; |
| border-color: #c11a39 |
| } |
| |
| .btn-metis-1 .badge { |
| color: #ee465a; |
| background-color: #fff |
| } |
| |
| .btn-metis-2 { |
| color: #fff; |
| background-color: #9fd256; |
| border-color: #6fac34 |
| } |
| |
| .btn-metis-2:hover,.btn-metis-2:focus,.btn-metis-2.focus,.btn-metis-2:active,.btn-metis-2.active,.open>.dropdown-toggle.btn-metis-2 { |
| color: #fff; |
| background-color: #87c134; |
| border-color: #517d26 |
| } |
| |
| .btn-metis-2:active,.btn-metis-2.active,.open>.dropdown-toggle.btn-metis-2 { |
| background-image: none |
| } |
| |
| .btn-metis-2.disabled,.btn-metis-2[disabled],fieldset[disabled] .btn-metis-2,.btn-metis-2.disabled:hover,.btn-metis-2[disabled]:hover,fieldset[disabled] .btn-metis-2:hover,.btn-metis-2.disabled:focus,.btn-metis-2[disabled]:focus,fieldset[disabled] .btn-metis-2:focus,.btn-metis-2.disabled.focus,.btn-metis-2[disabled].focus,fieldset[disabled] .btn-metis-2.focus,.btn-metis-2.disabled:active,.btn-metis-2[disabled]:active,fieldset[disabled] .btn-metis-2:active,.btn-metis-2.disabled.active,.btn-metis-2[disabled].active,fieldset[disabled] .btn-metis-2.active { |
| background-color: #9fd256; |
| border-color: #6fac34 |
| } |
| |
| .btn-metis-2 .badge { |
| color: #9fd256; |
| background-color: #fff |
| } |
| |
| .btn-metis-3 { |
| color: #fff; |
| background-color: #fbb450; |
| border-color: #f89406 |
| } |
| |
| .btn-metis-3:hover,.btn-metis-3:focus,.btn-metis-3.focus,.btn-metis-3:active,.btn-metis-3.active,.open>.dropdown-toggle.btn-metis-3 { |
| color: #fff; |
| background-color: #fa9f1e; |
| border-color: #bc7005 |
| } |
| |
| .btn-metis-3:active,.btn-metis-3.active,.open>.dropdown-toggle.btn-metis-3 { |
| background-image: none |
| } |
| |
| .btn-metis-3.disabled,.btn-metis-3[disabled],fieldset[disabled] .btn-metis-3,.btn-metis-3.disabled:hover,.btn-metis-3[disabled]:hover,fieldset[disabled] .btn-metis-3:hover,.btn-metis-3.disabled:focus,.btn-metis-3[disabled]:focus,fieldset[disabled] .btn-metis-3:focus,.btn-metis-3.disabled.focus,.btn-metis-3[disabled].focus,fieldset[disabled] .btn-metis-3.focus,.btn-metis-3.disabled:active,.btn-metis-3[disabled]:active,fieldset[disabled] .btn-metis-3:active,.btn-metis-3.disabled.active,.btn-metis-3[disabled].active,fieldset[disabled] .btn-metis-3.active { |
| background-color: #fbb450; |
| border-color: #f89406 |
| } |
| |
| .btn-metis-3 .badge { |
| color: #fbb450; |
| background-color: #fff |
| } |
| |
| .btn-metis-4 { |
| color: #fff; |
| background-color: #a264e7; |
| border-color: #62309a |
| } |
| |
| .btn-metis-4:hover,.btn-metis-4:focus,.btn-metis-4.focus,.btn-metis-4:active,.btn-metis-4.active,.open>.dropdown-toggle.btn-metis-4 { |
| color: #fff; |
| background-color: #8838e0; |
| border-color: #44216b |
| } |
| |
| .btn-metis-4:active,.btn-metis-4.active,.open>.dropdown-toggle.btn-metis-4 { |
| background-image: none |
| } |
| |
| .btn-metis-4.disabled,.btn-metis-4[disabled],fieldset[disabled] .btn-metis-4,.btn-metis-4.disabled:hover,.btn-metis-4[disabled]:hover,fieldset[disabled] .btn-metis-4:hover,.btn-metis-4.disabled:focus,.btn-metis-4[disabled]:focus,fieldset[disabled] .btn-metis-4:focus,.btn-metis-4.disabled.focus,.btn-metis-4[disabled].focus,fieldset[disabled] .btn-metis-4.focus,.btn-metis-4.disabled:active,.btn-metis-4[disabled]:active,fieldset[disabled] .btn-metis-4:active,.btn-metis-4.disabled.active,.btn-metis-4[disabled].active,fieldset[disabled] .btn-metis-4.active { |
| background-color: #a264e7; |
| border-color: #62309a |
| } |
| |
| .btn-metis-4 .badge { |
| color: #a264e7; |
| background-color: #fff |
| } |
| |
| .btn-metis-5 { |
| color: #fff; |
| background-color: #777; |
| border-color: #555 |
| } |
| |
| .btn-metis-5:hover,.btn-metis-5:focus,.btn-metis-5.focus,.btn-metis-5:active,.btn-metis-5.active,.open>.dropdown-toggle.btn-metis-5 { |
| color: #fff; |
| background-color: #5e5e5e; |
| border-color: #363636 |
| } |
| |
| .btn-metis-5:active,.btn-metis-5.active,.open>.dropdown-toggle.btn-metis-5 { |
| background-image: none |
| } |
| |
| .btn-metis-5.disabled,.btn-metis-5[disabled],fieldset[disabled] .btn-metis-5,.btn-metis-5.disabled:hover,.btn-metis-5[disabled]:hover,fieldset[disabled] .btn-metis-5:hover,.btn-metis-5.disabled:focus,.btn-metis-5[disabled]:focus,fieldset[disabled] .btn-metis-5:focus,.btn-metis-5.disabled.focus,.btn-metis-5[disabled].focus,fieldset[disabled] .btn-metis-5.focus,.btn-metis-5.disabled:active,.btn-metis-5[disabled]:active,fieldset[disabled] .btn-metis-5:active,.btn-metis-5.disabled.active,.btn-metis-5[disabled].active,fieldset[disabled] .btn-metis-5.active { |
| background-color: #777; |
| border-color: #555 |
| } |
| |
| .btn-metis-5 .badge { |
| color: #777; |
| background-color: #fff |
| } |
| |
| .btn-metis-6 { |
| color: #fff; |
| background-color: #00b4f5; |
| border-color: #008dc5 |
| } |
| |
| .btn-metis-6:hover,.btn-metis-6:focus,.btn-metis-6.focus,.btn-metis-6:active,.btn-metis-6.active,.open>.dropdown-toggle.btn-metis-6 { |
| color: #fff; |
| background-color: #008fc2; |
| border-color: #006188 |
| } |
| |
| .btn-metis-6:active,.btn-metis-6.active,.open>.dropdown-toggle.btn-metis-6 { |
| background-image: none |
| } |
| |
| .btn-metis-6.disabled,.btn-metis-6[disabled],fieldset[disabled] .btn-metis-6,.btn-metis-6.disabled:hover,.btn-metis-6[disabled]:hover,fieldset[disabled] .btn-metis-6:hover,.btn-metis-6.disabled:focus,.btn-metis-6[disabled]:focus,fieldset[disabled] .btn-metis-6:focus,.btn-metis-6.disabled.focus,.btn-metis-6[disabled].focus,fieldset[disabled] .btn-metis-6.focus,.btn-metis-6.disabled:active,.btn-metis-6[disabled]:active,fieldset[disabled] .btn-metis-6:active,.btn-metis-6.disabled.active,.btn-metis-6[disabled].active,fieldset[disabled] .btn-metis-6.active { |
| background-color: #00b4f5; |
| border-color: #008dc5 |
| } |
| |
| .btn-metis-6 .badge { |
| color: #00b4f5; |
| background-color: #fff |
| } |
| |
| .btn-grad.btn-default,.btn-grad.btn-primary,.btn-grad.btn-success,.btn-grad.btn-info,.btn-grad.btn-warning,.btn-grad.btn-danger { |
| text-shadow: 0 -1px 0 rgba(0,0,0,0.2); |
| -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075); |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075) |
| } |
| |
| .btn-grad.btn-default:active,.btn-grad.btn-primary:active,.btn-grad.btn-success:active,.btn-grad.btn-info:active,.btn-grad.btn-warning:active,.btn-grad.btn-danger:active,.btn-grad.btn-default.active,.btn-grad.btn-primary.active,.btn-grad.btn-success.active,.btn-grad.btn-info.active,.btn-grad.btn-warning.active,.btn-grad.btn-danger.active { |
| -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-grad.btn:active,.btn-grad.btn.active { |
| background-image: none |
| } |
| |
| .btn-grad.btn-default { |
| background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%); |
| background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%); |
| background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #dbdbdb; |
| text-shadow: 0 1px 0 #fff; |
| border-color: #ccc |
| } |
| |
| .btn-grad.btn-default:hover,.btn-grad.btn-default:focus { |
| background-color: #e0e0e0; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-default:active,.btn-grad.btn-default.active { |
| background-color: #e0e0e0; |
| border-color: #dbdbdb |
| } |
| |
| .btn-grad.btn-primary { |
| background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%); |
| background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%); |
| background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #245580 |
| } |
| |
| .btn-grad.btn-primary:hover,.btn-grad.btn-primary:focus { |
| background-color: #265a88; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-primary:active,.btn-grad.btn-primary.active { |
| background-color: #265a88; |
| border-color: #245580 |
| } |
| |
| .btn-grad.btn-success { |
| background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%); |
| background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%); |
| background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #3e8f3e |
| } |
| |
| .btn-grad.btn-success:hover,.btn-grad.btn-success:focus { |
| background-color: #419641; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-success:active,.btn-grad.btn-success.active { |
| background-color: #419641; |
| border-color: #3e8f3e |
| } |
| |
| .btn-grad.btn-warning { |
| background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%); |
| background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%); |
| background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #e38d13 |
| } |
| |
| .btn-grad.btn-warning:hover,.btn-grad.btn-warning:focus { |
| background-color: #eb9316; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-warning:active,.btn-grad.btn-warning.active { |
| background-color: #eb9316; |
| border-color: #e38d13 |
| } |
| |
| .btn-grad.btn-danger { |
| background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%); |
| background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%); |
| background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #b92c28 |
| } |
| |
| .btn-grad.btn-danger:hover,.btn-grad.btn-danger:focus { |
| background-color: #c12e2a; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-danger:active,.btn-grad.btn-danger.active { |
| background-color: #c12e2a; |
| border-color: #b92c28 |
| } |
| |
| .btn-grad.btn-info { |
| background-image: -webkit-linear-gradient(top, #5bc0de 0, #2aabd2 100%); |
| background-image: -o-linear-gradient(top, #5bc0de 0, #2aabd2 100%); |
| background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #28a4c9 |
| } |
| |
| .btn-grad.btn-info:hover,.btn-grad.btn-info:focus { |
| background-color: #2aabd2; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-info:active,.btn-grad.btn-info.active { |
| background-color: #2aabd2; |
| border-color: #28a4c9 |
| } |
| |
| .btn-grad.btn-metis-1 { |
| background-image: -webkit-linear-gradient(top, #ee465a 0, #e2152d 100%); |
| background-image: -o-linear-gradient(top, #ee465a 0, #e2152d 100%); |
| background-image: linear-gradient(to bottom, #ee465a 0, #e2152d 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee465a', endColorstr='#ffe2152d', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #d9142b |
| } |
| |
| .btn-grad.btn-metis-1:hover,.btn-grad.btn-metis-1:focus { |
| background-color: #e2152d; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-metis-1:active,.btn-grad.btn-metis-1.active { |
| background-color: #e2152d; |
| border-color: #d9142b |
| } |
| |
| .btn-grad.btn-metis-2 { |
| background-image: -webkit-linear-gradient(top, #9fd256 0, #81b931 100%); |
| background-image: -o-linear-gradient(top, #9fd256 0, #81b931 100%); |
| background-image: linear-gradient(to bottom, #9fd256 0, #81b931 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9fd256', endColorstr='#ff81b931', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #7cb12f |
| } |
| |
| .btn-grad.btn-metis-2:hover,.btn-grad.btn-metis-2:focus { |
| background-color: #81b931; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-metis-2:active,.btn-grad.btn-metis-2.active { |
| background-color: #81b931; |
| border-color: #7cb12f |
| } |
| |
| .btn-grad.btn-metis-3 { |
| background-image: -webkit-linear-gradient(top, #fbb450 0, #fa9a14 100%); |
| background-image: -o-linear-gradient(top, #fbb450 0, #fa9a14 100%); |
| background-image: linear-gradient(to bottom, #fbb450 0, #fa9a14 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fffa9a14', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #f9960a |
| } |
| |
| .btn-grad.btn-metis-3:hover,.btn-grad.btn-metis-3:focus { |
| background-color: #fa9a14; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-metis-3:active,.btn-grad.btn-metis-3.active { |
| background-color: #fa9a14; |
| border-color: #f9960a |
| } |
| |
| .btn-grad.btn-metis-4 { |
| background-image: -webkit-linear-gradient(top, #a264e7 0, #822fdf 100%); |
| background-image: -o-linear-gradient(top, #a264e7 0, #822fdf 100%); |
| background-image: linear-gradient(to bottom, #a264e7 0, #822fdf 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa264e7', endColorstr='#ff822fdf', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #7d26dd |
| } |
| |
| .btn-grad.btn-metis-4:hover,.btn-grad.btn-metis-4:focus { |
| background-color: #822fdf; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-metis-4:active,.btn-grad.btn-metis-4.active { |
| background-color: #822fdf; |
| border-color: #7d26dd |
| } |
| |
| .btn-grad.btn-metis-5 { |
| background-image: -webkit-linear-gradient(top, #777 0, #585858 100%); |
| background-image: -o-linear-gradient(top, #777 0, #585858 100%); |
| background-image: linear-gradient(to bottom, #777 0, #585858 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff585858', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #535353 |
| } |
| |
| .btn-grad.btn-metis-5:hover,.btn-grad.btn-metis-5:focus { |
| background-color: #585858; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-metis-5:active,.btn-grad.btn-metis-5.active { |
| background-color: #585858; |
| border-color: #535353 |
| } |
| |
| .btn-grad.btn-metis-6 { |
| background-image: -webkit-linear-gradient(top, #00b4f5 0, #0087b8 100%); |
| background-image: -o-linear-gradient(top, #00b4f5 0, #0087b8 100%); |
| background-image: linear-gradient(to bottom, #00b4f5 0, #0087b8 100%); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b4f5', endColorstr='#ff0087b8', GradientType=0); |
| background-repeat: repeat-x; |
| border-color: #0080ae |
| } |
| |
| .btn-grad.btn-metis-6:hover,.btn-grad.btn-metis-6:focus { |
| background-color: #0087b8; |
| background-position: 0 -15px |
| } |
| |
| .btn-grad.btn-metis-6:active,.btn-grad.btn-metis-6.active { |
| background-color: #0087b8; |
| border-color: #0080ae |
| } |
| |
| .btn-circle { |
| border-radius: 500px; |
| width: 40px; |
| height: 40px; |
| padding: 8px 10px |
| } |
| |
| .btn-circle.btn-lg { |
| width: 60px; |
| height: 60px; |
| padding: 14px 16px |
| } |
| |
| .btn-circle.btn-sm { |
| width: 30px; |
| height: 30px; |
| padding: 5px 10px |
| } |
| |
| .btn-circle.btn-xs { |
| width: 20px; |
| height: 20px; |
| padding: 0 5px |
| } |
| |
| .btn-rect { |
| border-radius: 0 !important |
| } |
| |
| .btn-round.btn { |
| border-radius: 28px |
| } |
| |
| .btn-round.btn-xs { |
| border-radius: 28px |
| } |
| |
| .btn-round.btn-sm { |
| border-radius: 28px |
| } |
| |
| .btn-sm { |
| padding: 0px; |
| padding-right: 4px; |
| padding-left: 4px; |
| margin-top: -2px; |
| line-height: 14px; |
| } |
| |
| .btn-round.btn-lg { |
| border-radius: 28px |
| } |
| |
| .btn-line.btn-default { |
| color: #333; |
| background-color: #fff; |
| border-color: #ccc |
| } |
| |
| .btn-line.btn-default:hover,.btn-line.btn-default:focus,.btn-line.btn-default:active,.btn-line.btn-default.active { |
| background-color: #262626; |
| color: #fff; |
| border-color: #b3b3b3 |
| } |
| |
| .btn-line.btn-default.disabled,.btn-line.btn-default[disabled],fieldset[disabled] .btn-line.btn-default,.btn-line.btn-default.disabled:hover,.btn-line.btn-default[disabled]:hover,fieldset[disabled] .btn-line.btn-default:hover,.btn-line.btn-default.disabled:focus,.btn-line.btn-default[disabled]:focus,fieldset[disabled] .btn-line.btn-default:focus,.btn-line.btn-default.disabled:active,.btn-line.btn-default[disabled]:active,fieldset[disabled] .btn-line.btn-default:active,.btn-line.btn-default.disabled.active,.btn-line.btn-default[disabled].active,fieldset[disabled] .btn-line.btn-default.active { |
| background-color: #fff; |
| border-color: #ccc |
| } |
| |
| .btn-line.btn-primary { |
| color: #337ab7; |
| background-color: #fff; |
| border-color: #2e6da4 |
| } |
| |
| .btn-line.btn-primary:hover,.btn-line.btn-primary:focus,.btn-line.btn-primary:active,.btn-line.btn-primary.active { |
| background-color: #2e6da4; |
| color: #fff; |
| border-color: #23527c |
| } |
| |
| .btn-line.btn-primary.disabled,.btn-line.btn-primary[disabled],fieldset[disabled] .btn-line.btn-primary,.btn-line.btn-primary.disabled:hover,.btn-line.btn-primary[disabled]:hover,fieldset[disabled] .btn-line.btn-primary:hover,.btn-line.btn-primary.disabled:focus,.btn-line.btn-primary[disabled]:focus,fieldset[disabled] .btn-line.btn-primary:focus,.btn-line.btn-primary.disabled:active,.btn-line.btn-primary[disabled]:active,fieldset[disabled] .btn-line.btn-primary:active,.btn-line.btn-primary.disabled.active,.btn-line.btn-primary[disabled].active,fieldset[disabled] .btn-line.btn-primary.active { |
| background-color: #fff; |
| border-color: #2e6da4 |
| } |
| |
| .btn-line.btn-warning { |
| color: #f0ad4e; |
| background-color: #fff; |
| border-color: #eea236 |
| } |
| |
| .btn-line.btn-warning:hover,.btn-line.btn-warning:focus,.btn-line.btn-warning:active,.btn-line.btn-warning.active { |
| background-color: #eea236; |
| color: #fff; |
| border-color: #df8a13 |
| } |
| |
| .btn-line.btn-warning.disabled,.btn-line.btn-warning[disabled],fieldset[disabled] .btn-line.btn-warning,.btn-line.btn-warning.disabled:hover,.btn-line.btn-warning[disabled]:hover,fieldset[disabled] .btn-line.btn-warning:hover,.btn-line.btn-warning.disabled:focus,.btn-line.btn-warning[disabled]:focus,fieldset[disabled] .btn-line.btn-warning:focus,.btn-line.btn-warning.disabled:active,.btn-line.btn-warning[disabled]:active,fieldset[disabled] .btn-line.btn-warning:active,.btn-line.btn-warning.disabled.active,.btn-line.btn-warning[disabled].active,fieldset[disabled] .btn-line.btn-warning.active { |
| background-color: #fff; |
| border-color: #eea236 |
| } |
| |
| .btn-line.btn-danger { |
| color: #d9534f; |
| background-color: #fff; |
| border-color: #d43f3a |
| } |
| |
| .btn-line.btn-danger:hover,.btn-line.btn-danger:focus,.btn-line.btn-danger:active,.btn-line.btn-danger.active { |
| background-color: #d43f3a; |
| color: #fff; |
| border-color: #b52b27 |
| } |
| |
| .btn-line.btn-danger.disabled,.btn-line.btn-danger[disabled],fieldset[disabled] .btn-line.btn-danger,.btn-line.btn-danger.disabled:hover,.btn-line.btn-danger[disabled]:hover,fieldset[disabled] .btn-line.btn-danger:hover,.btn-line.btn-danger.disabled:focus,.btn-line.btn-danger[disabled]:focus,fieldset[disabled] .btn-line.btn-danger:focus,.btn-line.btn-danger.disabled:active,.btn-line.btn-danger[disabled]:active,fieldset[disabled] .btn-line.btn-danger:active,.btn-line.btn-danger.disabled.active,.btn-line.btn-danger[disabled].active,fieldset[disabled] .btn-line.btn-danger.active { |
| background-color: #fff; |
| border-color: #d43f3a |
| } |
| |
| .btn-line.btn-success { |
| color: #5cb85c; |
| background-color: #fff; |
| border-color: #4cae4c |
| } |
| |
| .btn-line.btn-success:hover,.btn-line.btn-success:focus,.btn-line.btn-success:active,.btn-line.btn-success.active { |
| background-color: #4cae4c; |
| color: #fff; |
| border-color: #3d8b3d |
| } |
| |
| .btn-line.btn-success.disabled,.btn-line.btn-success[disabled],fieldset[disabled] .btn-line.btn-success,.btn-line.btn-success.disabled:hover,.btn-line.btn-success[disabled]:hover,fieldset[disabled] .btn-line.btn-success:hover,.btn-line.btn-success.disabled:focus,.btn-line.btn-success[disabled]:focus,fieldset[disabled] .btn-line.btn-success:focus,.btn-line.btn-success.disabled:active,.btn-line.btn-success[disabled]:active,fieldset[disabled] .btn-line.btn-success:active,.btn-line.btn-success.disabled.active,.btn-line.btn-success[disabled].active,fieldset[disabled] .btn-line.btn-success.active { |
| background-color: #fff; |
| border-color: #4cae4c |
| } |
| |
| .btn-line.btn-info { |
| color: #5bc0de; |
| background-color: #fff; |
| border-color: #46b8da |
| } |
| |
| .btn-line.btn-info:hover,.btn-line.btn-info:focus,.btn-line.btn-info:active,.btn-line.btn-info.active { |
| background-color: #46b8da; |
| color: #fff; |
| border-color: #28a1c5 |
| } |
| |
| .btn-line.btn-info.disabled,.btn-line.btn-info[disabled],fieldset[disabled] .btn-line.btn-info,.btn-line.btn-info.disabled:hover,.btn-line.btn-info[disabled]:hover,fieldset[disabled] .btn-line.btn-info:hover,.btn-line.btn-info.disabled:focus,.btn-line.btn-info[disabled]:focus,fieldset[disabled] .btn-line.btn-info:focus,.btn-line.btn-info.disabled:active,.btn-line.btn-info[disabled]:active,fieldset[disabled] .btn-line.btn-info:active,.btn-line.btn-info.disabled.active,.btn-line.btn-info[disabled].active,fieldset[disabled] .btn-line.btn-info.active { |
| background-color: #fff; |
| border-color: #46b8da |
| } |
| |
| .btn-line.btn-metis-1 { |
| color: #ee465a; |
| background-color: #fff; |
| border-color: #c11a39 |
| } |
| |
| .btn-line.btn-metis-1:hover,.btn-line.btn-metis-1:focus,.btn-line.btn-metis-1:active,.btn-line.btn-metis-1.active { |
| background-color: #ec2f45; |
| color: #fff; |
| border-color: #94142c |
| } |
| |
| .btn-line.btn-metis-1.disabled,.btn-line.btn-metis-1[disabled],fieldset[disabled] .btn-line.btn-metis-1,.btn-line.btn-metis-1.disabled:hover,.btn-line.btn-metis-1[disabled]:hover,fieldset[disabled] .btn-line.btn-metis-1:hover,.btn-line.btn-metis-1.disabled:focus,.btn-line.btn-metis-1[disabled]:focus,fieldset[disabled] .btn-line.btn-metis-1:focus,.btn-line.btn-metis-1.disabled:active,.btn-line.btn-metis-1[disabled]:active,fieldset[disabled] .btn-line.btn-metis-1:active,.btn-line.btn-metis-1.disabled.active,.btn-line.btn-metis-1[disabled].active,fieldset[disabled] .btn-line.btn-metis-1.active { |
| background-color: #fff; |
| border-color: #c11a39 |
| } |
| |
| .btn-line.btn-metis-2 { |
| color: #9fd256; |
| background-color: #fff; |
| border-color: #6fac34 |
| } |
| |
| .btn-line.btn-metis-2:hover,.btn-line.btn-metis-2:focus,.btn-line.btn-metis-2:active,.btn-line.btn-metis-2.active { |
| background-color: #94cd42; |
| color: #fff; |
| border-color: #568528 |
| } |
| |
| .btn-line.btn-metis-2.disabled,.btn-line.btn-metis-2[disabled],fieldset[disabled] .btn-line.btn-metis-2,.btn-line.btn-metis-2.disabled:hover,.btn-line.btn-metis-2[disabled]:hover,fieldset[disabled] .btn-line.btn-metis-2:hover,.btn-line.btn-metis-2.disabled:focus,.btn-line.btn-metis-2[disabled]:focus,fieldset[disabled] .btn-line.btn-metis-2:focus,.btn-line.btn-metis-2.disabled:active,.btn-line.btn-metis-2[disabled]:active,fieldset[disabled] .btn-line.btn-metis-2:active,.btn-line.btn-metis-2.disabled.active,.btn-line.btn-metis-2[disabled].active,fieldset[disabled] .btn-line.btn-metis-2.active { |
| background-color: #fff; |
| border-color: #6fac34 |
| } |
| |
| .btn-line.btn-metis-3 { |
| color: #fbb450; |
| background-color: #fff; |
| border-color: #f89406 |
| } |
| |
| .btn-line.btn-metis-3:hover,.btn-line.btn-metis-3:focus,.btn-line.btn-metis-3:active,.btn-line.btn-metis-3.active { |
| background-color: #faa937; |
| color: #fff; |
| border-color: #c67605 |
| } |
| |
| .btn-line.btn-metis-3.disabled,.btn-line.btn-metis-3[disabled],fieldset[disabled] .btn-line.btn-metis-3,.btn-line.btn-metis-3.disabled:hover,.btn-line.btn-metis-3[disabled]:hover,fieldset[disabled] .btn-line.btn-metis-3:hover,.btn-line.btn-metis-3.disabled:focus,.btn-line.btn-metis-3[disabled]:focus,fieldset[disabled] .btn-line.btn-metis-3:focus,.btn-line.btn-metis-3.disabled:active,.btn-line.btn-metis-3[disabled]:active,fieldset[disabled] .btn-line.btn-metis-3:active,.btn-line.btn-metis-3.disabled.active,.btn-line.btn-metis-3[disabled].active,fieldset[disabled] .btn-line.btn-metis-3.active { |
| background-color: #fff; |
| border-color: #f89406 |
| } |
| |
| .btn-line.btn-metis-4 { |
| color: #a264e7; |
| background-color: #fff; |
| border-color: #62309a |
| } |
| |
| .btn-line.btn-metis-4:hover,.btn-line.btn-metis-4:focus,.btn-line.btn-metis-4:active,.btn-line.btn-metis-4.active { |
| background-color: #954ee4; |
| color: #fff; |
| border-color: #492473 |
| } |
| |
| .btn-line.btn-metis-4.disabled,.btn-line.btn-metis-4[disabled],fieldset[disabled] .btn-line.btn-metis-4,.btn-line.btn-metis-4.disabled:hover,.btn-line.btn-metis-4[disabled]:hover,fieldset[disabled] .btn-line.btn-metis-4:hover,.btn-line.btn-metis-4.disabled:focus,.btn-line.btn-metis-4[disabled]:focus,fieldset[disabled] .btn-line.btn-metis-4:focus,.btn-line.btn-metis-4.disabled:active,.btn-line.btn-metis-4[disabled]:active,fieldset[disabled] .btn-line.btn-metis-4:active,.btn-line.btn-metis-4.disabled.active,.btn-line.btn-metis-4[disabled].active,fieldset[disabled] .btn-line.btn-metis-4.active { |
| background-color: #fff; |
| border-color: #62309a |
| } |
| |
| .btn-line.btn-metis-5 { |
| color: #777; |
| background-color: #fff; |
| border-color: #555 |
| } |
| |
| .btn-line.btn-metis-5:hover,.btn-line.btn-metis-5:focus,.btn-line.btn-metis-5:active,.btn-line.btn-metis-5.active { |
| background-color: #6a6a6a; |
| color: #fff; |
| border-color: #3b3b3b |
| } |
| |
| .btn-line.btn-metis-5.disabled,.btn-line.btn-metis-5[disabled],fieldset[disabled] .btn-line.btn-metis-5,.btn-line.btn-metis-5.disabled:hover,.btn-line.btn-metis-5[disabled]:hover,fieldset[disabled] .btn-line.btn-metis-5:hover,.btn-line.btn-metis-5.disabled:focus,.btn-line.btn-metis-5[disabled]:focus,fieldset[disabled] .btn-line.btn-metis-5:focus,.btn-line.btn-metis-5.disabled:active,.btn-line.btn-metis-5[disabled]:active,fieldset[disabled] .btn-line.btn-metis-5:active,.btn-line.btn-metis-5.disabled.active,.btn-line.btn-metis-5[disabled].active,fieldset[disabled] .btn-line.btn-metis-5.active { |
| background-color: #fff; |
| border-color: #555 |
| } |
| |
| .btn-line.btn-metis-6 { |
| color: #00b4f5; |
| background-color: #fff; |
| border-color: #008dc5 |
| } |
| |
| .btn-line.btn-metis-6:hover,.btn-line.btn-metis-6:focus,.btn-line.btn-metis-6:active,.btn-line.btn-metis-6.active { |
| background-color: #00a1dc; |
| color: #fff; |
| border-color: #006892 |
| } |
| |
| .btn-line.btn-metis-6.disabled,.btn-line.btn-metis-6[disabled],fieldset[disabled] .btn-line.btn-metis-6,.btn-line.btn-metis-6.disabled:hover,.btn-line.btn-metis-6[disabled]:hover,fieldset[disabled] .btn-line.btn-metis-6:hover,.btn-line.btn-metis-6.disabled:focus,.btn-line.btn-metis-6[disabled]:focus,fieldset[disabled] .btn-line.btn-metis-6:focus,.btn-line.btn-metis-6.disabled:active,.btn-line.btn-metis-6[disabled]:active,fieldset[disabled] .btn-line.btn-metis-6:active,.btn-line.btn-metis-6.disabled.active,.btn-line.btn-metis-6[disabled].active,fieldset[disabled] .btn-line.btn-metis-6.active { |
| background-color: #fff; |
| border-color: #008dc5 |
| } |
| |
| .btn-flat { |
| border-width: 0 !important |
| } |
| |
| .anim-checkbox label { |
| position: relative |
| } |
| |
| .anim-checkbox label:before,.anim-checkbox label:after { |
| font-family: FontAwesome; |
| position: absolute; |
| left: -22px |
| } |
| |
| .anim-checkbox label:before { |
| content: '\f096' |
| } |
| |
| .anim-checkbox label:after { |
| content: '\f046'; |
| max-width: 0; |
| overflow: hidden; |
| opacity: .5; |
| transition: all .35s |
| } |
| |
| .anim-checkbox input[type="checkbox"] { |
| display: none |
| } |
| |
| .anim-checkbox input[type="checkbox"]:checked+label:after { |
| max-width: 25px; |
| opacity: 1 |
| } |
| |
| .anim-checkbox .primary:checked+label:before,.anim-checkbox .primary:checked+label:after { |
| color: #337ab7 |
| } |
| |
| .anim-checkbox .success:checked+label:before,.anim-checkbox .success:checked+label:after { |
| color: #5cb85c |
| } |
| |
| .anim-checkbox .warning:checked+label:before,.anim-checkbox .warning:checked+label:after { |
| color: #f0ad4e |
| } |
| |
| .anim-checkbox .danger:checked+label:before,.anim-checkbox .danger:checked+label:after { |
| color: #d9534f |
| } |
| |
| .anim-checkbox .info:checked+label:before,.anim-checkbox .info:checked+label:after { |
| color: #5bc0de |
| } |
| |
| .pricing-table { |
| text-align: center; |
| padding: 0; |
| margin: 30px 0; |
| line-height: 150% |
| } |
| |
| .pricing-table li { |
| list-style: none |
| } |
| |
| .pricing-table>li { |
| background-image: -webkit-linear-gradient(top, #ebeef5 0, #fff 100%); |
| background-image: -o-linear-gradient(top, #ebeef5 0, #fff 100%); |
| background-image: linear-gradient(to bottom, #ebeef5 0, #fff 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebeef5', endColorstr='#ffffffff', GradientType=0); |
| color: #444; |
| -webkit-transition: all .2s; |
| -o-transition: all .2s; |
| transition: all .2s |
| } |
| |
| .pricing-table.dark>li { |
| background-image: -webkit-linear-gradient(top, #666 0, #444 100%); |
| background-image: -o-linear-gradient(top, #666 0, #444 100%); |
| background-image: linear-gradient(to bottom, #666 0, #444 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff444444', GradientType=0); |
| color: #fff |
| } |
| |
| .pricing-table.dark>li.active.default { |
| color: #fff |
| } |
| |
| .pricing-table>li.active { |
| color: #fff; |
| -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.5); |
| box-shadow: 0 0 15px 1px rgba(0,0,0,0.5); |
| z-index: 1 |
| } |
| |
| .pricing-table>li.active.default { |
| color: #444 |
| } |
| |
| @media (min-width:768px) { |
| .pricing-table>li.active { |
| -webkit-transform: scale(1.03); |
| -ms-transform: scale(1.03); |
| -o-transform: scale(1.03); |
| transform: scale(1.03) |
| } |
| } |
| |
| .pricing-table>li.active.primary { |
| background-image: -webkit-linear-gradient(top, #2e6da4 0, #337ab7 100%); |
| background-image: -o-linear-gradient(top, #2e6da4 0, #337ab7 100%); |
| background-image: linear-gradient(to bottom, #2e6da4 0, #337ab7 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e6da4', endColorstr='#ff337ab7', GradientType=0) |
| } |
| |
| .pricing-table>li.active.success { |
| background-image: -webkit-linear-gradient(top, #4cae4c 0, #5cb85c 100%); |
| background-image: -o-linear-gradient(top, #4cae4c 0, #5cb85c 100%); |
| background-image: linear-gradient(to bottom, #4cae4c 0, #5cb85c 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4cae4c', endColorstr='#ff5cb85c', GradientType=0) |
| } |
| |
| .pricing-table>li.active.warning { |
| background-image: -webkit-linear-gradient(top, #eea236 0, #f0ad4e 100%); |
| background-image: -o-linear-gradient(top, #eea236 0, #f0ad4e 100%); |
| background-image: linear-gradient(to bottom, #eea236 0, #f0ad4e 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeea236', endColorstr='#fff0ad4e', GradientType=0) |
| } |
| |
| .pricing-table>li.active.danger { |
| background-image: -webkit-linear-gradient(top, #d43f3a 0, #d9534f 100%); |
| background-image: -o-linear-gradient(top, #d43f3a 0, #d9534f 100%); |
| background-image: linear-gradient(to bottom, #d43f3a 0, #d9534f 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd43f3a', endColorstr='#ffd9534f', GradientType=0) |
| } |
| |
| .pricing-table>li.active.info { |
| background-image: -webkit-linear-gradient(top, #46b8da 0, #5bc0de 100%); |
| background-image: -o-linear-gradient(top, #46b8da 0, #5bc0de 100%); |
| background-image: linear-gradient(to bottom, #46b8da 0, #5bc0de 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff46b8da', endColorstr='#ff5bc0de', GradientType=0) |
| } |
| |
| .pricing-table .footer { |
| padding: 15px; |
| margin: 15px -15px 0; |
| background: #eee |
| } |
| |
| .pricing-table.dark .footer { |
| background: #333 |
| } |
| |
| .pricing-table h3 { |
| text-transform: uppercase; |
| padding: 15px 0 |
| } |
| |
| .pricing-table .price-body { |
| width: 125px; |
| height: 125px; |
| margin: 0 auto 15px auto; |
| border: 2px solid #444; |
| border-radius: 100%; |
| display: table |
| } |
| |
| .pricing-table.dark .price-body { |
| border-color: #fff |
| } |
| |
| .pricing-table>li.active.primary .price-body,.pricing-table>li.active.success .price-body,.pricing-table>li.active.warning .price-body,.pricing-table>li.active.danger .price-body,.pricing-table>li.active.info .price-body { |
| border-color: #fff |
| } |
| |
| .pricing-table .price { |
| font-size: 30px; |
| font-weight: bold; |
| text-transform: uppercase; |
| vertical-align: middle; |
| display: table-cell |
| } |
| |
| .pricing-table .price .price-figure { |
| display: block |
| } |
| |
| .pricing-table .price .price-term { |
| font-size: 11px; |
| font-weight: normal |
| } |
| |
| .pricing-table .features ul { |
| margin: 0; |
| padding: 0 |
| } |
| |
| .pricing-table .features ul li { |
| padding: 5px 0 |
| } |
| |
| .inner hr { |
| margin-top: 10px; |
| border-top-color: #ccc |
| } |
| |
| .progress.xs { |
| height: 6px |
| } |
| |
| .progress.sm { |
| height: 10px |
| } |
| |
| .progress.md { |
| height: 12px |
| } |
| |
| .progress.lg { |
| height: 28px |
| } |
| |
| .quick-btn { |
| background: #eee; |
| -webkit-box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC; |
| box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC; |
| color: #444; |
| display: inline-block; |
| height: 80px; |
| margin: 10px; |
| padding-top: 16px; |
| text-align: center; |
| text-decoration: none; |
| width: 90px; |
| position: relative |
| } |
| |
| .quick-btn span { |
| display: block |
| } |
| |
| .quick-btn .label { |
| position: absolute; |
| right: -5px; |
| top: -5px |
| } |
| |
| .quick-btn:hover { |
| text-decoration: none; |
| color: #fff; |
| background-color: #4d7589 |
| } |
| |
| .quick-btn.small { |
| width: 40px; |
| height: 30px; |
| padding-top: 6px |
| } |
| |
| .simpleTable tr th:first-child,.simpleTable tr td:first-child { |
| text-align: center; |
| width: 27px |
| } |
| |
| .sortableTable th { |
| background-image: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); |
| background-image: -o-linear-gradient(top, #fff 0, #f2f2f2 100%); |
| background-image: linear-gradient(to bottom, #fff 0, #f2f2f2 100%); |
| background-repeat: repeat-x; |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); |
| cursor: pointer |
| } |
| |
| .sortableTable th:hover { |
| color: #888 |
| } |
| |
| .sortableTable th.tablesorter-header .fa.sort:before { |
| content: "\f0dc" |
| } |
| |
| .sortableTable th.tablesorter-header.tablesorter-headerDesc .fa.sort:before { |
| content: "\f0de" |
| } |
| |
| .sortableTable th.tablesorter-header.tablesorter-headerAsc .fa.sort:before { |
| content: "\f0dd" |
| } |
| |
| .sparkline { |
| min-width: 50px; |
| border-right: 1px solid #dcdcdc; |
| -webkit-box-shadow: 1px 0 0 0 #fff; |
| box-shadow: 1px 0 0 0 #fff; |
| float: left; |
| margin-right: 12px; |
| padding: 10px 14px 0 4px; |
| line-height: 52px |
| } |
| |
| .stats_box { |
| display: inline-block; |
| list-style: none outside none; |
| margin-left: 0; |
| margin-top: 20px; |
| padding: 0 |
| } |
| |
| .stats_box li { |
| background: #eee; |
| -webkit-box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC; |
| box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC; |
| display: inline-block; |
| line-height: 18px; |
| margin: 0 10px 10px; |
| padding: 0 10px; |
| text-shadow: 0 1px 0 rgba(255,255,255,0.6); |
| float: left |
| } |
| |
| .stats_box .stat_text { |
| float: left; |
| font-size: 12px; |
| padding: 9px 10px 7px 0; |
| text-align: left; |
| min-width: 150px; |
| position: relative |
| } |
| |
| .stats_box .stat_text strong { |
| display: block; |
| font-size: 16px |
| } |
| |
| .stats_box .stat_text .percent { |
| color: #444; |
| float: right; |
| font-size: 20px; |
| font-weight: bold; |
| position: absolute; |
| right: 0; |
| top: 17px |
| } |
| |
| .stats_box .stat_text .percent.up { |
| color: #46a546 |
| } |
| |
| .stats_box .stat_text .percent.down { |
| color: #c52f61 |
| } |
| |
| ::-webkit-scrollbar { |
| width: 12px; |
| height: 12px |
| } |
| |
| ::-webkit-scrollbar-thumb { |
| border-radius: 1em |
| } |
| |
| ::-webkit-scrollbar-thumb:hover { |
| background-color: #999 |
| } |
| |
| ::-webkit-scrollbar-track { |
| border-radius: 1em; |
| background: transparent |
| } |
| |
| ::-webkit-scrollbar-track:hover { |
| background: rgba(110,110,110,0.25) |
| } |
| |
| .fc-event.label { |
| border: 1px solid #808080; |
| color: #fff; |
| font-size: .85em; |
| cursor: default; |
| background-color: #999 |
| } |
| |
| .fc-event.label.label-default { |
| border-color: #6a6a6a; |
| background-color: #777 |
| } |
| |
| .fc-event.label.label-default[href]:hover,.fc-event.label.label-default[href]:focus { |
| background-color: #5e5e5e |
| } |
| |
| .fc-event.label.label-primary { |
| border-color: #2e6da4; |
| background-color: #337ab7 |
| } |
| |
| .fc-event.label.label-primary[href]:hover,.fc-event.label.label-primary[href]:focus { |
| background-color: #286090 |
| } |
| |
| .fc-event.label.label-success { |
| border-color: #4cae4c; |
| background-color: #5cb85c |
| } |
| |
| .fc-event.label.label-success[href]:hover,.fc-event.label.label-success[href]:focus { |
| background-color: #449d44 |
| } |
| |
| .fc-event.label.label-info { |
| border-color: #46b8da; |
| background-color: #5bc0de |
| } |
| |
| .fc-event.label.label-info[href]:hover,.fc-event.label.label-info[href]:focus { |
| background-color: #31b0d5 |
| } |
| |
| .fc-event.label.label-warning { |
| border-color: #eea236; |
| background-color: #f0ad4e |
| } |
| |
| .fc-event.label.label-warning[href]:hover,.fc-event.label.label-warning[href]:focus { |
| background-color: #ec971f |
| } |
| |
| .fc-event.label.label-danger { |
| border-color: #d43f3a; |
| background-color: #d9534f |
| } |
| |
| .fc-event.label.label-danger[href]:hover,.fc-event.label.label-danger[href]:focus { |
| background-color: #c9302c |
| } |
| |
| .chosen-container-single .chosen-single,.chosen-container-multi .chosen-choices li.search-field input[type="text"] { |
| height: auto !important |
| } |
| |
| .jqstooltip { |
| -webkit-box-sizing: content-box; |
| -moz-box-sizing: content-box; |
| box-sizing: content-box |
| } |
| |
| .google-maps { |
| min-height: 300px |
| } |
| |
| .icon-chevron-up,.icon-chevron-down { |
| 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 |
| } |
| |
| .icon-chevron-up:before { |
| content: "\e113" |
| } |
| |
| .icon-chevron-down:before { |
| content: "\e114" |
| } |
| |
| iframe.wysihtml5-sandbox { |
| width: 100% !important |
| } |
| |
| .elfinder,.elfinder * { |
| -webkit-box-sizing: content-box; |
| -moz-box-sizing: content-box; |
| box-sizing: content-box |
| } |
| |
| .colorpicker-saturation { |
| background-image: url(../lib/colorpicker/img/saturation.png) !important |
| } |
| |
| .colorpicker-hue { |
| background-image: url(../lib/colorpicker/img/hue.png) !important |
| } |
| |
| .colorpicker-alpha { |
| background-image: url(../lib/colorpicker/img/alpha.png) !important |
| } |
| |
| .colorpicker-color { |
| background-image: url(../lib/colorpicker/img/alpha.png) !important |
| } |
| |
| div.uploader { |
| width: auto !important |
| } |
| |
| .p-xs { |
| padding: 10px |
| } |
| |
| .p-xs-t { |
| padding-top: 10px |
| } |
| |
| .p-xs-l { |
| padding-left: 10px |
| } |
| |
| .p-xs-b { |
| padding-bottom: 10px |
| } |
| |
| .p-xs-r { |
| padding-right: 10px |
| } |
| |
| .p-sm { |
| padding: 15px |
| } |
| |
| .p-sm-t { |
| padding-top: 15px |
| } |
| |
| .p-sm-l { |
| padding-left: 15px |
| } |
| |
| .p-sm-b { |
| padding-bottom: 15px |
| } |
| |
| .p-sm-r { |
| padding-right: 15px |
| } |
| |
| .p-md { |
| padding: 25px |
| } |
| |
| .p-md-t { |
| padding-top: 25px |
| } |
| |
| .p-md-l { |
| padding-left: 25px |
| } |
| |
| .p-md-b { |
| padding-bottom: 25px |
| } |
| |
| .p-md-r { |
| padding-right: 25px |
| } |
| |
| .p-lg { |
| padding: 40px |
| } |
| |
| .p-lg-t { |
| padding-top: 40px |
| } |
| |
| .p-lg-l { |
| padding-left: 40px |
| } |
| |
| .p-lg-b { |
| padding-bottom: 40px |
| } |
| |
| .p-lg-r { |
| padding-right: 40px |
| } |
| |
| .m-xs { |
| margin: 10px |
| } |
| |
| .m-xs-t { |
| margin-top: 10px |
| } |
| |
| .m-xs-l { |
| margin-left: 10px |
| } |
| |
| .m-xs-b { |
| margin-bottom: 10px |
| } |
| |
| .m-xs-r { |
| margin-right: 10px |
| } |
| |
| .m-sm { |
| margin: 15px |
| } |
| |
| .m-sm-t { |
| margin-top: 15px |
| } |
| |
| .m-sm-l { |
| margin-left: 15px |
| } |
| |
| .m-sm-b { |
| margin-bottom: 15px |
| } |
| |
| .m-sm-r { |
| margin-right: 15px |
| } |
| |
| .m-md { |
| margin: 25px |
| } |
| |
| .m-md-t { |
| margin-top: 25px |
| } |
| |
| .m-md-l { |
| margin-left: 25px |
| } |
| |
| .m-md-b { |
| margin-bottom: 25px |
| } |
| |
| .m-md-r { |
| margin-right: 25px |
| } |
| |
| .m-lg { |
| margin: 40px |
| } |
| |
| .m-lg-t { |
| margin-top: 40px |
| } |
| |
| .m-lg-l { |
| margin-left: 40px |
| } |
| |
| .m-lg-b { |
| margin-bottom: 40px |
| } |
| |
| .m-lg-r { |
| margin-right: 40px |
| } |
| |
| .bg-red { |
| background-color: #b90000; |
| color: #fff !important |
| } |
| |
| .bg-red.dker,.bg-red>.dker { |
| background-color: #900000 !important |
| } |
| |
| .bg-red.dk,.bg-red>.dk { |
| background-color: #a50000 !important |
| } |
| |
| .bg-red.lt,.bg-red>.lt { |
| background-color: #cd0000 !important |
| } |
| |
| .bg-red.lter,.bg-red>.lter { |
| background-color: #e20000 !important |
| } |
| |
| .bg-brick { |
| background-color: #cd6723; |
| color: #fff !important |
| } |
| |
| .bg-brick.dker,.bg-brick>.dker { |
| background-color: #aa551d !important |
| } |
| |
| .bg-brick.dk,.bg-brick>.dk { |
| background-color: #bc5e20 !important |
| } |
| |
| .bg-brick.lt,.bg-brick>.lt { |
| background-color: #db712a !important |
| } |
| |
| .bg-brick.lter,.bg-brick>.lter { |
| background-color: #de7c3b !important |
| } |
| |
| .bg-orange { |
| background-color: #ff4e00; |
| color: #fff !important |
| } |
| |
| .bg-orange.dker,.bg-orange>.dker { |
| background-color: #d64200 !important |
| } |
| |
| .bg-orange.dk,.bg-orange>.dk { |
| background-color: #eb4800 !important |
| } |
| |
| .bg-orange.lt,.bg-orange>.lt { |
| background-color: #ff5c14 !important |
| } |
| |
| .bg-orange.lter,.bg-orange>.lter { |
| background-color: #ff6a29 !important |
| } |
| |
| .bg-green { |
| background-color: #4b780a; |
| color: #fff !important |
| } |
| |
| .bg-green.dker,.bg-green>.dker { |
| background-color: #335207 !important |
| } |
| |
| .bg-green.dk,.bg-green>.dk { |
| background-color: #3f6508 !important |
| } |
| |
| .bg-green.lt,.bg-green>.lt { |
| background-color: #578b0c !important |
| } |
| |
| .bg-green.lter,.bg-green>.lter { |
| background-color: #639e0d !important |
| } |
| |
| .bg-blue { |
| background-color: #00caf2; |
| color: #fff !important |
| } |
| |
| .bg-blue.dker,.bg-blue>.dker { |
| background-color: #00a8c9 !important |
| } |
| |
| .bg-blue.dk,.bg-blue>.dk { |
| background-color: #00b9de !important |
| } |
| |
| .bg-blue.lt,.bg-blue>.lt { |
| background-color: #07d6ff !important |
| } |
| |
| .bg-blue.lter,.bg-blue>.lter { |
| background-color: #1cd9ff !important |
| } |
| |
| .bg-black { |
| background-color: #222; |
| color: #fff !important |
| } |
| |
| .bg-black.dker,.bg-black>.dker { |
| background-color: #0e0e0e !important |
| } |
| |
| .bg-black.dk,.bg-black>.dk { |
| background-color: #181818 !important |
| } |
| |
| .bg-black.lt,.bg-black>.lt { |
| background-color: #2c2c2c !important |
| } |
| |
| .bg-black.lter,.bg-black>.lter { |
| background-color: #363636 !important |
| } |
| |
| .bg-dark { |
| background-color: #444; |
| color: #fff !important |
| } |
| |
| .bg-dark.dker,.bg-dark>.dker { |
| background-color: #303030 !important |
| } |
| |
| .bg-dark.dk,.bg-dark>.dk { |
| background-color: #3a3a3a !important |
| } |
| |
| .bg-dark.lt,.bg-dark>.lt { |
| background-color: #4e4e4e !important |
| } |
| |
| .bg-dark.lter,.bg-dark>.lter { |
| background-color: #585858 !important |
| } |
| |
| .bg-light { |
| background-color: #eee; |
| color: #333 !important |
| } |
| |
| .bg-light.dker,.bg-light>.dker { |
| background-color: #dadada !important |
| } |
| |
| .bg-light.dk,.bg-light>.dk { |
| background-color: #e4e4e4 !important |
| } |
| |
| .bg-light.lt,.bg-light>.lt { |
| background-color: #f8f8f8 !important |
| } |
| |
| .bg-light.lter,.bg-light>.lter { |
| background-color: #fff !important |
| } |
| |
| .bg-brillant { |
| background: url("../img/pattern/brillant.png") repeat |
| } |
| |
| .bg-always_grey { |
| background: url("../img/pattern/always_grey.png") repeat |
| } |
| |
| .bg-retina_wood { |
| background: url("../img/pattern/retina_wood.png") repeat |
| } |
| |
| .bg-low_contrast_linen { |
| background: url("../img/pattern/low_contrast_linen.png") repeat |
| } |
| |
| .bg-egg_shell { |
| background: url("../img/pattern/egg_shell.png") repeat |
| } |
| |
| .bg-cartographer { |
| background: url("../img/pattern/cartographer.png") repeat |
| } |
| |
| .bg-batthern { |
| background: url("../img/pattern/batthern.png") repeat |
| } |
| |
| .bg-noisy_grid { |
| background: url("../img/pattern/noisy_grid.png") repeat |
| } |
| |
| .bg-diamond_upholstery { |
| background: url("../img/pattern/diamond_upholstery.png") repeat |
| } |
| |
| .bg-greyfloral { |
| background: url("../img/pattern/greyfloral.png") repeat |
| } |
| |
| .bg-white_tiles { |
| background: url("../img/pattern/white_tiles.png") repeat |
| } |
| |
| .bg-gplaypattern { |
| background: url("../img/pattern/gplaypattern.png") repeat |
| } |
| |
| .bg-arches { |
| background: url("../img/pattern/arches.png") repeat |
| } |
| |
| .bg-purty_wood { |
| background: url("../img/pattern/purty_wood.png") repeat |
| } |
| |
| .bg-diagonal_striped_brick { |
| background: url("../img/pattern/diagonal_striped_brick.png") repeat |
| } |
| |
| .bg-large_leather { |
| background: url("../img/pattern/large_leather.png") repeat |
| } |
| |
| .bg-bo_play_pattern { |
| background: url("../img/pattern/bo_play_pattern.png") repeat |
| } |
| |
| .bg-irongrip { |
| background: url("../images/background.png") repeat |
| } |
| |
| .bg-wood_1 { |
| background: url("../img/pattern/wood_1.png") repeat |
| } |
| |
| .bg-pool_table { |
| background: url("../img/pattern/pool_table.png") repeat |
| } |
| |
| .bg-crissXcross { |
| background: url("../img/pattern/crissXcross.png") repeat |
| } |
| |
| .bg-rip_jobs { |
| background: url("../img/pattern/rip_jobs.png") repeat |
| } |
| |
| .bg-random_grey_variations { |
| background: url("../img/pattern/random_grey_variations.png") repeat |
| } |
| |
| .bg-carbon_fibre { |
| background: url("../img/pattern/carbon_fibre.png") repeat |
| } |
| |
| body.error { |
| padding-top: 40px; |
| background: url("../img/pattern/always_grey.png") repeat rgba(68,68,68,0.9) |
| } |
| |
| body.error .logo h1 { |
| color: #fff; |
| font-size: 100px; |
| text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.2),0 20px 20px rgba(0,0,0,0.15) |
| } |
| |
| @media (max-width:767px) { |
| body.error .logo h1 { |
| font-size: 60px |
| } |
| } |
| |
| .login { |
| padding-top: 40px; |
| padding-bottom: 40px; |
| background: url("../images/background.png") repeat; |
| } |
| |
| .login .form-signin { |
| max-width: 330px; |
| padding: 20px; |
| margin: 0 auto; |
| background-color: #fff; |
| border-radius: 3px |
| } |
| |
| .login .form-signin .form-signin-heading,.login .form-signin .checkbox { |
| margin-bottom: 10px |
| } |
| |
| .login .form-signin .checkbox { |
| font-weight: normal |
| } |
| |
| .login .form-signin input[type="text"],.login .form-signin input[type="password"],.login .form-signin input[type="email"] { |
| position: relative; |
| font-size: 16px; |
| height: auto; |
| padding: 10px; |
| margin-bottom: 10px |
| } |
| |
| .login .form-signin input[type="text"]:focus,.login .form-signin input[type="password"]:focus,.login .form-signin input[type="email"]:focus { |
| z-index: 2 |
| } |
| |
| .login .form-signin input.top { |
| margin-bottom: -1px; |
| border-bottom-left-radius: 0; |
| border-bottom-right-radius: 0 |
| } |
| |
| .login .form-signin input.middle { |
| margin-bottom: -1px; |
| border-radius: 0 |
| } |
| |
| .login .form-signin input.bottom { |
| border-top-left-radius: 0; |
| border-top-right-radius: 0 |
| } |
| |
| |
| .clientcard { |
| float: left; |
| width: 90%; |
| border: 2px solid #666; |
| border-radius: 3px; |
| padding: 6px; |
| background: #333; |
| color: #DDD; |
| display: inline-block; |
| margin: 5px; |
| } |
| |
| .clientcard.green { |
| background: linear-gradient(to bottom, #9CB94E 0, #90B039 100%); |
| color: #FFF; |
| } |
| |
| .clientcard.orange { |
| background: linear-gradient(to bottom, #B95929 0, #AF420B 100%); |
| color: #FFF; |
| } |
| |
| .clientcard.grey { |
| background: linear-gradient(to bottom, #897c6e 0, #6b6259 100%); |
| color: #FFF; |
| } |
| |
| .clientcard.red { |
| background: linear-gradient(to bottom, #b21e40 0, #991e39 100%); |
| color: #FFF; |
| |
| } |
| |
| .clientcard input { |
| background: rgba(255,255,200,0.45); |
| border: 1.5px inset #333; |
| } |
| |
| |
| |
| |
| |
| |
| .clientcard .banner { |
| float: left; |
| width: calc(100% + 8px); |
| margin: -4px; |
| font-size: 1.8rem; |
| border-bottom: 1px solid #333; |
| margin-bottom: 5px; |
| background: rgba(0,0,0,0.2); |
| } |
| |
| .clientcard kbd { |
| background: none; |
| font-family: monospace; |
| color: inherit; |
| box-shadow: none; |
| border: none; |
| font-size: 0.95rem; |
| padding: 0px; |
| margin: 0px; |
| } |
| |
| .clientcard b { |
| display: inline-block; |
| width: 100px; |
| } |
| |
| .clientcard:hover { |
| /*background: rgba(0,0,0,0.2);*/ |
| } |
| |
| .clientcardline { |
| width: 450px; |
| float: left; |
| } |
| |
| |
| .btn-square { |
| min-width: 22px !important; |
| padding: 0px; |
| line-height: 22px; |
| height: 22px !important; |
| font-weight: bold; |
| visibility: hidden; |
| text-align: center; |
| } |
| |
| .clientcard:hover .btn-square { |
| visibility: visible; |
| } |