mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-14 15:13:29 +01:00
2911 lines
213 KiB
CSS
2911 lines
213 KiB
CSS
|
/*!
|
||
|
|
* Bootstrap v3.3.1 (http://getbootstrap.com)
|
||
|
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
|
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:before,:after{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{
|
||
|
|
/*
|
||
|
|
* Table styles
|
||
|
|
*/
|
||
|
|
table.dataTable {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
clear: both;
|
||
|
|
border-collapse: separate;
|
||
|
|
border-spacing: 0;
|
||
|
|
/*
|
||
|
|
* Header and footer styles
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Body styles
|
||
|
|
*/
|
||
|
|
}
|
||
|
|
table.dataTable thead th,
|
||
|
|
table.dataTable tfoot th {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
table.dataTable thead th,
|
||
|
|
table.dataTable thead td {
|
||
|
|
padding: 10px 18px;
|
||
|
|
border-bottom: 1px solid #111111;
|
||
|
|
}
|
||
|
|
table.dataTable thead th:active,
|
||
|
|
table.dataTable thead td:active {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
table.dataTable tfoot th,
|
||
|
|
table.dataTable tfoot td {
|
||
|
|
padding: 10px 18px 6px 18px;
|
||
|
|
border-top: 1px solid #111111;
|
||
|
|
}
|
||
|
|
table.dataTable thead .sorting_asc,
|
||
|
|
table.dataTable thead .sorting_desc,
|
||
|
|
table.dataTable thead .sorting {
|
||
|
|
cursor: pointer;
|
||
|
|
*cursor: hand;
|
||
|
|
}
|
||
|
|
table.dataTable thead .sorting {
|
||
|
|
background: url("../images/sort_both.png") no-repeat center right;
|
||
|
|
}
|
||
|
|
table.dataTable thead .sorting_asc {
|
||
|
|
background: url("../images/sort_asc.png") no-repeat center right;
|
||
|
|
}
|
||
|
|
table.dataTable thead .sorting_desc {
|
||
|
|
background: url("../images/sort_desc.png") no-repeat center right;
|
||
|
|
}
|
||
|
|
table.dataTable thead .sorting_asc_disabled {
|
||
|
|
background: url("../images/sort_asc_disabled.png") no-repeat center right;
|
||
|
|
}
|
||
|
|
table.dataTable thead .sorting_desc_disabled {
|
||
|
|
background: url("../images/sort_desc_disabled.png") no-repeat center right;
|
||
|
|
}
|
||
|
|
table.dataTable tbody tr {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
table.dataTable tbody tr.selected {
|
||
|
|
background-color: #b0bed9;
|
||
|
|
}
|
||
|
|
table.dataTable tbody th,
|
||
|
|
table.dataTable tbody td {
|
||
|
|
padding: 8px 10px;
|
||
|
|
}
|
||
|
|
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
|
||
|
|
border-top: 1px solid #dddddd;
|
||
|
|
}
|
||
|
|
table.dataTable.row-border tbody tr:first-child th,
|
||
|
|
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
|
||
|
|
table.dataTable.display tbody tr:first-child td {
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
|
||
|
|
border-top: 1px solid #dddddd;
|
||
|
|
border-right: 1px solid #dddddd;
|
||
|
|
}
|
||
|
|
table.dataTable.cell-border tbody tr th:first-child,
|
||
|
|
table.dataTable.cell-border tbody tr td:first-child {
|
||
|
|
border-left: 1px solid #dddddd;
|
||
|
|
}
|
||
|
|
table.dataTable.cell-border tbody tr:first-child th,
|
||
|
|
table.dataTable.cell-border tbody tr:first-child td {
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
|
||
|
|
background-color: #f9f9f9;
|
||
|
|
}
|
||
|
|
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
|
||
|
|
background-color: #abb9d3;
|
||
|
|
}
|
||
|
|
table.dataTable.hover tbody tr:hover,
|
||
|
|
table.dataTable.hover tbody tr.odd:hover,
|
||
|
|
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
|
||
|
|
table.dataTable.display tbody tr.odd:hover,
|
||
|
|
table.dataTable.display tbody tr.even:hover {
|
||
|
|
background-color: whitesmoke;
|
||
|
|
}
|
||
|
|
table.dataTable.hover tbody tr:hover.selected,
|
||
|
|
table.dataTable.hover tbody tr.odd:hover.selected,
|
||
|
|
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
|
||
|
|
table.dataTable.display tbody tr.odd:hover.selected,
|
||
|
|
table.dataTable.display tbody tr.even:hover.selected {
|
||
|
|
background-color: #a9b7d1;
|
||
|
|
}
|
||
|
|
table.dataTable.order-column tbody tr > .sorting_1,
|
||
|
|
table.dataTable.order-column tbody tr > .sorting_2,
|
||
|
|
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
|
||
|
|
table.dataTable.display tbody tr > .sorting_2,
|
||
|
|
table.dataTable.display tbody tr > .sorting_3 {
|
||
|
|
background-color: #f9f9f9;
|
||
|
|
}
|
||
|
|
table.dataTable.order-column tbody tr.selected > .sorting_1,
|
||
|
|
table.dataTable.order-column tbody tr.selected > .sorting_2,
|
||
|
|
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
|
||
|
|
table.dataTable.display tbody tr.selected > .sorting_2,
|
||
|
|
table.dataTable.display tbody tr.selected > .sorting_3 {
|
||
|
|
background-color: #acbad4;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
|
||
|
|
background-color: #f1f1f1;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
|
||
|
|
background-color: #f3f3f3;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
|
||
|
|
background-color: whitesmoke;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
|
||
|
|
background-color: #a6b3cd;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
|
||
|
|
background-color: #a7b5ce;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
|
||
|
|
background-color: #a9b6d0;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
|
||
|
|
background-color: #f9f9f9;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
|
||
|
|
background-color: #fbfbfb;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
|
||
|
|
background-color: #fdfdfd;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
|
||
|
|
background-color: #acbad4;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
|
||
|
|
background-color: #adbbd6;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
|
||
|
|
background-color: #afbdd8;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr:hover > .sorting_1,
|
||
|
|
table.dataTable.display tbody tr.odd:hover > .sorting_1,
|
||
|
|
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
|
||
|
|
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
|
||
|
|
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
|
||
|
|
background-color: #eaeaea;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr:hover > .sorting_2,
|
||
|
|
table.dataTable.display tbody tr.odd:hover > .sorting_2,
|
||
|
|
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
|
||
|
|
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
|
||
|
|
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
|
||
|
|
background-color: #ebebeb;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr:hover > .sorting_3,
|
||
|
|
table.dataTable.display tbody tr.odd:hover > .sorting_3,
|
||
|
|
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
|
||
|
|
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
|
||
|
|
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
|
||
|
|
background-color: #eeeeee;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr:hover.selected > .sorting_1,
|
||
|
|
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
|
||
|
|
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
|
||
|
|
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
|
||
|
|
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
|
||
|
|
background-color: #a1aec7;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr:hover.selected > .sorting_2,
|
||
|
|
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
|
||
|
|
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
|
||
|
|
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
|
||
|
|
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
|
||
|
|
background-color: #a2afc8;
|
||
|
|
}
|
||
|
|
table.dataTable.display tbody tr:hover.selected > .sorting_3,
|
||
|
|
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
|
||
|
|
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
|
||
|
|
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
|
||
|
|
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
|
||
|
|
background-color: #a4b2cb;
|
||
|
|
}
|
||
|
|
table.dataTable.no-footer {
|
||
|
|
border-bottom: 1px solid #111111;
|
||
|
|
}
|
||
|
|
table.dataTable.nowrap th, table.dataTable.nowrap td {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
table.dataTable.compact thead th,
|
||
|
|
table.dataTable.compact thead td {
|
||
|
|
padding: 5px 9px;
|
||
|
|
}
|
||
|
|
table.dataTable.compact tfoot th,
|
||
|
|
table.dataTable.compact tfoot td {
|
||
|
|
padding: 5px 9px 3px 9px;
|
||
|
|
}
|
||
|
|
table.dataTable.compact tbody th,
|
||
|
|
table.dataTable.compact tbody td {
|
||
|
|
padding: 4px 5px;
|
||
|
|
}
|
||
|
|
table.dataTable th.dt-left,
|
||
|
|
table.dataTable td.dt-left {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
table.dataTable th.dt-center,
|
||
|
|
table.dataTable td.dt-center,
|
||
|
|
table.dataTable td.dataTables_empty {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
table.dataTable th.dt-right,
|
||
|
|
table.dataTable td.dt-right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
table.dataTable th.dt-justify,
|
||
|
|
table.dataTable td.dt-justify {
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
table.dataTable th.dt-nowrap,
|
||
|
|
table.dataTable td.dt-nowrap {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
table.dataTable thead th.dt-head-left,
|
||
|
|
table.dataTable thead td.dt-head-left,
|
||
|
|
table.dataTable tfoot th.dt-head-left,
|
||
|
|
table.dataTable tfoot td.dt-head-left {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
table.dataTable thead th.dt-head-center,
|
||
|
|
table.dataTable thead td.dt-head-center,
|
||
|
|
table.dataTable tfoot th.dt-head-center,
|
||
|
|
table.dataTable tfoot td.dt-head-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
table.dataTable thead th.dt-head-right,
|
||
|
|
table.dataTable thead td.dt-head-right,
|
||
|
|
table.dataTable tfoot th.dt-head-right,
|
||
|
|
table.dataTable tfoot td.dt-head-right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
table.dataTable thead th.dt-head-justify,
|
||
|
|
table.dataTable thead td.dt-head-justify,
|
||
|
|
table.dataTable tfoot th.dt-head-justify,
|
||
|
|
table.dataTable tfoot td.dt-head-justify {
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
table.dataTable thead th.dt-head-nowrap,
|
||
|
|
table.dataTable thead td.dt-head-nowrap,
|
||
|
|
table.dataTable tfoot th.dt-head-nowrap,
|
||
|
|
table.dataTable tfoot td.dt-head-nowrap {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
table.dataTable tbody th.dt-body-left,
|
||
|
|
table.dataTable tbody td.dt-body-left {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
table.dataTable tbody th.dt-body-center,
|
||
|
|
table.dataTable tbody td.dt-body-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
table.dataTable tbody th.dt-body-right,
|
||
|
|
table.dataTable tbody td.dt-body-right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
table.dataTable tbody th.dt-body-justify,
|
||
|
|
table.dataTable tbody td.dt-body-justify {
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
table.dataTable tbody th.dt-body-nowrap,
|
||
|
|
table.dataTable tbody td.dt-body-nowrap {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.dataTable,
|
||
|
|
table.dataTable th,
|
||
|
|
table.dataTable td {
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Control feature layout
|
||
|
|
*/
|
||
|
|
.dataTables_wrapper {
|
||
|
|
position: relative;
|
||
|
|
clear: both;
|
||
|
|
*zoom: 1;
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_length {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_filter {
|
||
|
|
float: right;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_filter input {
|
||
|
|
margin-left: 0.5em;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_info {
|
||
|
|
clear: both;
|
||
|
|
float: left;
|
||
|
|
padding-top: 0.755em;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_paginate {
|
||
|
|
float: right;
|
||
|
|
text-align: right;
|
||
|
|
padding-top: 0.25em;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_paginate .paginate_button {
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: inline-block;
|
||
|
|
min-width: 1.5em;
|
||
|
|
padding: 0.5em 1em;
|
||
|
|
margin-left: 2px;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none !important;
|
||
|
|
cursor: pointer;
|
||
|
|
*cursor: hand;
|
||
|
|
color: #333333 !important;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
|
||
|
|
color: #333333 !important;
|
||
|
|
border: 1px solid #cacaca;
|
||
|
|
background-color: white;
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
|
||
|
|
/* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
|
||
|
|
/* Chrome10+,Safari5.1+ */
|
||
|
|
background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
|
||
|
|
/* FF3.6+ */
|
||
|
|
background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
|
||
|
|
/* IE10+ */
|
||
|
|
background: -o-linear-gradient(top, white 0%, gainsboro 100%);
|
||
|
|
/* Opera 11.10+ */
|
||
|
|
background: linear-gradient(to bottom, white 0%, gainsboro 100%);
|
||
|
|
/* W3C */
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
|
||
|
|
cursor: default;
|
||
|
|
color: #666 !important;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
background: transparent;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
|
||
|
|
color: white !important;
|
||
|
|
border: 1px solid #111111;
|
||
|
|
background-color: #585858;
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
|
||
|
|
/* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
|
||
|
|
/* Chrome10+,Safari5.1+ */
|
||
|
|
background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
|
||
|
|
/* FF3.6+ */
|
||
|
|
background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
|
||
|
|
/* IE10+ */
|
||
|
|
background: -o-linear-gradient(top, #585858 0%, #111111 100%);
|
||
|
|
/* Opera 11.10+ */
|
||
|
|
background: linear-gradient(to bottom, #585858 0%, #111111 100%);
|
||
|
|
/* W3C */
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
|
||
|
|
outline: none;
|
||
|
|
background-color: #2b2b2b;
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
|
||
|
|
/* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
|
||
|
|
/* Chrome10+,Safari5.1+ */
|
||
|
|
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
|
||
|
|
/* FF3.6+ */
|
||
|
|
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
|
||
|
|
/* IE10+ */
|
||
|
|
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
|
||
|
|
/* Opera 11.10+ */
|
||
|
|
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
|
||
|
|
/* W3C */
|
||
|
|
box-shadow: inset 0 0 3px #111;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_processing {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
width: 100%;
|
||
|
|
height: 40px;
|
||
|
|
margin-left: -50%;
|
||
|
|
margin-top: -25px;
|
||
|
|
padding-top: 20px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 1.2em;
|
||
|
|
background-color: white;
|
||
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
|
||
|
|
/* Chrome,Safari4+ */
|
||
|
|
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||
|
|
/* Chrome10+,Safari5.1+ */
|
||
|
|
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||
|
|
/* FF3.6+ */
|
||
|
|
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||
|
|
/* IE10+ */
|
||
|
|
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||
|
|
/* Opera 11.10+ */
|
||
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
||
|
|
/* W3C */
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_length,
|
||
|
|
.dataTables_wrapper .dataTables_filter,
|
||
|
|
.dataTables_wrapper .dataTables_info,
|
||
|
|
.dataTables_wrapper .dataTables_processing,
|
||
|
|
.dataTables_wrapper .dataTables_paginate {
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_scroll {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
|
||
|
|
*margin-top: -1px;
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
|
||
|
|
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
|
||
|
|
height: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0 !important;
|
||
|
|
padding: 0 !important;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper.no-footer .dataTables_scrollBody {
|
||
|
|
border-bottom: 1px solid #111111;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
|
||
|
|
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper:after {
|
||
|
|
visibility: hidden;
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
clear: both;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 767px) {
|
||
|
|
.dataTables_wrapper .dataTables_info,
|
||
|
|
.dataTables_wrapper .dataTables_paginate {
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_paginate {
|
||
|
|
margin-top: 0.5em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (max-width: 640px) {
|
||
|
|
.dataTables_wrapper .dataTables_length,
|
||
|
|
.dataTables_wrapper .dataTables_filter {
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.dataTables_wrapper .dataTables_filter {
|
||
|
|
margin-top: 0.5em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
html[direction='ltr'] div.dataTables_length label {
|
||
|
|
float: left;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
html[direction='rtl'] div.dataTables_length label {
|
||
|
|
float: right;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.dataTables_length select {
|
||
|
|
width: 75px;
|
||
|
|
}
|
||
|
|
|
||
|
|
html[direction='ltr'] div.dataTables_filter label {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
html[direction='rtl'] div.dataTables_filter label {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.dataTables_info {
|
||
|
|
padding-top: 26px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.dataTables_paginate {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
html[direction='ltr'] div.dataTables_paginate {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
html[direction='rtl'] div.dataTables_paginate {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.table {
|
||
|
|
clear: both;
|
||
|
|
margin-bottom: 6px !important;
|
||
|
|
max-width: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.table thead .sorting,
|
||
|
|
table.table thead .sorting_asc,
|
||
|
|
table.table thead .sorting_desc,
|
||
|
|
table.table thead .sorting_asc_disabled,
|
||
|
|
table.table thead .sorting_desc_disabled {
|
||
|
|
cursor: pointer;
|
||
|
|
*cursor: hand;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Use Glyphicons Halflings from Bootstrap 3 instead of images.
|
||
|
|
*
|
||
|
|
* Relevant icons:
|
||
|
|
*
|
||
|
|
* Glyphicons Halflings (default)
|
||
|
|
* glyphicon-sort '\e150' sort
|
||
|
|
* glyphicon-sort-by-attributes '\e155' asc
|
||
|
|
* glyphicon-sort-by-attributes-alt '\e156' desc
|
||
|
|
*
|
||
|
|
* Font Awesome
|
||
|
|
* fa-sort '\f0dc' sort
|
||
|
|
* fa-caret-up '\f0d8' asc
|
||
|
|
* fa-caret-down '\f0d7' desc
|
||
|
|
*/
|
||
|
|
table.table thead .sorting:after,
|
||
|
|
table.table thead .sorting_asc:after,
|
||
|
|
table.table thead .sorting_desc:after,
|
||
|
|
table.table thead .sorting_asc_disabled:after,
|
||
|
|
table.table thead .sorting_desc_disabled:after {
|
||
|
|
font-family: 'Glyphicons Halflings';
|
||
|
|
}
|
||
|
|
html[direction='ltr'] table.table thead .sorting:after,
|
||
|
|
html[direction='ltr'] table.table thead .sorting_asc:after,
|
||
|
|
html[direction='ltr'] table.table thead .sorting_desc:after,
|
||
|
|
html[direction='ltr'] table.table thead .sorting_asc_disabled:after,
|
||
|
|
html[direction='ltr'] table.table thead .sorting_desc_disabled:after {
|
||
|
|
text-align: right;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
html[direction='rtl'] table.table thead .sorting:after,
|
||
|
|
html[direction='rtl'] table.table thead .sorting_asc:after,
|
||
|
|
html[direction='rtl'] table.table thead .sorting_desc:after,
|
||
|
|
html[direction='rtl'] table.table thead .sorting_asc_disabled:after,
|
||
|
|
html[direction='rtl'] table.table thead .sorting_desc_disabled:after {
|
||
|
|
text-align: left;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
table.table thead .sorting:after { content: '\e150'; opacity: 0.2; }
|
||
|
|
table.table thead .sorting_asc:after { content: '\e155'; }
|
||
|
|
table.table thead .sorting_desc:after { content: '\e156'; }
|
||
|
|
table.table thead .sorting_asc_disabled:after { content: '\e155'; opacity: 0.2; }
|
||
|
|
table.table thead .sorting_desc_disabled:after { content: '\e156'; opacity: 0.2; }
|
||
|
|
|
||
|
|
table.dataTable th:active {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Scrolling */
|
||
|
|
div.dataTables_scrollHead table {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.dataTables_scrollHead table thead tr:last-child th:first-child,
|
||
|
|
div.dataTables_scrollHead table thead tr:last-child td:first-child {
|
||
|
|
border-bottom-left-radius: 0 !important;
|
||
|
|
border-bottom-right-radius: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.dataTables_scrollBody table {
|
||
|
|
border-top: none;
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.dataTables_scrollBody tbody tr:first-child th,
|
||
|
|
div.dataTables_scrollBody tbody tr:first-child td {
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.dataTables_scrollFoot table {
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* TableTools styles
|
||
|
|
*/
|
||
|
|
.table tbody tr.active td,
|
||
|
|
.table tbody tr.active th {
|
||
|
|
background-color: #08C;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table tbody tr.active:hover td,
|
||
|
|
.table tbody tr.active:hover th {
|
||
|
|
background-color: #0075b0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table-striped tbody tr.active:nth-child(odd) td,
|
||
|
|
.table-striped tbody tr.active:nth-child(odd) th {
|
||
|
|
background-color: #017ebc;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.DTTT_selectable tbody tr {
|
||
|
|
cursor: pointer;
|
||
|
|
*cursor: hand;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTTT .btn {
|
||
|
|
color: #333 !important;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTTT .btn:hover {
|
||
|
|
text-decoration: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
ul.DTTT_dropdown.dropdown-menu a {
|
||
|
|
color: #333 !important; /* needed only when demo_page.css is included */
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.DTTT_dropdown.dropdown-menu li:hover a {
|
||
|
|
background-color: #0088cc;
|
||
|
|
color: white !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TableTools information display */
|
||
|
|
div.DTTT_print_info.modal {
|
||
|
|
height: 150px;
|
||
|
|
margin-top: -75px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTTT_print_info h6 {
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 28px;
|
||
|
|
line-height: 28px;
|
||
|
|
margin: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTTT_print_info p {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* FixedColumns styles
|
||
|
|
*/
|
||
|
|
div.DTFC_LeftHeadWrapper table,
|
||
|
|
div.DTFC_LeftFootWrapper table,
|
||
|
|
table.DTFC_Cloned tr.even {
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTFC_LeftHeadWrapper table {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
border-top-right-radius: 0 !important;
|
||
|
|
border-bottom-left-radius: 0 !important;
|
||
|
|
border-bottom-right-radius: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
|
||
|
|
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
|
||
|
|
border-bottom-left-radius: 0 !important;
|
||
|
|
border-bottom-right-radius: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTFC_LeftBodyWrapper table {
|
||
|
|
border-top: none;
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
|
||
|
|
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.DTFC_LeftFootWrapper table {
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
/*!
|
||
|
|
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||
|
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||
|
|
*/@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.
|
||
|
|
/*!
|
||
|
|
* Datepicker for Bootstrap
|
||
|
|
*
|
||
|
|
* Copyright 2012 Stefan Petre
|
||
|
|
* Improvements by Andrew Rowls
|
||
|
|
* Licensed under the Apache License v2.0
|
||
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
.datepicker {
|
||
|
|
padding: 4px;
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
-moz-border-radius: 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
direction: ltr;
|
||
|
|
}
|
||
|
|
.datepicker-inline {
|
||
|
|
width: 220px;
|
||
|
|
}
|
||
|
|
.datepicker.datepicker-rtl {
|
||
|
|
direction: rtl;
|
||
|
|
}
|
||
|
|
.datepicker.datepicker-rtl table tr td span {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown {
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown:before {
|
||
|
|
content: '';
|
||
|
|
display: inline-block;
|
||
|
|
border-left: 7px solid transparent;
|
||
|
|
border-right: 7px solid transparent;
|
||
|
|
border-bottom: 7px solid #ccc;
|
||
|
|
border-top: 0;
|
||
|
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown:after {
|
||
|
|
content: '';
|
||
|
|
display: inline-block;
|
||
|
|
border-left: 6px solid transparent;
|
||
|
|
border-right: 6px solid transparent;
|
||
|
|
border-bottom: 6px solid #ffffff;
|
||
|
|
border-top: 0;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-left:before {
|
||
|
|
left: 6px;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-left:after {
|
||
|
|
left: 7px;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-right:before {
|
||
|
|
right: 6px;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-right:after {
|
||
|
|
right: 7px;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-top:before {
|
||
|
|
top: -7px;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-top:after {
|
||
|
|
top: -6px;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||
|
|
bottom: -7px;
|
||
|
|
border-bottom: 0;
|
||
|
|
border-top: 7px solid #999;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||
|
|
bottom: -6px;
|
||
|
|
border-bottom: 0;
|
||
|
|
border-top: 6px solid #ffffff;
|
||
|
|
}
|
||
|
|
.datepicker > div {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.datepicker.days div.datepicker-days {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.datepicker.months div.datepicker-months {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.datepicker.years div.datepicker-years {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.datepicker table {
|
||
|
|
margin: 0;
|
||
|
|
-webkit-touch-callout: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
.datepicker td,
|
||
|
|
.datepicker th {
|
||
|
|
text-align: center;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
-moz-border-radius: 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.table-striped .datepicker table tr td,
|
||
|
|
.table-striped .datepicker table tr th {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.day:hover,
|
||
|
|
.datepicker table tr td.day.focused {
|
||
|
|
background: #eeeeee;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.old,
|
||
|
|
.datepicker table tr td.new {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.disabled,
|
||
|
|
.datepicker table tr td.disabled:hover {
|
||
|
|
background: none;
|
||
|
|
color: #999999;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.today,
|
||
|
|
.datepicker table tr td.today:hover,
|
||
|
|
.datepicker table tr td.today.disabled,
|
||
|
|
.datepicker table tr td.today.disabled:hover {
|
||
|
|
background-color: #fde19a;
|
||
|
|
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||
|
|
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||
|
|
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
||
|
|
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
||
|
|
background-image: linear-gradient(top, #fdd49a, #fdf59a);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||
|
|
border-color: #fdf59a #fdf59a #fbed50;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.today:hover,
|
||
|
|
.datepicker table tr td.today:hover:hover,
|
||
|
|
.datepicker table tr td.today.disabled:hover,
|
||
|
|
.datepicker table tr td.today.disabled:hover:hover,
|
||
|
|
.datepicker table tr td.today:active,
|
||
|
|
.datepicker table tr td.today:hover:active,
|
||
|
|
.datepicker table tr td.today.disabled:active,
|
||
|
|
.datepicker table tr td.today.disabled:hover:active,
|
||
|
|
.datepicker table tr td.today.active,
|
||
|
|
.datepicker table tr td.today:hover.active,
|
||
|
|
.datepicker table tr td.today.disabled.active,
|
||
|
|
.datepicker table tr td.today.disabled:hover.active,
|
||
|
|
.datepicker table tr td.today.disabled,
|
||
|
|
.datepicker table tr td.today:hover.disabled,
|
||
|
|
.datepicker table tr td.today.disabled.disabled,
|
||
|
|
.datepicker table tr td.today.disabled:hover.disabled,
|
||
|
|
.datepicker table tr td.today[disabled],
|
||
|
|
.datepicker table tr td.today:hover[disabled],
|
||
|
|
.datepicker table tr td.today.disabled[disabled],
|
||
|
|
.datepicker table tr td.today.disabled:hover[disabled] {
|
||
|
|
background-color: #fdf59a;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.today:active,
|
||
|
|
.datepicker table tr td.today:hover:active,
|
||
|
|
.datepicker table tr td.today.disabled:active,
|
||
|
|
.datepicker table tr td.today.disabled:hover:active,
|
||
|
|
.datepicker table tr td.today.active,
|
||
|
|
.datepicker table tr td.today:hover.active,
|
||
|
|
.datepicker table tr td.today.disabled.active,
|
||
|
|
.datepicker table tr td.today.disabled:hover.active {
|
||
|
|
background-color: #fbf069 \9;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.today:hover:hover {
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.today.active:hover {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.range,
|
||
|
|
.datepicker table tr td.range:hover,
|
||
|
|
.datepicker table tr td.range.disabled,
|
||
|
|
.datepicker table tr td.range.disabled:hover {
|
||
|
|
background: #eeeeee;
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
-moz-border-radius: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.range.today,
|
||
|
|
.datepicker table tr td.range.today:hover,
|
||
|
|
.datepicker table tr td.range.today.disabled,
|
||
|
|
.datepicker table tr td.range.today.disabled:hover {
|
||
|
|
background-color: #f3d17a;
|
||
|
|
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
|
||
|
|
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
|
||
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||
|
|
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
|
||
|
|
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
|
||
|
|
background-image: linear-gradient(top, #f3c17a, #f3e97a);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||
|
|
border-color: #f3e97a #f3e97a #edde34;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
-moz-border-radius: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.range.today:hover,
|
||
|
|
.datepicker table tr td.range.today:hover:hover,
|
||
|
|
.datepicker table tr td.range.today.disabled:hover,
|
||
|
|
.datepicker table tr td.range.today.disabled:hover:hover,
|
||
|
|
.datepicker table tr td.range.today:active,
|
||
|
|
.datepicker table tr td.range.today:hover:active,
|
||
|
|
.datepicker table tr td.range.today.disabled:active,
|
||
|
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||
|
|
.datepicker table tr td.range.today.active,
|
||
|
|
.datepicker table tr td.range.today:hover.active,
|
||
|
|
.datepicker table tr td.range.today.disabled.active,
|
||
|
|
.datepicker table tr td.range.today.disabled:hover.active,
|
||
|
|
.datepicker table tr td.range.today.disabled,
|
||
|
|
.datepicker table tr td.range.today:hover.disabled,
|
||
|
|
.datepicker table tr td.range.today.disabled.disabled,
|
||
|
|
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||
|
|
.datepicker table tr td.range.today[disabled],
|
||
|
|
.datepicker table tr td.range.today:hover[disabled],
|
||
|
|
.datepicker table tr td.range.today.disabled[disabled],
|
||
|
|
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||
|
|
background-color: #f3e97a;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.range.today:active,
|
||
|
|
.datepicker table tr td.range.today:hover:active,
|
||
|
|
.datepicker table tr td.range.today.disabled:active,
|
||
|
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||
|
|
.datepicker table tr td.range.today.active,
|
||
|
|
.datepicker table tr td.range.today:hover.active,
|
||
|
|
.datepicker table tr td.range.today.disabled.active,
|
||
|
|
.datepicker table tr td.range.today.disabled:hover.active {
|
||
|
|
background-color: #efe24b \9;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.selected,
|
||
|
|
.datepicker table tr td.selected:hover,
|
||
|
|
.datepicker table tr td.selected.disabled,
|
||
|
|
.datepicker table tr td.selected.disabled:hover {
|
||
|
|
background-color: #9e9e9e;
|
||
|
|
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
|
||
|
|
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
|
||
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||
|
|
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
|
||
|
|
background-image: -o-linear-gradient(top, #b3b3b3, #808080);
|
||
|
|
background-image: linear-gradient(top, #b3b3b3, #808080);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||
|
|
border-color: #808080 #808080 #595959;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||
|
|
color: #fff;
|
||
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||
|
|
}
|
||
|
|
.datepicker table tr td.selected:hover,
|
||
|
|
.datepicker table tr td.selected:hover:hover,
|
||
|
|
.datepicker table tr td.selected.disabled:hover,
|
||
|
|
.datepicker table tr td.selected.disabled:hover:hover,
|
||
|
|
.datepicker table tr td.selected:active,
|
||
|
|
.datepicker table tr td.selected:hover:active,
|
||
|
|
.datepicker table tr td.selected.disabled:active,
|
||
|
|
.datepicker table tr td.selected.disabled:hover:active,
|
||
|
|
.datepicker table tr td.selected.active,
|
||
|
|
.datepicker table tr td.selected:hover.active,
|
||
|
|
.datepicker table tr td.selected.disabled.active,
|
||
|
|
.datepicker table tr td.selected.disabled:hover.active,
|
||
|
|
.datepicker table tr td.selected.disabled,
|
||
|
|
.datepicker table tr td.selected:hover.disabled,
|
||
|
|
.datepicker table tr td.selected.disabled.disabled,
|
||
|
|
.datepicker table tr td.selected.disabled:hover.disabled,
|
||
|
|
.datepicker table tr td.selected[disabled],
|
||
|
|
.datepicker table tr td.selected:hover[disabled],
|
||
|
|
.datepicker table tr td.selected.disabled[disabled],
|
||
|
|
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||
|
|
background-color: #808080;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.selected:active,
|
||
|
|
.datepicker table tr td.selected:hover:active,
|
||
|
|
.datepicker table tr td.selected.disabled:active,
|
||
|
|
.datepicker table tr td.selected.disabled:hover:active,
|
||
|
|
.datepicker table tr td.selected.active,
|
||
|
|
.datepicker table tr td.selected:hover.active,
|
||
|
|
.datepicker table tr td.selected.disabled.active,
|
||
|
|
.datepicker table tr td.selected.disabled:hover.active {
|
||
|
|
background-color: #666666 \9;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.active,
|
||
|
|
.datepicker table tr td.active:hover,
|
||
|
|
.datepicker table tr td.active.disabled,
|
||
|
|
.datepicker table tr td.active.disabled:hover {
|
||
|
|
background-color: #006dcc;
|
||
|
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||
|
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||
|
|
border-color: #0044cc #0044cc #002a80;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||
|
|
color: #fff;
|
||
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||
|
|
}
|
||
|
|
.datepicker table tr td.active:hover,
|
||
|
|
.datepicker table tr td.active:hover:hover,
|
||
|
|
.datepicker table tr td.active.disabled:hover,
|
||
|
|
.datepicker table tr td.active.disabled:hover:hover,
|
||
|
|
.datepicker table tr td.active:active,
|
||
|
|
.datepicker table tr td.active:hover:active,
|
||
|
|
.datepicker table tr td.active.disabled:active,
|
||
|
|
.datepicker table tr td.active.disabled:hover:active,
|
||
|
|
.datepicker table tr td.active.active,
|
||
|
|
.datepicker table tr td.active:hover.active,
|
||
|
|
.datepicker table tr td.active.disabled.active,
|
||
|
|
.datepicker table tr td.active.disabled:hover.active,
|
||
|
|
.datepicker table tr td.active.disabled,
|
||
|
|
.datepicker table tr td.active:hover.disabled,
|
||
|
|
.datepicker table tr td.active.disabled.disabled,
|
||
|
|
.datepicker table tr td.active.disabled:hover.disabled,
|
||
|
|
.datepicker table tr td.active[disabled],
|
||
|
|
.datepicker table tr td.active:hover[disabled],
|
||
|
|
.datepicker table tr td.active.disabled[disabled],
|
||
|
|
.datepicker table tr td.active.disabled:hover[disabled] {
|
||
|
|
background-color: #0044cc;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.active:active,
|
||
|
|
.datepicker table tr td.active:hover:active,
|
||
|
|
.datepicker table tr td.active.disabled:active,
|
||
|
|
.datepicker table tr td.active.disabled:hover:active,
|
||
|
|
.datepicker table tr td.active.active,
|
||
|
|
.datepicker table tr td.active:hover.active,
|
||
|
|
.datepicker table tr td.active.disabled.active,
|
||
|
|
.datepicker table tr td.active.disabled:hover.active {
|
||
|
|
background-color: #003399 \9;
|
||
|
|
}
|
||
|
|
.datepicker table tr td span {
|
||
|
|
display: block;
|
||
|
|
width: 23%;
|
||
|
|
height: 54px;
|
||
|
|
line-height: 54px;
|
||
|
|
float: left;
|
||
|
|
margin: 1%;
|
||
|
|
cursor: pointer;
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
-moz-border-radius: 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.datepicker table tr td span:hover {
|
||
|
|
background: #eeeeee;
|
||
|
|
}
|
||
|
|
.datepicker table tr td span.disabled,
|
||
|
|
.datepicker table tr td span.disabled:hover {
|
||
|
|
background: none;
|
||
|
|
color: #999999;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.datepicker table tr td span.active,
|
||
|
|
.datepicker table tr td span.active:hover,
|
||
|
|
.datepicker table tr td span.active.disabled,
|
||
|
|
.datepicker table tr td span.active.disabled:hover {
|
||
|
|
background-color: #006dcc;
|
||
|
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||
|
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||
|
|
border-color: #0044cc #0044cc #002a80;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||
|
|
color: #fff;
|
||
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||
|
|
}
|
||
|
|
.datepicker table tr td span.active:hover,
|
||
|
|
.datepicker table tr td span.active:hover:hover,
|
||
|
|
.datepicker table tr td span.active.disabled:hover,
|
||
|
|
.datepicker table tr td span.active.disabled:hover:hover,
|
||
|
|
.datepicker table tr td span.active:active,
|
||
|
|
.datepicker table tr td span.active:hover:active,
|
||
|
|
.datepicker table tr td span.active.disabled:active,
|
||
|
|
.datepicker table tr td span.active.disabled:hover:active,
|
||
|
|
.datepicker table tr td span.active.active,
|
||
|
|
.datepicker table tr td span.active:hover.active,
|
||
|
|
.datepicker table tr td span.active.disabled.active,
|
||
|
|
.datepicker table tr td span.active.disabled:hover.active,
|
||
|
|
.datepicker table tr td span.active.disabled,
|
||
|
|
.datepicker table tr td span.active:hover.disabled,
|
||
|
|
.datepicker table tr td span.active.disabled.disabled,
|
||
|
|
.datepicker table tr td span.active.disabled:hover.disabled,
|
||
|
|
.datepicker table tr td span.active[disabled],
|
||
|
|
.datepicker table tr td span.active:hover[disabled],
|
||
|
|
.datepicker table tr td span.active.disabled[disabled],
|
||
|
|
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||
|
|
background-color: #0044cc;
|
||
|
|
}
|
||
|
|
.datepicker table tr td span.active:active,
|
||
|
|
.datepicker table tr td span.active:hover:active,
|
||
|
|
.datepicker table tr td span.active.disabled:active,
|
||
|
|
.datepicker table tr td span.active.disabled:hover:active,
|
||
|
|
.datepicker table tr td span.active.active,
|
||
|
|
.datepicker table tr td span.active:hover.active,
|
||
|
|
.datepicker table tr td span.active.disabled.active,
|
||
|
|
.datepicker table tr td span.active.disabled:hover.active {
|
||
|
|
background-color: #003399 \9;
|
||
|
|
}
|
||
|
|
.datepicker table tr td span.old,
|
||
|
|
.datepicker table tr td span.new {
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.datepicker th.datepicker-switch {
|
||
|
|
width: 145px;
|
||
|
|
}
|
||
|
|
.datepicker thead tr:first-child th,
|
||
|
|
.datepicker tfoot tr th {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.datepicker thead tr:first-child th:hover,
|
||
|
|
.datepicker tfoot tr th:hover {
|
||
|
|
background: #eeeeee;
|
||
|
|
}
|
||
|
|
.datepicker .cw {
|
||
|
|
font-size: 10px;
|
||
|
|
width: 12px;
|
||
|
|
padding: 0 2px 0 5px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.datepicker thead tr:first-child th.cw {
|
||
|
|
cursor: default;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.input-append.date .add-on i,
|
||
|
|
.input-prepend.date .add-on i {
|
||
|
|
cursor: pointer;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
}
|
||
|
|
.input-daterange input {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.input-daterange input:first-child {
|
||
|
|
-webkit-border-radius: 3px 0 0 3px;
|
||
|
|
-moz-border-radius: 3px 0 0 3px;
|
||
|
|
border-radius: 3px 0 0 3px;
|
||
|
|
}
|
||
|
|
.input-daterange input:last-child {
|
||
|
|
-webkit-border-radius: 0 3px 3px 0;
|
||
|
|
-moz-border-radius: 0 3px 3px 0;
|
||
|
|
border-radius: 0 3px 3px 0;
|
||
|
|
}
|
||
|
|
.input-daterange .add-on {
|
||
|
|
display: inline-block;
|
||
|
|
width: auto;
|
||
|
|
min-width: 16px;
|
||
|
|
height: 20px;
|
||
|
|
padding: 4px 5px;
|
||
|
|
font-weight: normal;
|
||
|
|
line-height: 20px;
|
||
|
|
text-align: center;
|
||
|
|
text-shadow: 0 1px 0 #ffffff;
|
||
|
|
vertical-align: middle;
|
||
|
|
background-color: #eeeeee;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
margin-left: -5px;
|
||
|
|
margin-right: -5px;
|
||
|
|
}
|
||
|
|
.datepicker.dropdown-menu {
|
||
|
|
position: absolute;
|
||
|
|
top: 100%;
|
||
|
|
left: 0;
|
||
|
|
z-index: 1000;
|
||
|
|
float: left;
|
||
|
|
display: none;
|
||
|
|
min-width: 160px;
|
||
|
|
list-style: none;
|
||
|
|
background-color: #ffffff;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
-moz-border-radius: 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||
|
|
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||
|
|
-webkit-background-clip: padding-box;
|
||
|
|
-moz-background-clip: padding;
|
||
|
|
background-clip: padding-box;
|
||
|
|
*border-right-width: 2px;
|
||
|
|
*border-bottom-width: 2px;
|
||
|
|
color: #333333;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 20px;
|
||
|
|
}
|
||
|
|
.datepicker.dropdown-menu th,
|
||
|
|
.datepicker.datepicker-inline th,
|
||
|
|
.datepicker.dropdown-menu td,
|
||
|
|
.datepicker.datepicker-inline td {
|
||
|
|
padding: 4px 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/***
|
||
|
|
Spectrum Colorpicker v1.3.4
|
||
|
|
https://github.com/bgrins/spectrum
|
||
|
|
Author: Brian Grinstead
|
||
|
|
License: MIT
|
||
|
|
***/
|
||
|
|
|
||
|
|
.sp-container {
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
display:inline-block;
|
||
|
|
*display: inline;
|
||
|
|
*zoom: 1;
|
||
|
|
/* https://github.com/bgrins/spectrum/issues/40 */
|
||
|
|
z-index: 9999994;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.sp-container.sp-flat {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fix for * { box-sizing: border-box; } */
|
||
|
|
.sp-container,
|
||
|
|
.sp-container * {
|
||
|
|
-webkit-box-sizing: content-box;
|
||
|
|
-moz-box-sizing: content-box;
|
||
|
|
box-sizing: content-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
|
||
|
|
.sp-top {
|
||
|
|
position:relative;
|
||
|
|
width: 100%;
|
||
|
|
display:inline-block;
|
||
|
|
}
|
||
|
|
.sp-top-inner {
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
bottom:0;
|
||
|
|
right:0;
|
||
|
|
}
|
||
|
|
.sp-color {
|
||
|
|
position: absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
bottom:0;
|
||
|
|
right:20%;
|
||
|
|
}
|
||
|
|
.sp-hue {
|
||
|
|
position: absolute;
|
||
|
|
top:0;
|
||
|
|
right:0;
|
||
|
|
bottom:0;
|
||
|
|
left:84%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-clear-enabled .sp-hue {
|
||
|
|
top:33px;
|
||
|
|
height: 77.5%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-fill {
|
||
|
|
padding-top: 80%;
|
||
|
|
}
|
||
|
|
.sp-sat, .sp-val {
|
||
|
|
position: absolute;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
right:0;
|
||
|
|
bottom:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-alpha-enabled .sp-top {
|
||
|
|
margin-bottom: 18px;
|
||
|
|
}
|
||
|
|
.sp-alpha-enabled .sp-alpha {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.sp-alpha-handle {
|
||
|
|
position:absolute;
|
||
|
|
top:-4px;
|
||
|
|
bottom: -4px;
|
||
|
|
width: 6px;
|
||
|
|
left: 50%;
|
||
|
|
cursor: pointer;
|
||
|
|
border: 1px solid black;
|
||
|
|
background: white;
|
||
|
|
opacity: .8;
|
||
|
|
}
|
||
|
|
.sp-alpha {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
bottom: -14px;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 8px;
|
||
|
|
}
|
||
|
|
.sp-alpha-inner {
|
||
|
|
border: solid 1px #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-clear {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-clear.sp-clear-display {
|
||
|
|
background-position: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-clear-enabled .sp-clear {
|
||
|
|
display: block;
|
||
|
|
position:absolute;
|
||
|
|
top:0px;
|
||
|
|
right:0;
|
||
|
|
bottom:0;
|
||
|
|
left:84%;
|
||
|
|
height: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Don't allow text selection */
|
||
|
|
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
|
||
|
|
-webkit-user-select:none;
|
||
|
|
-moz-user-select: -moz-none;
|
||
|
|
-o-user-select:none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-container.sp-input-disabled .sp-input-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.sp-container.sp-buttons-disabled .sp-button-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.sp-palette-only .sp-picker-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.sp-palette-disabled .sp-palette-container {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-initial-disabled .sp-initial {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
|
||
|
|
.sp-sat {
|
||
|
|
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
|
||
|
|
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
|
||
|
|
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
|
||
|
|
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
|
||
|
|
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
|
||
|
|
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
|
||
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
|
||
|
|
filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
|
||
|
|
}
|
||
|
|
.sp-val {
|
||
|
|
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
|
||
|
|
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
|
||
|
|
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
|
||
|
|
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
|
||
|
|
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
|
||
|
|
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
|
||
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
|
||
|
|
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-hue {
|
||
|
|
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||
|
|
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||
|
|
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
|
||
|
|
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* IE filters do not support multiple color stops.
|
||
|
|
Generate 6 divs, line them up, and do two color gradients for each.
|
||
|
|
Yes, really.
|
||
|
|
*/
|
||
|
|
.sp-1 {
|
||
|
|
height:17%;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
|
||
|
|
}
|
||
|
|
.sp-2 {
|
||
|
|
height:16%;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
|
||
|
|
}
|
||
|
|
.sp-3 {
|
||
|
|
height:17%;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
|
||
|
|
}
|
||
|
|
.sp-4 {
|
||
|
|
height:17%;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
|
||
|
|
}
|
||
|
|
.sp-5 {
|
||
|
|
height:16%;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
|
||
|
|
}
|
||
|
|
.sp-6 {
|
||
|
|
height:17%;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-hidden {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Clearfix hack */
|
||
|
|
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
|
||
|
|
.sp-cf:after { clear: both; }
|
||
|
|
.sp-cf { *zoom: 1; }
|
||
|
|
|
||
|
|
/* Mobile devices, make hue slider bigger so it is easier to slide */
|
||
|
|
@media (max-device-width: 480px) {
|
||
|
|
.sp-color { right: 40%; }
|
||
|
|
.sp-hue { left: 63%; }
|
||
|
|
.sp-fill { padding-top: 60%; }
|
||
|
|
}
|
||
|
|
.sp-dragger {
|
||
|
|
border-radius: 5px;
|
||
|
|
height: 5px;
|
||
|
|
width: 5px;
|
||
|
|
border: 1px solid #fff;
|
||
|
|
background: #000;
|
||
|
|
cursor: pointer;
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.sp-slider {
|
||
|
|
position: absolute;
|
||
|
|
top:0;
|
||
|
|
cursor:pointer;
|
||
|
|
height: 3px;
|
||
|
|
left: -1px;
|
||
|
|
right: -1px;
|
||
|
|
border: 1px solid #000;
|
||
|
|
background: white;
|
||
|
|
opacity: .8;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Theme authors:
|
||
|
|
Here are the basic themeable display options (colors, fonts, global widths).
|
||
|
|
See http://bgrins.github.io/spectrum/themes/ for instructions.
|
||
|
|
*/
|
||
|
|
|
||
|
|
.sp-container {
|
||
|
|
border-radius: 0;
|
||
|
|
background-color: #ECECEC;
|
||
|
|
border: solid 1px #f0c49B;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear
|
||
|
|
{
|
||
|
|
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
-ms-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.sp-top
|
||
|
|
{
|
||
|
|
margin-bottom: 3px;
|
||
|
|
}
|
||
|
|
.sp-color, .sp-hue, .sp-clear
|
||
|
|
{
|
||
|
|
border: solid 1px #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Input */
|
||
|
|
.sp-input-container {
|
||
|
|
float:right;
|
||
|
|
width: 100px;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
}
|
||
|
|
.sp-initial-disabled .sp-input-container {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.sp-input {
|
||
|
|
font-size: 12px !important;
|
||
|
|
border: 1px inset;
|
||
|
|
padding: 4px 5px;
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
background:transparent;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #222;
|
||
|
|
}
|
||
|
|
.sp-input:focus {
|
||
|
|
border: 1px solid orange;
|
||
|
|
}
|
||
|
|
.sp-input.sp-validation-error
|
||
|
|
{
|
||
|
|
border: 1px solid red;
|
||
|
|
background: #fdd;
|
||
|
|
}
|
||
|
|
.sp-picker-container , .sp-palette-container
|
||
|
|
{
|
||
|
|
float:left;
|
||
|
|
position: relative;
|
||
|
|
padding: 10px;
|
||
|
|
padding-bottom: 300px;
|
||
|
|
margin-bottom: -290px;
|
||
|
|
}
|
||
|
|
.sp-picker-container
|
||
|
|
{
|
||
|
|
width: 172px;
|
||
|
|
border-left: solid 1px #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Palettes */
|
||
|
|
.sp-palette-container
|
||
|
|
{
|
||
|
|
border-right: solid 1px #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-palette .sp-thumb-el {
|
||
|
|
display: block;
|
||
|
|
position:relative;
|
||
|
|
float:left;
|
||
|
|
width: 24px;
|
||
|
|
height: 15px;
|
||
|
|
margin: 3px;
|
||
|
|
cursor: pointer;
|
||
|
|
border:solid 2px transparent;
|
||
|
|
}
|
||
|
|
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
|
||
|
|
border-color: orange;
|
||
|
|
}
|
||
|
|
.sp-thumb-el
|
||
|
|
{
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Initial */
|
||
|
|
.sp-initial
|
||
|
|
{
|
||
|
|
float: left;
|
||
|
|
border: solid 1px #333;
|
||
|
|
}
|
||
|
|
.sp-initial span {
|
||
|
|
width: 30px;
|
||
|
|
height: 25px;
|
||
|
|
border:none;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-initial .sp-clear-display {
|
||
|
|
background-position: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Buttons */
|
||
|
|
.sp-button-container {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Replacer (the little preview div that shows up instead of the <input>) */
|
||
|
|
.sp-replacer {
|
||
|
|
margin:0;
|
||
|
|
overflow:hidden;
|
||
|
|
cursor:pointer;
|
||
|
|
padding: 4px;
|
||
|
|
display:inline-block;
|
||
|
|
*zoom: 1;
|
||
|
|
*display: inline;
|
||
|
|
border: solid 1px #91765d;
|
||
|
|
background: #eee;
|
||
|
|
color: #333;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.sp-replacer:hover, .sp-replacer.sp-active {
|
||
|
|
border-color: #F0C49B;
|
||
|
|
color: #111;
|
||
|
|
}
|
||
|
|
.sp-replacer.sp-disabled {
|
||
|
|
cursor:default;
|
||
|
|
border-color: silver;
|
||
|
|
color: silver;
|
||
|
|
}
|
||
|
|
.sp-dd {
|
||
|
|
padding: 2px 0;
|
||
|
|
height: 16px;
|
||
|
|
line-height: 16px;
|
||
|
|
float:left;
|
||
|
|
font-size:10px;
|
||
|
|
}
|
||
|
|
.sp-preview
|
||
|
|
{
|
||
|
|
position:relative;
|
||
|
|
width:25px;
|
||
|
|
height: 20px;
|
||
|
|
border: solid 1px #222;
|
||
|
|
margin-right: 5px;
|
||
|
|
float:left;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-palette
|
||
|
|
{
|
||
|
|
*width: 220px;
|
||
|
|
max-width: 220px;
|
||
|
|
}
|
||
|
|
.sp-palette .sp-thumb-el
|
||
|
|
{
|
||
|
|
width:16px;
|
||
|
|
height: 16px;
|
||
|
|
margin:2px 1px;
|
||
|
|
border: solid 1px #d0d0d0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-container
|
||
|
|
{
|
||
|
|
padding-bottom:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Buttons: http://hellohappy.org/css3-buttons/ */
|
||
|
|
.sp-container button {
|
||
|
|
background-color: #eeeeee;
|
||
|
|
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
|
||
|
|
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
||
|
|
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
|
||
|
|
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
|
||
|
|
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-bottom: 1px solid #bbb;
|
||
|
|
border-radius: 3px;
|
||
|
|
color: #333;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1;
|
||
|
|
padding: 5px 4px;
|
||
|
|
text-align: center;
|
||
|
|
text-shadow: 0 1px 0 #eee;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.sp-container button:hover {
|
||
|
|
background-color: #dddddd;
|
||
|
|
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
|
||
|
|
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
|
||
|
|
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
|
||
|
|
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
|
||
|
|
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
|
||
|
|
border: 1px solid #bbb;
|
||
|
|
border-bottom: 1px solid #999;
|
||
|
|
cursor: pointer;
|
||
|
|
text-shadow: 0 1px 0 #ddd;
|
||
|
|
}
|
||
|
|
.sp-container button:active {
|
||
|
|
border: 1px solid #aaa;
|
||
|
|
border-bottom: 1px solid #888;
|
||
|
|
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||
|
|
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||
|
|
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||
|
|
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||
|
|
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
|
||
|
|
}
|
||
|
|
.sp-cancel
|
||
|
|
{
|
||
|
|
font-size: 11px;
|
||
|
|
color: #d93f3f !important;
|
||
|
|
margin:0;
|
||
|
|
padding:2px;
|
||
|
|
margin-right: 5px;
|
||
|
|
vertical-align: middle;
|
||
|
|
text-decoration:none;
|
||
|
|
|
||
|
|
}
|
||
|
|
.sp-cancel:hover
|
||
|
|
{
|
||
|
|
color: #d93f3f !important;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.sp-palette span:hover, .sp-palette span.sp-thumb-active
|
||
|
|
{
|
||
|
|
border-color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-preview, .sp-alpha, .sp-thumb-el
|
||
|
|
{
|
||
|
|
position:relative;
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
||
|
|
}
|
||
|
|
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner
|
||
|
|
{
|
||
|
|
display:block;
|
||
|
|
position:absolute;
|
||
|
|
top:0;left:0;bottom:0;right:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-palette .sp-thumb-inner
|
||
|
|
{
|
||
|
|
background-position: 50% 50%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner
|
||
|
|
{
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner
|
||
|
|
{
|
||
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
|
||
|
|
}
|
||
|
|
|
||
|
|
.sp-clear-display {
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
|
||
|
|
}
|
||
|
|
|
||
|
|
.combobox-container {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
*zoom: 1;
|
||
|
|
}
|
||
|
|
.combobox-container:before,
|
||
|
|
.combobox-container:after {
|
||
|
|
display: table;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.combobox-container:after {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.combobox-container input,
|
||
|
|
.combobox-container .uneditable-input {
|
||
|
|
-webkit-border-radius: 0 3px 3px 0;
|
||
|
|
-moz-border-radius: 0 3px 3px 0;
|
||
|
|
border-radius: 0 3px 3px 0;
|
||
|
|
}
|
||
|
|
.combobox-container input:focus,
|
||
|
|
.combobox-container .uneditable-input:focus {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.combobox-container .uneditable-input {
|
||
|
|
border-left-color: #ccc;
|
||
|
|
}
|
||
|
|
.combobox-container .active {
|
||
|
|
background-color: #a9dba9;
|
||
|
|
border-color: #46a546;
|
||
|
|
}
|
||
|
|
.combobox-container input,
|
||
|
|
.combobox-container .uneditable-input {
|
||
|
|
float: left;
|
||
|
|
-webkit-border-radius: 3px 0 0 3px;
|
||
|
|
-moz-border-radius: 3px 0 0 3px;
|
||
|
|
border-radius: 3px 0 0 3px;
|
||
|
|
}
|
||
|
|
.combobox-container .uneditable-input {
|
||
|
|
border-left-color: #eee;
|
||
|
|
border-right-color: #ccc;
|
||
|
|
}
|
||
|
|
.combobox-container input:first-child {
|
||
|
|
*margin-left: -160px;
|
||
|
|
}
|
||
|
|
.combobox-container select {
|
||
|
|
display: inline-block;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
text-indent: -99999px;
|
||
|
|
*text-indent: 0;
|
||
|
|
}
|
||
|
|
.form-search .combobox-container,
|
||
|
|
.form-inline .combobox-container {
|
||
|
|
display: inline-block;
|
||
|
|
margin-bottom: 0;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
.combobox-selected .caret {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.typeahead-long {
|
||
|
|
max-height: 300px;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
.combobox-container:not(.combobox-selected) .fa-times {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.twitter-typeahead .tt-query,
|
||
|
|
.twitter-typeahead .tt-hint {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tt-dropdown-menu {
|
||
|
|
min-width: 160px;
|
||
|
|
margin-top: 2px;
|
||
|
|
padding: 5px 0;
|
||
|
|
background-color: #fff;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border: 1px solid rgba(0,0,0,.2);
|
||
|
|
*border-right-width: 2px;
|
||
|
|
*border-bottom-width: 2px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||
|
|
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||
|
|
box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||
|
|
-webkit-background-clip: padding-box;
|
||
|
|
-moz-background-clip: padding;
|
||
|
|
background-clip: padding-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tt-suggestion {
|
||
|
|
display: block;
|
||
|
|
padding: 3px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tt-suggestion.tt-is-under-cursor {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #0081c2;
|
||
|
|
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
|
||
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
|
||
|
|
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
|
||
|
|
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
|
||
|
|
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
|
||
|
|
}
|
||
|
|
|
||
|
|
.tt-suggestion.tt-is-under-cursor a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tt-suggestion p {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
.tt-hint {
|
||
|
|
padding: 6px 12px;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
.twitter-typeahead .tt-hint
|
||
|
|
{
|
||
|
|
display: block;
|
||
|
|
height: 34px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.428571429;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
border-radius:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.twitter-typeahead .hint-small
|
||
|
|
{
|
||
|
|
height: 30px;
|
||
|
|
padding: 5px 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
border-radius: 3px;
|
||
|
|
line-height: 1.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.twitter-typeahead .hint-large
|
||
|
|
{
|
||
|
|
height: 45px;
|
||
|
|
padding: 10px 16px;
|
||
|
|
font-size: 18px;
|
||
|
|
border-radius: 6px;
|
||
|
|
line-height: 1.33;
|
||
|
|
}
|
||
|
|
/* Preload images */
|
||
|
|
body:after {
|
||
|
|
content: url(../images/lightbox/close.png) url(../images/lightbox/loading.gif) url(../images/lightbox/prev.png) url(../images/lightbox/next.png);
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lightboxOverlay {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 9999;
|
||
|
|
background-color: black;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||
|
|
opacity: 0.8;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lightbox {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 10000;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 0;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lightbox .lb-image {
|
||
|
|
display: block;
|
||
|
|
height: auto;
|
||
|
|
max-width: inherit;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
-moz-border-radius: 3px;
|
||
|
|
-ms-border-radius: 3px;
|
||
|
|
-o-border-radius: 3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lightbox a img {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-outerContainer {
|
||
|
|
position: relative;
|
||
|
|
background-color: white;
|
||
|
|
*zoom: 1;
|
||
|
|
width: 250px;
|
||
|
|
height: 250px;
|
||
|
|
margin: 0 auto;
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
-moz-border-radius: 4px;
|
||
|
|
-ms-border-radius: 4px;
|
||
|
|
-o-border-radius: 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-outerContainer:after {
|
||
|
|
content: "";
|
||
|
|
display: table;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-container {
|
||
|
|
padding: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-loader {
|
||
|
|
position: absolute;
|
||
|
|
top: 43%;
|
||
|
|
left: 0;
|
||
|
|
height: 25%;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-cancel {
|
||
|
|
display: block;
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
margin: 0 auto;
|
||
|
|
background: url(../images/lightbox/loading.gif) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-nav {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 10;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-container > .nav {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-nav a {
|
||
|
|
outline: none;
|
||
|
|
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-prev, .lb-next {
|
||
|
|
height: 100%;
|
||
|
|
cursor: pointer;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-nav a.lb-prev {
|
||
|
|
width: 34%;
|
||
|
|
left: 0;
|
||
|
|
float: left;
|
||
|
|
background: url(../images/lightbox/prev.png) left 48% no-repeat;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity 0.6s;
|
||
|
|
-moz-transition: opacity 0.6s;
|
||
|
|
-o-transition: opacity 0.6s;
|
||
|
|
transition: opacity 0.6s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-nav a.lb-prev:hover {
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-nav a.lb-next {
|
||
|
|
width: 64%;
|
||
|
|
right: 0;
|
||
|
|
float: right;
|
||
|
|
background: url(../images/lightbox/next.png) right 48% no-repeat;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: opacity 0.6s;
|
||
|
|
-moz-transition: opacity 0.6s;
|
||
|
|
-o-transition: opacity 0.6s;
|
||
|
|
transition: opacity 0.6s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-nav a.lb-next:hover {
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-dataContainer {
|
||
|
|
margin: 0 auto;
|
||
|
|
padding-top: 5px;
|
||
|
|
*zoom: 1;
|
||
|
|
width: 100%;
|
||
|
|
-moz-border-radius-bottomleft: 4px;
|
||
|
|
-webkit-border-bottom-left-radius: 4px;
|
||
|
|
border-bottom-left-radius: 4px;
|
||
|
|
-moz-border-radius-bottomright: 4px;
|
||
|
|
-webkit-border-bottom-right-radius: 4px;
|
||
|
|
border-bottom-right-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-dataContainer:after {
|
||
|
|
content: "";
|
||
|
|
display: table;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-data {
|
||
|
|
padding: 0 4px;
|
||
|
|
color: #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-data .lb-details {
|
||
|
|
width: 85%;
|
||
|
|
float: left;
|
||
|
|
text-align: left;
|
||
|
|
line-height: 1.1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-data .lb-caption {
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: bold;
|
||
|
|
line-height: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-data .lb-number {
|
||
|
|
display: block;
|
||
|
|
clear: left;
|
||
|
|
padding-bottom: 1em;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-data .lb-close {
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
background: url(../images/lightbox/close.png) top right no-repeat;
|
||
|
|
text-align: right;
|
||
|
|
outline: none;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||
|
|
opacity: 0.7;
|
||
|
|
-webkit-transition: opacity 0.2s;
|
||
|
|
-moz-transition: opacity 0.2s;
|
||
|
|
-o-transition: opacity 0.2s;
|
||
|
|
transition: opacity 0.2s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lb-data .lb-close:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
body { background: #f8f8f8 !important;
|
||
|
|
font-family: 'Roboto', sans-serif;
|
||
|
|
}
|
||
|
|
.bold { font-weight: 700; }
|
||
|
|
a {color:#0b4d78;}
|
||
|
|
a:hover { text-decoration: none; color: #0a3857;}
|
||
|
|
.breadcrumb {
|
||
|
|
padding: 8px 0!important;
|
||
|
|
}
|
||
|
|
legend {
|
||
|
|
padding-bottom: 10px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: inherit;
|
||
|
|
color: #333;
|
||
|
|
border-bottom: 1px solid #dfe0e1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.greenlink a { color:#36c157; }
|
||
|
|
.greenlink a:hover { color:#2e9e49; }
|
||
|
|
.redlink a { color:#da4830; }
|
||
|
|
.redlink { color:#da4830; }
|
||
|
|
.redlink a:hover { color:#c13b25; }
|
||
|
|
.redlink:hover { color:#c13b25; }
|
||
|
|
|
||
|
|
.buttons { margin: 25px 0; }
|
||
|
|
.buttons .btn { margin: 0 6px; }
|
||
|
|
|
||
|
|
/*forms*/
|
||
|
|
.form-group {
|
||
|
|
margin-bottom: 17px;
|
||
|
|
}
|
||
|
|
.form-control {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 40px;
|
||
|
|
padding: 9px 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
color: #555;
|
||
|
|
background-color: #fff;
|
||
|
|
background-image: none;
|
||
|
|
border: 1px solid #dfe0e1;
|
||
|
|
border-radius: 2px;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||
|
|
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||
|
|
}
|
||
|
|
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
textarea.form-control {
|
||
|
|
/*height: auto !important;*/
|
||
|
|
min-height: 40px;
|
||
|
|
}
|
||
|
|
/*tables*/
|
||
|
|
table.dataTable { border-radius: 3px; border-collapse: collapse;
|
||
|
|
/*border-spacing: 0;*/}
|
||
|
|
table.dataTable thead > tr > th, table.invoice-table thead > tr > th {
|
||
|
|
background-color: #e37329 !important;
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
th:first-child {
|
||
|
|
border-radius: 3px 0 0 0;
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
th:last-child {
|
||
|
|
border-radius: 0 3px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr {border: none;}
|
||
|
|
th {border-left: 1px solid #d26b26; }
|
||
|
|
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
|
||
|
|
vertical-align: middle;
|
||
|
|
border-top: none;
|
||
|
|
border-bottom: 1px solid #dfe0e1;
|
||
|
|
}
|
||
|
|
table.dataTable.no-footer {
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
.table-striped>tbody>tr:nth-child(odd)>td,
|
||
|
|
.table-striped>tbody>tr:nth-child(odd)>th {
|
||
|
|
background-color: #FDFDFD;
|
||
|
|
}
|
||
|
|
table.table thead .sorting_asc {
|
||
|
|
background: url('../images/sort_asc.png') no-repeat 90% 50%;
|
||
|
|
}
|
||
|
|
table.table thead .sorting_desc {
|
||
|
|
background: url('../images/sort_desc.png') no-repeat 90% 50%;
|
||
|
|
}
|
||
|
|
table.dataTable thead th, table.dataTable thead td, table.invoice-table thead th, table.invoice-table thead td {
|
||
|
|
padding: 12px 10px;
|
||
|
|
}
|
||
|
|
table.dataTable tbody th, table.dataTable tbody td {
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.datepicker {
|
||
|
|
padding: 4px !important;
|
||
|
|
margin-top: 1px;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
-moz-border-radius: 3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.datepicker.dropdown-menu {
|
||
|
|
border: 1px solid #dfe0e1;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
-moz-border-radius: 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
||
|
|
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
||
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
||
|
|
color: #333333;
|
||
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 20px;
|
||
|
|
}
|
||
|
|
.datepicker table {font-size: 12px; border-spacing:2px;}
|
||
|
|
.datepicker td, .datepicker th { width:30px; }
|
||
|
|
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active {
|
||
|
|
background-color: #0b4d78;
|
||
|
|
background-image:none;
|
||
|
|
}
|
||
|
|
.datepicker table tr td.today { color: #333; background-color: #edd71e !important; background-image:none; text-shadow:none;}
|
||
|
|
.datepicker table tr td.today:hover { color: #333; background-color: #edd71e !important; background-image:none; text-shadow:none;}
|
||
|
|
.datepicker table tr td.today.active:hover {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*modals*/
|
||
|
|
.modal .container {
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
.modal-header {
|
||
|
|
border-bottom: none;
|
||
|
|
background-color: #0b4d78;
|
||
|
|
padding: 20px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.modal-footer {
|
||
|
|
background-color: #f8f8f8;
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
.modal thead {
|
||
|
|
background: #fff;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.modal .table>thead>tr>th {
|
||
|
|
border-bottom: 1px solid #dfe0e1 !important; padding-top: 30px;
|
||
|
|
background: #fff !important;
|
||
|
|
color: #333 !important;
|
||
|
|
}
|
||
|
|
.modal .table>thead>tr>th:first-child, .modal .table>thead>tr>th:last-child {
|
||
|
|
border-bottom: none !important;
|
||
|
|
}
|
||
|
|
.modal .close {
|
||
|
|
color: #fff;
|
||
|
|
text-shadow: none;
|
||
|
|
opacity: .8;
|
||
|
|
filter: alpha(opacity=80);
|
||
|
|
}
|
||
|
|
.modal .close:hover {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100);
|
||
|
|
}
|
||
|
|
/*buttons*/
|
||
|
|
.btn { font-weight: bold;
|
||
|
|
border-radius: 3px;
|
||
|
|
padding: 9px 12px;
|
||
|
|
}
|
||
|
|
.btn-success {
|
||
|
|
background-color: #36c157 !important;
|
||
|
|
border-color: #36c157 !important;
|
||
|
|
}
|
||
|
|
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-color:#33b753 !important; border-color:#33b753 !important;}
|
||
|
|
.btn-sm, .btn-group-sm>.btn {
|
||
|
|
padding: 5px 10px;
|
||
|
|
}
|
||
|
|
.btn-group.open .dropdown-toggle {
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.btn-primary {
|
||
|
|
background-color: #0b4d78;
|
||
|
|
border-color: #0b4d78;
|
||
|
|
}
|
||
|
|
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
|
||
|
|
background-color: #0a456c;
|
||
|
|
border-color: #0a456c;
|
||
|
|
}
|
||
|
|
.btn-default {background-color: #808080;
|
||
|
|
border-color: #808080;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #737373;
|
||
|
|
border-color: #737373;
|
||
|
|
}
|
||
|
|
.btn-info {background-color: #e27329;
|
||
|
|
border-color: #e27329;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #d66d27;
|
||
|
|
border-color: #d66d27;
|
||
|
|
}
|
||
|
|
.btn-lg, .btn-group-lg>.btn {
|
||
|
|
padding: 10px 16px;
|
||
|
|
font-size: 18px;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
|
||
|
|
background-color: #b5b5b5;
|
||
|
|
border-color: #b5b5b5;
|
||
|
|
}
|
||
|
|
.input-group-addon {
|
||
|
|
background-color: #f4f4f4;
|
||
|
|
border: 1px solid #dfe0e1;
|
||
|
|
border-radius: 3px;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
.caret {
|
||
|
|
margin-left: 0px;
|
||
|
|
}
|
||
|
|
.btn i.glyphicon { font-size: 16px; margin-left:7px; top: 2px; }
|
||
|
|
.btn-primary i{
|
||
|
|
border-color: #0b4d78;
|
||
|
|
}
|
||
|
|
.form-actions .btn { margin-left: 10px; }
|
||
|
|
|
||
|
|
.form-actions .btn.btn-success:first-child {
|
||
|
|
margin-left: 10px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*alerts*/
|
||
|
|
|
||
|
|
.alert {
|
||
|
|
padding: 15px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*new*/
|
||
|
|
|
||
|
|
div {
|
||
|
|
word-break: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.input-group {
|
||
|
|
word-break: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.required > label {
|
||
|
|
font-weight: bold !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
label.checkbox,
|
||
|
|
label.control-label {
|
||
|
|
font-weight: normal !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.breadcrumb {
|
||
|
|
background-color: inherit;
|
||
|
|
font-size: 22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.panel {
|
||
|
|
padding-left: 0px !important;
|
||
|
|
padding-right: 0px !important;
|
||
|
|
}
|
||
|
|
.panel {
|
||
|
|
border-radius: 3px;
|
||
|
|
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
|
||
|
|
box-shadow: 0 1px 1px rgba(0,0,0,.05);
|
||
|
|
}
|
||
|
|
|
||
|
|
.pointer {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-actions {
|
||
|
|
margin: 0;
|
||
|
|
background-color: transparent;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.less-space-bottom {
|
||
|
|
padding-bottom: 4px !important;
|
||
|
|
margin-bottom: 4px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* DataTables and BootStrap */
|
||
|
|
.dataTables_wrapper {
|
||
|
|
padding-top: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.table thead > tr > th {
|
||
|
|
border-bottom-width: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
table td {
|
||
|
|
max-width: 250px;
|
||
|
|
}
|
||
|
|
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
|
||
|
|
background-color: #0b4d78;
|
||
|
|
border-color: #0b4d78;
|
||
|
|
}
|
||
|
|
.pagination>li:first-child>a, .pagination>li:first-child>span {
|
||
|
|
border-bottom-left-radius: 3px;
|
||
|
|
border-top-left-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* hide table sorting indicators */
|
||
|
|
table.table thead .sorting { background: url('') no-repeat center right; }
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* navigation */
|
||
|
|
.sidebar-nav {
|
||
|
|
padding: 9px 0;
|
||
|
|
}
|
||
|
|
.dropdown-menu .sub-menu {
|
||
|
|
left: 100%;
|
||
|
|
position: absolute;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-menu li:hover .sub-menu {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown:hover .dropdown-menu {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-nav>li>a {
|
||
|
|
padding-top: 20px;
|
||
|
|
padding-bottom: 20px;
|
||
|
|
}
|
||
|
|
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-tabs { color:#fff; }
|
||
|
|
.nav-tabs.nav-justified>li>a {
|
||
|
|
border: none;
|
||
|
|
border-radius: 0;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #9b9b9b;
|
||
|
|
|
||
|
|
}
|
||
|
|
.nav-tabs.nav-justified>li:first-child>a {
|
||
|
|
border-radius: 3px 0 0 3px;
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
.nav-tabs.nav-justified>li:last-child>a {
|
||
|
|
border-radius: 0 3px 3px 0;
|
||
|
|
}
|
||
|
|
.nav-tabs.nav-justified>li>a:hover {
|
||
|
|
background-color:#8a8a8a;
|
||
|
|
}
|
||
|
|
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
|
||
|
|
border: none;
|
||
|
|
background-color: #808080;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.navbar {
|
||
|
|
background-color: #0b4d78 !important;
|
||
|
|
background-image: none;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
filter: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .active > a {
|
||
|
|
background-color: #09334f !important;
|
||
|
|
background-image: none;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
filter: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar .sub-menu:before {
|
||
|
|
border-bottom: 7px solid transparent;
|
||
|
|
border-left: none;
|
||
|
|
border-right: 7px solid rgba(0, 0, 0, 0.2);
|
||
|
|
border-top: 7px solid transparent;
|
||
|
|
left: -7px;
|
||
|
|
top: 10px;
|
||
|
|
}
|
||
|
|
.navbar .sub-menu:after {
|
||
|
|
border-top: 6px solid transparent;
|
||
|
|
border-left: none;
|
||
|
|
border-right: 6px solid #fff;
|
||
|
|
border-bottom: 6px solid transparent;
|
||
|
|
left: 10px;
|
||
|
|
top: 11px;
|
||
|
|
left: -6px;
|
||
|
|
}
|
||
|
|
.navbar .dropdown-menu {
|
||
|
|
border-top: 1px solid #0b4d78;
|
||
|
|
}
|
||
|
|
.navbar-brand {
|
||
|
|
padding-top:20px;
|
||
|
|
}
|
||
|
|
.dropdown-menu {
|
||
|
|
left: 0;
|
||
|
|
top: 100%;
|
||
|
|
min-width: 160px;
|
||
|
|
padding: 5px 0;
|
||
|
|
font-size: 14px;
|
||
|
|
border: none;
|
||
|
|
border-radius: 3px;
|
||
|
|
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.05);
|
||
|
|
box-shadow: 0 6px 12px rgba(0,0,0,.05);
|
||
|
|
background-clip: padding-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/***********************************************
|
||
|
|
Dashboard
|
||
|
|
************************************************/
|
||
|
|
|
||
|
|
.in-bold {
|
||
|
|
font-size: 26px;
|
||
|
|
font-weight: bold;;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.in-thin {
|
||
|
|
font-size: 26px;
|
||
|
|
font-weight: 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.in-bold-white {
|
||
|
|
font-weight: bold;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.in-image {
|
||
|
|
float:left;padding-right:25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.in-white {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.active-clients {
|
||
|
|
background-color: #0b4d78;
|
||
|
|
background-image:url('../images/activeclients.png');
|
||
|
|
background-position:center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
height: 200px;
|
||
|
|
padding-top: 44px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.average-invoice {
|
||
|
|
background-color: #ecd817;
|
||
|
|
min-height: 200px;
|
||
|
|
padding-top: 60px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.invoice-table tbody {
|
||
|
|
border-style: none !important;
|
||
|
|
}
|
||
|
|
.panel-body {padding: 25px;}
|
||
|
|
|
||
|
|
.dashboard .panel-heading { margin: -1px; }
|
||
|
|
|
||
|
|
.dashboard .panel-body {padding: 0;}
|
||
|
|
|
||
|
|
.dashboard .table-striped>tbody>tr>td, .table-striped>tbody>tr>th { background-color: #fbfbfb;}
|
||
|
|
.dashboard .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.dashboard th {
|
||
|
|
border-left: none;
|
||
|
|
background-color: #fbfbfb;
|
||
|
|
border-bottom: 1px solid #dfe0e1;
|
||
|
|
}
|
||
|
|
.dashboard table.table thead > tr > th {
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dashboard .table-striped>tbody>tr>td:first-child { padding-left: 15px; }
|
||
|
|
.dashboard .table-striped>thead>tr>th:first-child { padding-left: 15px; }
|
||
|
|
|
||
|
|
|
||
|
|
.invoice-table tfoot input {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/***********************************************
|
||
|
|
New/edit invoice page
|
||
|
|
************************************************/
|
||
|
|
|
||
|
|
table.invoice-table { color:#333; }
|
||
|
|
|
||
|
|
table.invoice-table th:first-child {
|
||
|
|
border-radius: 3px 0 0 3px;
|
||
|
|
}
|
||
|
|
table.invoice-table th:last-child {
|
||
|
|
border-radius: 0 3px 3px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.invoice-table td.hide-border,
|
||
|
|
.invoice-table th.hide-border {
|
||
|
|
border-style: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.invoice-table .line-total {
|
||
|
|
padding-top: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.invoice-table td.td-icon {
|
||
|
|
vertical-align: middle !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fa-sort {
|
||
|
|
cursor: move !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.closer-row {
|
||
|
|
margin-bottom: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Animate col width changes */
|
||
|
|
body {
|
||
|
|
-webkit-transition: all 0.5s ease;
|
||
|
|
-moz-transition: all 0.5s ease;
|
||
|
|
-o-transition: all 0.5s ease;
|
||
|
|
transition: all 0.5s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.discount-group span {
|
||
|
|
padding: 0px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#is_amount_discount {
|
||
|
|
min-width: 120px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/***********************************************
|
||
|
|
New/edit invoice page
|
||
|
|
************************************************/
|
||
|
|
|
||
|
|
.two-column .form-group div {
|
||
|
|
-webkit-column-count:2; /* Chrome, Safari, Opera */
|
||
|
|
-moz-column-count:2; /* Firefox */
|
||
|
|
column-count:2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.two-column .form-group div .radio {
|
||
|
|
margin-left:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/***********************************************
|
||
|
|
Add mouse over drop down to header menu
|
||
|
|
************************************************/
|
||
|
|
|
||
|
|
.navbar-default {
|
||
|
|
background-color: #428bff;
|
||
|
|
border-color: transparent;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-brand {
|
||
|
|
color: #ecf0f1;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-brand:hover,
|
||
|
|
.navbar-default .navbar-brand:focus {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-nav > li > a {
|
||
|
|
color: #ecf0f1;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-nav > li > a:hover,
|
||
|
|
.navbar-default .navbar-nav > li > a:focus {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-nav > .active > a,
|
||
|
|
.navbar-default .navbar-nav > .active > a:hover,
|
||
|
|
.navbar-default .navbar-nav > .active > a:focus {
|
||
|
|
color: #ffffff;
|
||
|
|
background-color: #3276b1;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-nav > .open > a,
|
||
|
|
.navbar-default .navbar-nav > .open > a:hover,
|
||
|
|
.navbar-default .navbar-nav > .open > a:focus {
|
||
|
|
color: #ffffff;
|
||
|
|
background-color: #3276b1;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-nav > .dropdown > a .caret {
|
||
|
|
border-top-color: #ecf0f1;
|
||
|
|
border-bottom-color: #ecf0f1;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
|
||
|
|
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
|
||
|
|
border-top-color: #ffffff;
|
||
|
|
border-bottom-color: #ffffff;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-nav > .open > a .caret,
|
||
|
|
.navbar-default .navbar-nav > .open > a:hover .caret,
|
||
|
|
.navbar-default .navbar-nav > .open > a:focus .caret {
|
||
|
|
border-top-color: #ffffff;
|
||
|
|
border-bottom-color: #ffffff;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-toggle {
|
||
|
|
border-color: #3276b1;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-toggle:hover,
|
||
|
|
.navbar-default .navbar-toggle:focus {
|
||
|
|
background-color: #3276b1;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-toggle .icon-bar {
|
||
|
|
background-color: #ecf0f1;
|
||
|
|
}
|
||
|
|
.navbar-form { margin-top: 15px; padding-right:0; }
|
||
|
|
.navbar-form:first-child { padding-right: 0; }
|
||
|
|
.navbar-form .form-control { height: 30px; }
|
||
|
|
.twitter-typeahead .tt-hint {
|
||
|
|
height: 30px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.navbar-form .btn-default {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #09334f;
|
||
|
|
border-color: #09334f;
|
||
|
|
}
|
||
|
|
.navbar-form .dropdown-toggle.btn-default {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #08273c;
|
||
|
|
border-color: #08273c;
|
||
|
|
}
|
||
|
|
#signUpPopOver {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
div.fb_iframe_widget {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
div.fb_iframe_widget > span {
|
||
|
|
vertical-align: top !important;
|
||
|
|
}
|
||
|
|
.pro-label {
|
||
|
|
font-size:9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.plans-table {float: none; margin-top: 10px; }
|
||
|
|
.plans-table div {text-align:center; margin: 0 auto; }
|
||
|
|
|
||
|
|
.plans-table .free, .plans-table .desc { padding: 0; }
|
||
|
|
.plans-table .free .cell { padding-right: 15px; }
|
||
|
|
.plans-table .desc .cell { text-align: right; padding-right: 15px; border-left: 1px solid #dfe0e1; font-size: 13px; font-weight: 800; }
|
||
|
|
.plans-table .pro .cell { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
|
||
|
|
|
||
|
|
|
||
|
|
.plans-table .cell {background-color: #fff; border-top: 1px solid #dfe0e1;padding: 18px 0; font-family: Roboto, sans-serif; height: 60px;}
|
||
|
|
.plans-table .cell:nth-child(odd){background-color: #fbfbfb;}
|
||
|
|
.plans-table .pro .cell:nth-child(odd){background-color: #f4f4f4;}
|
||
|
|
.plans-table .pro {
|
||
|
|
background-color: #2299c0;
|
||
|
|
overflow:hidden;
|
||
|
|
padding: 0;
|
||
|
|
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 5, 5, 0.2);
|
||
|
|
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 5, 5, 0.2);
|
||
|
|
box-shadow: 0px 0px 15px 0px rgba(0, 5, 5, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.plans-table .free .cell:first-child, .plans-table .pro .cell:first-child {color: #fff; text-transform: uppercase; font-size: 24px; font-weight:800; line-height: 60px; padding: 0; position: relative; bottom: -1px; border: none;}
|
||
|
|
.plans-table .free .cell:first-child {background-color: #9b9b9b; margin-right: 15px; padding-right: 0;}
|
||
|
|
.plans-table .free, .plans-table .desc {border-bottom: 1px solid #dfe0e1;}
|
||
|
|
.plans-table .pro .cell:first-child {background-color: #2299c0;}
|
||
|
|
.plans-table .pro .cell:last-child {padding: 0; border: none;}
|
||
|
|
.plans-table .desc .cell:first-child {background-color: transparent; border: none;}
|
||
|
|
|
||
|
|
.plans-table .glyphicon {color: #fff; border-radius: 50px; padding: 5px; font-size: 10px;}
|
||
|
|
.plans-table .glyphicon-remove {background-color: #da4830;}
|
||
|
|
.plans-table .glyphicon-ok {background-color: #35c156;}
|
||
|
|
.plans-table .glyphicon-star {border-radius: 0; background-color: #2e2b2b;
|
||
|
|
display: block;
|
||
|
|
width: 60px;
|
||
|
|
height: 30px;
|
||
|
|
position: absolute;
|
||
|
|
top: -5px;
|
||
|
|
right: -20px;
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
-moz-transform: rotate(45deg);
|
||
|
|
-o-transform: rotate(45deg);
|
||
|
|
transform: rotate(45deg);
|
||
|
|
padding: 13px 0 0 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.plans-table .price {padding: 0; }
|
||
|
|
.plans-table .free .price p {color: #35c156;}
|
||
|
|
.plans-table .pro .price p {color: #2299c0;}
|
||
|
|
.plans-table .price p {font-size: 40px; text-transform: uppercase; font-weight: 800; margin: 0; line-height: 55px;}
|
||
|
|
.plans-table .price p span {font-size: 16px; text-transform: none; font-weight: 400;}
|
||
|
|
|
||
|
|
.plans-table a .cta h2 {background: #2299c0; color:#fff; margin: 0;}
|
||
|
|
.plans-table a .cta h2 span {background: #1e84a5;}
|
||
|
|
|
||
|
|
|
||
|
|
.checkbox-inline input[type="checkbox"] {
|
||
|
|
margin-left: 0px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#designThumbs img {
|
||
|
|
border: 1px solid #CCCCCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ellipsis {
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entityArchived {
|
||
|
|
color: #888 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.entityDeleted {
|
||
|
|
text-decoration: line-through;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (min-width: 992px) {
|
||
|
|
.hide-desktop {display: none;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 992px) {
|
||
|
|
.hide-phone {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (min-width: 992px) {
|
||
|
|
.medium-dialog {
|
||
|
|
width: 760px;
|
||
|
|
}
|
||
|
|
.large-dialog {
|
||
|
|
width: 960px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
.test-class{color:black;}
|
||
|
|
|
||
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
|
||
|
|
color: #ecf0f1;
|
||
|
|
}
|
||
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
|
||
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.plans-table .cell {height: auto; padding: 14px 0; }
|
||
|
|
.plans-table .free .cell { padding-right: 0; }
|
||
|
|
.plans-table .free .cell:first-child {margin-right: 0;}
|
||
|
|
.plans-table .cell div:first-child {margin-bottom: 5px;}
|
||
|
|
.plans-table .cell .cta {margin-bottom: 0 !important;}
|
||
|
|
.plans-table .pro {margin-top: 40px;}
|
||
|
|
}
|
||
|
|
|
||
|
|
label[for=recommendedGateway_id2].radio{
|
||
|
|
min-height: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hide bootstrap sort header icons */
|
||
|
|
table.table thead .sorting:after { content: '' !important }
|
||
|
|
table.table thead .sorting_asc:after { content: '' !important }
|
||
|
|
table.table thead .sorting_desc:after { content: '' !important}
|
||
|
|
table.table thead .sorting_asc_disabled:after { content: '' !important }
|
||
|
|
table.table thead .sorting_desc_disabled:after { content: '' !important }
|
||
|
|
|
||
|
|
/* Prevent modal from shifting page a bit - https://github.com/twbs/bootstrap/issues/9886 */
|
||
|
|
body.modal-open { overflow:inherit; padding-right:inherit !important; }
|
||
|
|
|
||
|
|
|
||
|
|
/* bootstrap 3.2.0 fix */
|
||
|
|
/* https://github.com/twbs/bootstrap/issues/13984 */
|
||
|
|
.radio input[type="radio"],
|
||
|
|
.checkbox input[type="checkbox"] {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 5px;
|
||
|
|
height: inherit;
|
||
|
|
width: inherit;
|
||
|
|
float: left;
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
margin-top: 3px;
|
||
|
|
}
|