File: /python/moda/public_html/tech/old/admin/templates/blend/css/all.css
/*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
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 {
border: 0;
padding: 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-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
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;
}
.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.woff2") format("woff2"), 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: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.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 {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: 400;
line-height: 1;
color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eeeeee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: "\00A0 \2014";
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
table {
background-color: transparent;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
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, -webkit-box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.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.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
background-image: none;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
background-image: none;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
background-image: none;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
background-image: none;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
background-image: none;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: 400;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-right: -15px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eeeeee;
border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777777;
cursor: not-allowed;
background-color: #fff;
}
.label {
display: inline;
padding: 0.2em 0.6em 0.3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777777;
cursor: not-allowed;
background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: 0.5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 12px;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: 0.9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 0.5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
outline: 0;
filter: alpha(opacity=90);
opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: "\2039";
}
.carousel-control .icon-next:before {
content: "\203a";
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
/* jQuery Growl
* Copyright 2015 Kevin Sylvestre
* 1.3.1
*/
#growls {
z-index: 50000;
position: fixed; }
#growls.default {
top: 10px;
right: 10px; }
#growls.tl {
top: 10px;
left: 10px; }
#growls.tr {
top: 10px;
right: 10px; }
#growls.bl {
bottom: 10px;
left: 10px; }
#growls.br {
bottom: 10px;
right: 10px; }
#growls.tc {
top: 10px;
right: 10px;
left: 10px; }
#growls.bc {
bottom: 10px;
right: 10px;
left: 10px; }
#growls.tc .growl, #growls.bc .growl {
margin-left: auto;
margin-right: auto; }
.growl {
opacity: 0.8;
filter: alpha(opacity=80);
position: relative;
border-radius: 4px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.growl.growl-incoming {
opacity: 0;
filter: alpha(opacity=0); }
.growl.growl-outgoing {
opacity: 0;
filter: alpha(opacity=0); }
.growl.growl-small {
width: 200px;
padding: 5px;
margin: 5px; }
.growl.growl-medium {
width: 250px;
padding: 10px;
margin: 10px; }
.growl.growl-large {
width: 300px;
padding: 15px;
margin: 15px; }
.growl.growl-default {
color: #FFF;
background: #7f8c8d; }
.growl.growl-error {
color: #FFF;
background: #C0392B; }
.growl.growl-notice {
color: #FFF;
background: #2ECC71; }
.growl.growl-warning {
color: #FFF;
background: #F39C12; }
.growl .growl-close {
cursor: pointer;
float: right;
font-size: 14px;
line-height: 18px;
font-weight: normal;
font-family: helvetica, verdana, sans-serif; }
.growl .growl-title {
font-size: 18px;
line-height: 24px; }
.growl .growl-message {
font-size: 14px;
line-height: 18px; }
/**
* Variables declared here can be overridden by consuming applications, with
* the help of the `!default` flag.
*
* @example
* // overriding $hoverColor
* $hoverColor: rgba(red, 0.05);
*
* // overriding image path
* $flagsImagePath: "images/";
*
* // import the scss file after the overrides
* @import "bower_component/intl-tel-input/src/css/intlTelInput";
*/
.intl-tel-input {
position: relative;
display: inline-block; }
.intl-tel-input * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
.intl-tel-input .hide {
display: none; }
.intl-tel-input .v-hide {
visibility: hidden; }
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0; }
.intl-tel-input .flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px; }
.intl-tel-input .selected-flag {
z-index: 1;
position: relative;
width: 36px;
height: 100%;
padding: 0 0 0 8px; }
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto; }
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555; }
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: none;
border-bottom: 4px solid #555; }
.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll; }
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px; }
.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px; }
@media (max-width: 500px) {
.intl-tel-input .country-list {
white-space: normal; } }
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC; }
.intl-tel-input .country-list .country {
padding: 5px 10px; }
.intl-tel-input .country-list .country .dial-code {
color: #999; }
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0, 0, 0, 0.05); }
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
vertical-align: middle; }
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
margin-right: 6px; }
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0; }
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
right: auto;
left: 0; }
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
width: 46px; }
.intl-tel-input.allow-dropdown .flag-container:hover {
cursor: pointer; }
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: rgba(0, 0, 0, 0.05); }
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
cursor: default; }
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
background-color: transparent; }
.intl-tel-input.separate-dial-code .selected-flag {
background-color: rgba(0, 0, 0, 0.05);
display: table; }
.intl-tel-input.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 28px; }
.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
padding-left: 66px; }
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
width: 60px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
padding-left: 76px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
width: 70px; }
.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
padding-left: 74px; }
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
width: 68px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
padding-left: 84px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
width: 78px; }
.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
padding-left: 82px; }
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
width: 76px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
padding-left: 92px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
width: 86px; }
.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
padding-left: 90px; }
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
width: 84px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
padding-left: 100px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
width: 94px; }
.intl-tel-input.iti-container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px; }
.intl-tel-input.iti-container:hover {
cursor: pointer; }
.iti-mobile .intl-tel-input.iti-container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed; }
.iti-mobile .intl-tel-input .country-list {
max-height: 100%;
width: 100%; }
.iti-mobile .intl-tel-input .country-list .country {
padding: 10px 10px;
line-height: 1.5em; }
.iti-flag {
width: 20px; }
.iti-flag.be {
width: 18px; }
.iti-flag.ch {
width: 15px; }
.iti-flag.mc {
width: 19px; }
.iti-flag.ne {
width: 18px; }
.iti-flag.np {
width: 13px; }
.iti-flag.va {
width: 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.iti-flag {
background-size: 5630px 15px; } }
.iti-flag.ac {
height: 10px;
background-position: 0px 0px; }
.iti-flag.ad {
height: 14px;
background-position: -22px 0px; }
.iti-flag.ae {
height: 10px;
background-position: -44px 0px; }
.iti-flag.af {
height: 14px;
background-position: -66px 0px; }
.iti-flag.ag {
height: 14px;
background-position: -88px 0px; }
.iti-flag.ai {
height: 10px;
background-position: -110px 0px; }
.iti-flag.al {
height: 15px;
background-position: -132px 0px; }
.iti-flag.am {
height: 10px;
background-position: -154px 0px; }
.iti-flag.ao {
height: 14px;
background-position: -176px 0px; }
.iti-flag.aq {
height: 14px;
background-position: -198px 0px; }
.iti-flag.ar {
height: 13px;
background-position: -220px 0px; }
.iti-flag.as {
height: 10px;
background-position: -242px 0px; }
.iti-flag.at {
height: 14px;
background-position: -264px 0px; }
.iti-flag.au {
height: 10px;
background-position: -286px 0px; }
.iti-flag.aw {
height: 14px;
background-position: -308px 0px; }
.iti-flag.ax {
height: 13px;
background-position: -330px 0px; }
.iti-flag.az {
height: 10px;
background-position: -352px 0px; }
.iti-flag.ba {
height: 10px;
background-position: -374px 0px; }
.iti-flag.bb {
height: 14px;
background-position: -396px 0px; }
.iti-flag.bd {
height: 12px;
background-position: -418px 0px; }
.iti-flag.be {
height: 15px;
background-position: -440px 0px; }
.iti-flag.bf {
height: 14px;
background-position: -460px 0px; }
.iti-flag.bg {
height: 12px;
background-position: -482px 0px; }
.iti-flag.bh {
height: 12px;
background-position: -504px 0px; }
.iti-flag.bi {
height: 12px;
background-position: -526px 0px; }
.iti-flag.bj {
height: 14px;
background-position: -548px 0px; }
.iti-flag.bl {
height: 14px;
background-position: -570px 0px; }
.iti-flag.bm {
height: 10px;
background-position: -592px 0px; }
.iti-flag.bn {
height: 10px;
background-position: -614px 0px; }
.iti-flag.bo {
height: 14px;
background-position: -636px 0px; }
.iti-flag.bq {
height: 14px;
background-position: -658px 0px; }
.iti-flag.br {
height: 14px;
background-position: -680px 0px; }
.iti-flag.bs {
height: 10px;
background-position: -702px 0px; }
.iti-flag.bt {
height: 14px;
background-position: -724px 0px; }
.iti-flag.bv {
height: 15px;
background-position: -746px 0px; }
.iti-flag.bw {
height: 14px;
background-position: -768px 0px; }
.iti-flag.by {
height: 10px;
background-position: -790px 0px; }
.iti-flag.bz {
height: 14px;
background-position: -812px 0px; }
.iti-flag.ca {
height: 10px;
background-position: -834px 0px; }
.iti-flag.cc {
height: 10px;
background-position: -856px 0px; }
.iti-flag.cd {
height: 15px;
background-position: -878px 0px; }
.iti-flag.cf {
height: 14px;
background-position: -900px 0px; }
.iti-flag.cg {
height: 14px;
background-position: -922px 0px; }
.iti-flag.ch {
height: 15px;
background-position: -944px 0px; }
.iti-flag.ci {
height: 14px;
background-position: -961px 0px; }
.iti-flag.ck {
height: 10px;
background-position: -983px 0px; }
.iti-flag.cl {
height: 14px;
background-position: -1005px 0px; }
.iti-flag.cm {
height: 14px;
background-position: -1027px 0px; }
.iti-flag.cn {
height: 14px;
background-position: -1049px 0px; }
.iti-flag.co {
height: 14px;
background-position: -1071px 0px; }
.iti-flag.cp {
height: 14px;
background-position: -1093px 0px; }
.iti-flag.cr {
height: 12px;
background-position: -1115px 0px; }
.iti-flag.cu {
height: 10px;
background-position: -1137px 0px; }
.iti-flag.cv {
height: 12px;
background-position: -1159px 0px; }
.iti-flag.cw {
height: 14px;
background-position: -1181px 0px; }
.iti-flag.cx {
height: 10px;
background-position: -1203px 0px; }
.iti-flag.cy {
height: 13px;
background-position: -1225px 0px; }
.iti-flag.cz {
height: 14px;
background-position: -1247px 0px; }
.iti-flag.de {
height: 12px;
background-position: -1269px 0px; }
.iti-flag.dg {
height: 10px;
background-position: -1291px 0px; }
.iti-flag.dj {
height: 14px;
background-position: -1313px 0px; }
.iti-flag.dk {
height: 15px;
background-position: -1335px 0px; }
.iti-flag.dm {
height: 10px;
background-position: -1357px 0px; }
.iti-flag.do {
height: 13px;
background-position: -1379px 0px; }
.iti-flag.dz {
height: 14px;
background-position: -1401px 0px; }
.iti-flag.ea {
height: 14px;
background-position: -1423px 0px; }
.iti-flag.ec {
height: 14px;
background-position: -1445px 0px; }
.iti-flag.ee {
height: 13px;
background-position: -1467px 0px; }
.iti-flag.eg {
height: 14px;
background-position: -1489px 0px; }
.iti-flag.eh {
height: 10px;
background-position: -1511px 0px; }
.iti-flag.er {
height: 10px;
background-position: -1533px 0px; }
.iti-flag.es {
height: 14px;
background-position: -1555px 0px; }
.iti-flag.et {
height: 10px;
background-position: -1577px 0px; }
.iti-flag.eu {
height: 14px;
background-position: -1599px 0px; }
.iti-flag.fi {
height: 12px;
background-position: -1621px 0px; }
.iti-flag.fj {
height: 10px;
background-position: -1643px 0px; }
.iti-flag.fk {
height: 10px;
background-position: -1665px 0px; }
.iti-flag.fm {
height: 11px;
background-position: -1687px 0px; }
.iti-flag.fo {
height: 15px;
background-position: -1709px 0px; }
.iti-flag.fr {
height: 14px;
background-position: -1731px 0px; }
.iti-flag.ga {
height: 15px;
background-position: -1753px 0px; }
.iti-flag.gb {
height: 10px;
background-position: -1775px 0px; }
.iti-flag.gd {
height: 12px;
background-position: -1797px 0px; }
.iti-flag.ge {
height: 14px;
background-position: -1819px 0px; }
.iti-flag.gf {
height: 14px;
background-position: -1841px 0px; }
.iti-flag.gg {
height: 14px;
background-position: -1863px 0px; }
.iti-flag.gh {
height: 14px;
background-position: -1885px 0px; }
.iti-flag.gi {
height: 10px;
background-position: -1907px 0px; }
.iti-flag.gl {
height: 14px;
background-position: -1929px 0px; }
.iti-flag.gm {
height: 14px;
background-position: -1951px 0px; }
.iti-flag.gn {
height: 14px;
background-position: -1973px 0px; }
.iti-flag.gp {
height: 14px;
background-position: -1995px 0px; }
.iti-flag.gq {
height: 14px;
background-position: -2017px 0px; }
.iti-flag.gr {
height: 14px;
background-position: -2039px 0px; }
.iti-flag.gs {
height: 10px;
background-position: -2061px 0px; }
.iti-flag.gt {
height: 13px;
background-position: -2083px 0px; }
.iti-flag.gu {
height: 11px;
background-position: -2105px 0px; }
.iti-flag.gw {
height: 10px;
background-position: -2127px 0px; }
.iti-flag.gy {
height: 12px;
background-position: -2149px 0px; }
.iti-flag.hk {
height: 14px;
background-position: -2171px 0px; }
.iti-flag.hm {
height: 10px;
background-position: -2193px 0px; }
.iti-flag.hn {
height: 10px;
background-position: -2215px 0px; }
.iti-flag.hr {
height: 10px;
background-position: -2237px 0px; }
.iti-flag.ht {
height: 12px;
background-position: -2259px 0px; }
.iti-flag.hu {
height: 10px;
background-position: -2281px 0px; }
.iti-flag.ic {
height: 14px;
background-position: -2303px 0px; }
.iti-flag.id {
height: 14px;
background-position: -2325px 0px; }
.iti-flag.ie {
height: 10px;
background-position: -2347px 0px; }
.iti-flag.il {
height: 15px;
background-position: -2369px 0px; }
.iti-flag.im {
height: 10px;
background-position: -2391px 0px; }
.iti-flag.in {
height: 14px;
background-position: -2413px 0px; }
.iti-flag.io {
height: 10px;
background-position: -2435px 0px; }
.iti-flag.iq {
height: 14px;
background-position: -2457px 0px; }
.iti-flag.ir {
height: 12px;
background-position: -2479px 0px; }
.iti-flag.is {
height: 15px;
background-position: -2501px 0px; }
.iti-flag.it {
height: 14px;
background-position: -2523px 0px; }
.iti-flag.je {
height: 12px;
background-position: -2545px 0px; }
.iti-flag.jm {
height: 10px;
background-position: -2567px 0px; }
.iti-flag.jo {
height: 10px;
background-position: -2589px 0px; }
.iti-flag.jp {
height: 14px;
background-position: -2611px 0px; }
.iti-flag.ke {
height: 14px;
background-position: -2633px 0px; }
.iti-flag.kg {
height: 12px;
background-position: -2655px 0px; }
.iti-flag.kh {
height: 13px;
background-position: -2677px 0px; }
.iti-flag.ki {
height: 10px;
background-position: -2699px 0px; }
.iti-flag.km {
height: 12px;
background-position: -2721px 0px; }
.iti-flag.kn {
height: 14px;
background-position: -2743px 0px; }
.iti-flag.kp {
height: 10px;
background-position: -2765px 0px; }
.iti-flag.kr {
height: 14px;
background-position: -2787px 0px; }
.iti-flag.kw {
height: 10px;
background-position: -2809px 0px; }
.iti-flag.ky {
height: 10px;
background-position: -2831px 0px; }
.iti-flag.kz {
height: 10px;
background-position: -2853px 0px; }
.iti-flag.la {
height: 14px;
background-position: -2875px 0px; }
.iti-flag.lb {
height: 14px;
background-position: -2897px 0px; }
.iti-flag.lc {
height: 10px;
background-position: -2919px 0px; }
.iti-flag.li {
height: 12px;
background-position: -2941px 0px; }
.iti-flag.lk {
height: 10px;
background-position: -2963px 0px; }
.iti-flag.lr {
height: 11px;
background-position: -2985px 0px; }
.iti-flag.ls {
height: 14px;
background-position: -3007px 0px; }
.iti-flag.lt {
height: 12px;
background-position: -3029px 0px; }
.iti-flag.lu {
height: 12px;
background-position: -3051px 0px; }
.iti-flag.lv {
height: 10px;
background-position: -3073px 0px; }
.iti-flag.ly {
height: 10px;
background-position: -3095px 0px; }
.iti-flag.ma {
height: 14px;
background-position: -3117px 0px; }
.iti-flag.mc {
height: 15px;
background-position: -3139px 0px; }
.iti-flag.md {
height: 10px;
background-position: -3160px 0px; }
.iti-flag.me {
height: 10px;
background-position: -3182px 0px; }
.iti-flag.mf {
height: 14px;
background-position: -3204px 0px; }
.iti-flag.mg {
height: 14px;
background-position: -3226px 0px; }
.iti-flag.mh {
height: 11px;
background-position: -3248px 0px; }
.iti-flag.mk {
height: 10px;
background-position: -3270px 0px; }
.iti-flag.ml {
height: 14px;
background-position: -3292px 0px; }
.iti-flag.mm {
height: 14px;
background-position: -3314px 0px; }
.iti-flag.mn {
height: 10px;
background-position: -3336px 0px; }
.iti-flag.mo {
height: 14px;
background-position: -3358px 0px; }
.iti-flag.mp {
height: 10px;
background-position: -3380px 0px; }
.iti-flag.mq {
height: 14px;
background-position: -3402px 0px; }
.iti-flag.mr {
height: 14px;
background-position: -3424px 0px; }
.iti-flag.ms {
height: 10px;
background-position: -3446px 0px; }
.iti-flag.mt {
height: 14px;
background-position: -3468px 0px; }
.iti-flag.mu {
height: 14px;
background-position: -3490px 0px; }
.iti-flag.mv {
height: 14px;
background-position: -3512px 0px; }
.iti-flag.mw {
height: 14px;
background-position: -3534px 0px; }
.iti-flag.mx {
height: 12px;
background-position: -3556px 0px; }
.iti-flag.my {
height: 10px;
background-position: -3578px 0px; }
.iti-flag.mz {
height: 14px;
background-position: -3600px 0px; }
.iti-flag.na {
height: 14px;
background-position: -3622px 0px; }
.iti-flag.nc {
height: 10px;
background-position: -3644px 0px; }
.iti-flag.ne {
height: 15px;
background-position: -3666px 0px; }
.iti-flag.nf {
height: 10px;
background-position: -3686px 0px; }
.iti-flag.ng {
height: 10px;
background-position: -3708px 0px; }
.iti-flag.ni {
height: 12px;
background-position: -3730px 0px; }
.iti-flag.nl {
height: 14px;
background-position: -3752px 0px; }
.iti-flag.no {
height: 15px;
background-position: -3774px 0px; }
.iti-flag.np {
height: 15px;
background-position: -3796px 0px; }
.iti-flag.nr {
height: 10px;
background-position: -3811px 0px; }
.iti-flag.nu {
height: 10px;
background-position: -3833px 0px; }
.iti-flag.nz {
height: 10px;
background-position: -3855px 0px; }
.iti-flag.om {
height: 10px;
background-position: -3877px 0px; }
.iti-flag.pa {
height: 14px;
background-position: -3899px 0px; }
.iti-flag.pe {
height: 14px;
background-position: -3921px 0px; }
.iti-flag.pf {
height: 14px;
background-position: -3943px 0px; }
.iti-flag.pg {
height: 15px;
background-position: -3965px 0px; }
.iti-flag.ph {
height: 10px;
background-position: -3987px 0px; }
.iti-flag.pk {
height: 14px;
background-position: -4009px 0px; }
.iti-flag.pl {
height: 13px;
background-position: -4031px 0px; }
.iti-flag.pm {
height: 14px;
background-position: -4053px 0px; }
.iti-flag.pn {
height: 10px;
background-position: -4075px 0px; }
.iti-flag.pr {
height: 14px;
background-position: -4097px 0px; }
.iti-flag.ps {
height: 10px;
background-position: -4119px 0px; }
.iti-flag.pt {
height: 14px;
background-position: -4141px 0px; }
.iti-flag.pw {
height: 13px;
background-position: -4163px 0px; }
.iti-flag.py {
height: 11px;
background-position: -4185px 0px; }
.iti-flag.qa {
height: 8px;
background-position: -4207px 0px; }
.iti-flag.re {
height: 14px;
background-position: -4229px 0px; }
.iti-flag.ro {
height: 14px;
background-position: -4251px 0px; }
.iti-flag.rs {
height: 14px;
background-position: -4273px 0px; }
.iti-flag.ru {
height: 14px;
background-position: -4295px 0px; }
.iti-flag.rw {
height: 14px;
background-position: -4317px 0px; }
.iti-flag.sa {
height: 14px;
background-position: -4339px 0px; }
.iti-flag.sb {
height: 10px;
background-position: -4361px 0px; }
.iti-flag.sc {
height: 10px;
background-position: -4383px 0px; }
.iti-flag.sd {
height: 10px;
background-position: -4405px 0px; }
.iti-flag.se {
height: 13px;
background-position: -4427px 0px; }
.iti-flag.sg {
height: 14px;
background-position: -4449px 0px; }
.iti-flag.sh {
height: 10px;
background-position: -4471px 0px; }
.iti-flag.si {
height: 10px;
background-position: -4493px 0px; }
.iti-flag.sj {
height: 15px;
background-position: -4515px 0px; }
.iti-flag.sk {
height: 14px;
background-position: -4537px 0px; }
.iti-flag.sl {
height: 14px;
background-position: -4559px 0px; }
.iti-flag.sm {
height: 15px;
background-position: -4581px 0px; }
.iti-flag.sn {
height: 14px;
background-position: -4603px 0px; }
.iti-flag.so {
height: 14px;
background-position: -4625px 0px; }
.iti-flag.sr {
height: 14px;
background-position: -4647px 0px; }
.iti-flag.ss {
height: 10px;
background-position: -4669px 0px; }
.iti-flag.st {
height: 10px;
background-position: -4691px 0px; }
.iti-flag.sv {
height: 12px;
background-position: -4713px 0px; }
.iti-flag.sx {
height: 14px;
background-position: -4735px 0px; }
.iti-flag.sy {
height: 14px;
background-position: -4757px 0px; }
.iti-flag.sz {
height: 14px;
background-position: -4779px 0px; }
.iti-flag.ta {
height: 10px;
background-position: -4801px 0px; }
.iti-flag.tc {
height: 10px;
background-position: -4823px 0px; }
.iti-flag.td {
height: 14px;
background-position: -4845px 0px; }
.iti-flag.tf {
height: 14px;
background-position: -4867px 0px; }
.iti-flag.tg {
height: 13px;
background-position: -4889px 0px; }
.iti-flag.th {
height: 14px;
background-position: -4911px 0px; }
.iti-flag.tj {
height: 10px;
background-position: -4933px 0px; }
.iti-flag.tk {
height: 10px;
background-position: -4955px 0px; }
.iti-flag.tl {
height: 10px;
background-position: -4977px 0px; }
.iti-flag.tm {
height: 14px;
background-position: -4999px 0px; }
.iti-flag.tn {
height: 14px;
background-position: -5021px 0px; }
.iti-flag.to {
height: 10px;
background-position: -5043px 0px; }
.iti-flag.tr {
height: 14px;
background-position: -5065px 0px; }
.iti-flag.tt {
height: 12px;
background-position: -5087px 0px; }
.iti-flag.tv {
height: 10px;
background-position: -5109px 0px; }
.iti-flag.tw {
height: 14px;
background-position: -5131px 0px; }
.iti-flag.tz {
height: 14px;
background-position: -5153px 0px; }
.iti-flag.ua {
height: 14px;
background-position: -5175px 0px; }
.iti-flag.ug {
height: 14px;
background-position: -5197px 0px; }
.iti-flag.um {
height: 11px;
background-position: -5219px 0px; }
.iti-flag.us {
height: 11px;
background-position: -5241px 0px; }
.iti-flag.uy {
height: 14px;
background-position: -5263px 0px; }
.iti-flag.uz {
height: 10px;
background-position: -5285px 0px; }
.iti-flag.va {
height: 15px;
background-position: -5307px 0px; }
.iti-flag.vc {
height: 14px;
background-position: -5324px 0px; }
.iti-flag.ve {
height: 14px;
background-position: -5346px 0px; }
.iti-flag.vg {
height: 10px;
background-position: -5368px 0px; }
.iti-flag.vi {
height: 14px;
background-position: -5390px 0px; }
.iti-flag.vn {
height: 14px;
background-position: -5412px 0px; }
.iti-flag.vu {
height: 12px;
background-position: -5434px 0px; }
.iti-flag.wf {
height: 14px;
background-position: -5456px 0px; }
.iti-flag.ws {
height: 10px;
background-position: -5478px 0px; }
.iti-flag.xk {
height: 15px;
background-position: -5500px 0px; }
.iti-flag.ye {
height: 14px;
background-position: -5522px 0px; }
.iti-flag.yt {
height: 14px;
background-position: -5544px 0px; }
.iti-flag.za {
height: 14px;
background-position: -5566px 0px; }
.iti-flag.zm {
height: 14px;
background-position: -5588px 0px; }
.iti-flag.zw {
height: 10px;
background-position: -5610px 0px; }
.iti-flag {
width: 20px;
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url("../img/flags.png");
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.iti-flag {
background-image: url("../img/flags@2x.png"); } }
.iti-flag.np {
background-color: transparent; }
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em;
}
.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff;
}
/* Larger Screen Styling */
@media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
float: left;
}
.daterangepicker {
direction: ltr;
text-align: left;
}
.daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker .drp-calendar.right {
margin-left: 0;
}
.daterangepicker .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker .ranges, .daterangepicker .drp-calendar {
float: left;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
}
/*
* WHMCS Blend Admin Theme
*
* @author WHMCS Limited <development@whmcs.com>
* @copyright Copyright (c) WHMCS Limited 2021
* @license https://www.whmcs.com/license/
*/
.addon-html-output-container {
margin-bottom: 15px;
}
.text-md {
font-size: 1.2em;
}
.txt-center {
text-align: center;
}
.font-size-sm {
font-size: 0.85em;
}
.panel-disabled {
opacity: 0.5;
}
.link-disabled {
pointer-events: none;
opacity: 0.5;
}
.link-disabled img {
filter: grayscale(100%);
}
.panel-body-overflow-auto {
overflow: auto;
}
.btn-hide-overflow {
overflow: hidden;
}
.mr-8px {
margin-right: 8px;
}
.inset-grey-bg {
margin: 15px -15px;
padding: 10px;
background-color: #f8f8f8;
}
.inset-element-container {
margin: 10px;
padding: 15px;
background-color: #fff;
border-radius: 5px;
}
.homebox {
margin: 0 0 15px 0;
padding: 5px;
background-color: #fff;
border: 2px solid #E2E7E9;
}
.contextbar {
margin: 0;
padding: 10px;
background-color:#666;
font-size: 14px;
color: #fff;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.contexthelp {
float: right;
margin: 0;
padding: 5px 20px;
border: 1px solid #FBEB20;
background-color: #FFFFD5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.contexthelp.help-update {
margin: 0 0 0 10px;
padding: 6px 15px;
}
.contexthelp a {
color: #000;
}
.bordered {
background-color: #fff;
border: 3px solid #E2E7E9;
border-spacing: 2px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.multi-select-blocks {
margin: 0 -5px;
}
.multi-select-blocks .block {
float: left;
padding: 5px;
width: 214px;
}
.multi-select-blocks div div:not(.disabled):hover {
cursor: pointer;
border-color: #666;
}
.multi-select-blocks div.disabled:hover {
cursor: default;
}
.multi-select-blocks div.active {
border-color: #336699;
background-color: #eff7ff;
}
.multi-select-blocks div.disabled {
opacity: 0.65;
}
.form-group .field-error-msg {
display: none;
font-size: 0.85em;
color: #cc0000;
}
/* --------------------------------------------------------------
SEARCH
-------------------------------------------------------------- */
#clientsearchresults {
background-color: #fff;
border: 1px solid #ccc;
padding: 3px;
margin: 0;
white-space: nowrap;
font-size: 11px;
font-family: Tahoma;
}
#ticketclientsearchresults {
position: absolute;
width: 300px;
background-color: #fff;
border: 1px solid #ccc;
padding: 3px;
margin: 0 10px 0 0;
display: none;
white-space: nowrap;
font-size: 11px;
font-family: Tahoma;
}
#clientsearchresults .searchresultheader, #ticketclientsearchresults .searchresultheader {
background-color:#ccc;
padding:2px;
font-weight:bold;
text-align:center;
}
#clientsearchresults .searchresult, #ticketclientsearchresults .searchresult {
background-color:#f4f4f4;
border-top: 3px solid #fff;
padding: 2px 0 2px 5px;
}
#clientsearchresults .searchresult .desc, #ticketclientsearchresults .searchresult .desc {
color: #888;
}
#clientsearchresults .searchresult:hover, #ticketclientsearchresults .searchresult:hover {
background-color: #fff;
}
#clientsearchresults .searchresult a, #ticketclientsearchresults .searchresult a {
text-decoration: none;
display: block;
}
#clientsearchcancel {
display: none;
}
#contentarea .bootstrap-switch-id-intelliSearchHideInactiveSwitch .bootstrap-switch-label,
#contentarea .bootstrap-switch-id-checkboxShowHidden .bootstrap-switch-label {
min-width: 150px;
white-space: nowrap;
}
/* --------------------------------------------------------------
TABLES
-------------------------------------------------------------- */
table.no-margin {
margin: 0 !important;
}
table.form {
background-color: #fff;
margin: 0 0 5px 0;
padding: 0px;
border: 3px solid #E2E7E9;
border-collapse: separate;
border-spacing: 2px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
table.form td {
padding: 3px 5px;
}
table.form td.fieldlabel {
background-color: #fff;
text-align: right;
}
table.form td.fieldlabel.label-top {
vertical-align: top;
padding-top: 12px;
}
table.form td.fieldarea {
background-color: #efefef;
text-align: left;
}
table.form td.fieldarea p:last-child {
margin-bottom: 0;
}
table.form td.fieldarea .inset-whitebg-container {
margin: 20px;
padding: 20px 30px;
background-color: #fff;
border-radius: 4px;
}
table.form .bootstrap-switch {
border-spacing: 0;
border-collapse: unset;
}
table.form .input-group {
border-spacing: initial;
}
div.tablebg {
margin: 1em 0;
overflow: auto;
}
div.table-bg-overflow-visible {
margin: 1em 0;
overflow: visible;
}
table.datatable {
margin: 0 0 10px 0;
padding: 0;
border-collapse: separate;
border-spacing: 1px;
}
table.datatable th {
padding: 4px;
font-weight: bold;
background-color: #1A4D80;
border-bottom: 1px solid #ddd;
border-radius: 3px;
text-align: center;
color: #fff;
}
table.datatable th a {
color: #fff;
}
table.datatable th.domain-pricing-head {
width: 90px;
min-width: 80px;
}
table.datatable td {
padding: 3px;
background-color: #FFF;
border-bottom: 1px solid #EBEBEB;
}
table.dataTable tbody td.dt-body-center{
text-align: center;
}
table.datatable tr.rowhighlight td {
background-color: #E0E8F3;
}
table.datatable tr.domain-pricing-row td {
height: 43px;
}
table.datatable tr.domain-pricing-row-bottom td {
border-bottom: none;
}
table.datatable tr.domain-pricing-row-top td {
border-top: 1px solid #999;
}
table.datatable tr td.field-highlight {
background-color: #EFEFEF;
}
table.datatable tr:not(.detail-row):hover td {
background-color: #EFF2F9;
}
table.datatable th, table.datatable th a, table.datatable th a:visited {
text-decoration: none;
}
table.datatable th a:hover {
text-decoration: underline;
}
table.datatable tr.grey-out td, table.datatable tr.grey-out td a {
color: #999;
}
table.padded-fields td {
padding: 2px;
}
.datatable tr.detail-row td {
padding: 3px;
background-color: #f6f6f6;
font-size: 0.9em;
}
.table-fixed-head tbody {
display: block;
max-height: 300px;
overflow-y: scroll;
}
.table-fixed-head thead,
.table-fixed-head tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.table-fixed-head thead {
width: calc(100% - 1em);
}
.table-on-demand-renewals thead tr {
text-align: center;
font-weight: bold;
}
.table-on-demand-renewals td {
width: calc(100% / 6);
}
/* --------------------------------------------------------------
SPECIAL CLASSES
-------------------------------------------------------------- */
.absmiddle {
vertical-align: middle;
margin-bottom: .25em;
}
.clear {
clear: both;
}
.smallfont {
font-size: 0.8em;
}
.loadingspinner {
opacity: 0.7;
}
/* --------------------------------------------------------------
INFO BOXES
-------------------------------------------------------------- */
.alert .fas.pull-left {
margin: -3px 0 0 -3px;
}
.alert .alert-text {
margin-left: 56px;
}
.alert-grey {
color: #525252;
background-color: #efefef;
border-color: #dadada;
}
.client-tabs .alert {
margin-bottom: 10px;
}
.infobox span.title, .successbox span.title, .errorbox span.title {
font-size: 1.2em;
font-weight: bold;
}
.infobox {
background-image: url('../../../images/info.png');
background-repeat: no-repeat;
background-position: 15px;
margin: 10px 0;
padding: 6px 10px 6px 60px;
min-height: 28px;
background-color: #FAF6D4;
border: 1px solid #E6C26E;
color: #000;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.infobox span.title {
color: #BE8007;
}
.successbox {
background-image: url('../../../images/success.png');
background-repeat: no-repeat;
background-position: 15px;
margin: 10px 0;
padding: 6px 5px 6px 60px;
min-height: 28px;
background-color: #D9E6C3;
border: 1px solid #77AB13;
color: #000;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.successbox span.title {
color: #69990F;
}
.errorbox {
background-image: url('../../../images/error.png');
background-repeat: no-repeat;
background-position: 15px;
margin: 10px 0;
padding: 6px 5px 6px 60px;
min-height: 28px;
background-color: #F2D4CE;
border: 1px solid #AE432E;
color: #cc0000;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.errorbox span.title {
color: #AE432E;
}
.contentbox {
text-align: center;
background-color: #f7f7f7;
border: 1px dashed #cccccc;
padding: 10px;
}
.invoicetooltip {
border: 1px solid #F0EADE;
background-color: #F3F4EC;
color: #000000;
padding: 5px;
z-index: 100;
}
.gracefulexit {
margin: 100px auto;
padding: 40px 25px;
width: 60%;
background-color: #FFF4F4;
border: 2px dashed #FFD7D7;
color: #000;
font-size: 18px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
/* --------------------------------------------------------------
TEXT COLORS
-------------------------------------------------------------- */
.textblack {
color: #000000;
}
.textblue {
color: #224488;
}
.textgreen {
color: #779500;
}
.textgrey {
color: #888888;
}
.textgold {
color: #ffbb55;
}
.textorange {
color: #ff6600;
}
.textred {
color: #cc0000;
}
/* --------------------------------------------------------------
STATUS LABELS
-------------------------------------------------------------- */
.label {
padding: 1px 3px 2px;
font-size: 10px;
font-weight: normal;
color: white;
text-transform: uppercase;
white-space: nowrap;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.label.pending, .label.pendingtransfer, .label.pendingregistration, .label.collections, .label.redemption, .label.grace {
background-color: #F89406;
}
.label.active, .label.paid {
background-color: #46A546;
}
.label.suspended, .label.expired, .label.refunded, .label.transferredaway {
background-color: #0768B8;
}
.label.draft {
background-color: #D9EDF7;
}
.label.terminated, .label.closed, .label.unpaid {
background-color: #C43C35;
}
.label.cancelled, .label.inactive {
background-color: #BFBFBF;
}
.label.completed {
background-color: #008B8B;
}
.label.fraud {
background-color: #000;
}
/* --------------------------------------------------------------
CLIENT SUMMARY PAGE
-------------------------------------------------------------- */
.client-summary-name {
margin-bottom: 20px;
font-size: 20px;
}
.client-summary-panels {
margin-right: -3px;
margin-left: -3px;
}
.client-summary-panels > [class*='col-'] {
padding-right: 3px;
padding-left: 3px;
}
.clientssummarybox {
background-color: #f4f4f4;
padding: 10px;
margin: 10px 0 5px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.clientssummarybox .title {
text-align: center;
padding: 0 0 10px 0;
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #1A4D80;
}
.clientssummarybox ul {
list-style-type: none;
margin: 10px 0 0 0;
}
.clientssummarybox ul li {
margin: 0 0 2px -20px;
}
.clientssummarybox .btn-group ul {
list-style-type: none;
margin: 2px 0 0;
}
.clientssummarybox .btn-group ul li {
margin: 0 0;
}
table.clientssummarystats {
width: 100%;
border: 4px solid #fff;
border-radius: 4px;
}
table.clientssummarystats td {
padding: 2px 4px;
background-color: #fff;
font-size: 11px;
}
table.clientssummarystats tr.altrow td {
background-color: #f8f8f8;
}
table.clientssummarystats td.client-paymethod {
max-width: 25em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
table.clientssummarystats td.client-paymethod.gateway-inactive .paymethod-description {
text-decoration: line-through;
}
#modalAjax .modal-body .gateway-response {
text-align: left;
line-height: 0.8;
margin-top: 10px;
max-height: 100px;
overflow-x: auto;
overflow-y: scroll;
}
.clientsummaryactions {
float:right;
margin: 0;
padding:4px 15px;
border:1px dashed #BEDCF3;
background-color:#EDF5FC;
font-size:14px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#clientsummarycontainer #statusfilter {
display:none;
position: absolute;
margin: -5px 0 0 0;
padding: 15px;
width: 150px;
right: 36px;
background-color: #fff;
border: 2px solid #E2E7E9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
z-index: 999;
}
#clientsummarycontainer div.checkall {
text-align: right;
font-size: 11px;
}
#clientsummarycontainer div.applybtn {
padding: 10px 0 0 0;
text-align: center;
}
/* --------------------------------------------------------------
EMAIL TEMPLATES
-------------------------------------------------------------- */
.emailtplstandard {
float:left;
width:28%;
margin:10px;
padding:10px 20px 10px 20px;
background-color:#efefef;
}
.emailtplcustom {
float:left;
width:28%;
margin:10px;
padding:10px 20px 10px 20px;
background-color:#fff4d5;
}
.emailtpldisabled {
float:left;
width:28%;
margin:10px;
padding:10px 20px 10px 20px;
background-color:#ffe8e8;
}
.disabledtext {
color:#999;
font-style:italic;
}
.email-attachment {
margin: 0 0 5px 0;
padding: 4px 12px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}
/* --------------------------------------------------------------
ADDON MODULES DIRECTORY
-------------------------------------------------------------- */
#addonscats {
background-color:#fff;
float:left;
width:200px;
padding:10px 0 0 0;
}
#addonscats .cat {
padding:5px 10px 5px 10px;
margin:5px 0 5px 0;
border:2px solid #7EAADA;
border-right:0;
text-align:right;
text-decoration: underline;
cursor: hand;
cursor: pointer;
-moz-border-radius-topleft: 5px;
-webkit-border-radius-topleft: 5px;
-o-border-radius-topleft: 5px;
border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius-bottomleft: 5px;
-o-border-radius-bottomleft: 5px;
border-radius-bottomleft: 5px;
}
#addonscats .cat.addonsel {
background-color: #EBF2FA;
color: #4081C8;
font-weight: bold;
}
#addonslist {
border:2px solid #7EAADA;
padding:10px;
height: 500px;
overflow:auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#addonslist .heading {
font-family: Arial;
font-size: 20px;
margin: 0 0 15px 20px;
color: #3068A7;
}
#addonslist .loading {
text-align:center;
font-size:16px;
padding:60px 0 0 0;
}
#searchaddons {
text-align: right;
padding: 0 20px 5px 0;
}
/* --------------------------------------------------------------
REPORTS
-------------------------------------------------------------- */
.reports-index {
margin: 30px 0;
text-align: center;
}
.reports-index div {
padding: 0 0 10px 0;
}
.reports-index .btn {
margin-bottom: 5px;
}
table.reportslisting {
width: 80%;
margin: 0 auto;
}
table.reportslisting td {
width: 33%;
height: 45px;
text-align: center;
font-size: 14px;
}
table.reportslisting td a {
padding: 10px 50px;
border: 2px solid #efefef;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
table.reportslisting td a:hover {
padding: 10px 50px;
border: 2px solid #efefef;
background-color: #f2f2f2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.report-filters-wrapper {
margin: 20px auto 0;
padding: 20px;
background-color: #f6f6f6;
border-top: 1px solid #ccc;
}
.report-filters-wrapper .inner-container {
margin: 0 auto;
max-width: 1400px;
}
.report-filters-wrapper h3 {
font-size: 1.5em;
font-weight: 300;
}
/* --------------------------------------------------------------
ORDER SUMMARY
-------------------------------------------------------------- */
.ordersummarytitle {
font-family:Arial;
font-size:20px;
text-align:center;
}
.ordersummaryleftcol {
width:60%;
min-width:600px;
}
#ordersummary {
margin: 20px 0 10px 0;
padding: 0;
border: 1px solid #B4B4B4;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px 0px 20px #000;
-webkit-box-shadow: 0px 0px 20px #ccc;
-o-box-shadow: 0px 0px 20px #ccc;
box-shadow: 0px 0px 20px #ccc;
}
#ordersummary table {
width: 100%;
}
#ordersummary tr td {
padding: 3px 10px;
}
#ordersummary tr.item td {
padding: 10px 10px 12px 10px;
border-bottom: 1px dashed #B4B4B4;
}
#ordersummary div.itemtitle {
font-size: 16px;
}
#ordersummary div.itempricing {
text-align: right;
font-size: 20px;
}
#ordersummary td.alnright {
text-align: right;
}
#ordersummary tr.subtotal td {
background-color: #FFFFDF;
font-size: 14px;
padding: 4px 10px;
}
#ordersummary tr.promo td {
background-color: #FFE1E1;
font-size: 12px;
padding: 4px 10px;
}
#ordersummary tr.tax td {
background-color: #E6F7FF;
font-size: 12px;
padding: 4px 10px;
}
#ordersummary tr.total td {
background-color: #E7FFDA;
font-size: 26px;
padding: 6px 10px;
}
#ordersummary tr.recurring td {
background-color: #FFE1E1;
font-size: 12px;
padding: 4px 10px;
}
#ordersummary .apply-credit-container {
margin: 15px 0;
padding: 15px;
background-color: #f2f2f2;
}
#ordersummary .apply-credit-container span {
font-weight: bold;
}
#ordersummary .apply-credit-container .radio {
padding-left: 20px;
padding-right: 20px;
font-weight: normal;
}
#createPromoCode {
pointer-events: all !important;
}
/* --------------------------------------------------------------
CHAT TRANSCRIPTS
-------------------------------------------------------------- */
div.chat div.visitor div.name, div.chat div.operator div.name {
font-weight: bold;
}
div.chat div.visitor div.message, div.chat div.operator div.message {
padding: 0 25px;
}
/* --------------------------------------------------------------
ADMIN DIALOG
-------------------------------------------------------------- */
div.admindialog {
display:none;
margin: 0;
width: 598px;
background-color: #194c80;
border: 10px solid #194c80;
-moz-box-shadow: 5px 0px 20px #535353;
-webkit-box-shadow: 5px 0px 20px #535353;
-o-box-shadow: 5px 0px 20px #535353;
box-shadow: 5px 0px 20px #535353;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
z-index:10000;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
div.admindialog * {
line-height: 1;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
div.admindialog div.tabs a {
float: left;
display:block;
margin: 0 0 0 10px;
padding: 5px 20px;
background-color: #2162A3;
color: #fff;
font-weight: bold;
font-size: 12px;
text-decoration: none;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-o-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
div.admindialog div.tabs a:hover {
background-color: #2B7DD0;
}
div.admindialog a.close {
display:block;
float: right;
margin: 0;
padding: 0 5px 2px 5px;
color: #194c80;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
div.admindialog a.close:hover {
color: #000;
}
div.admindialog div.content {
margin: 0;
padding: 0;
min-height: 300px;
background-color: #fff;
border: 4px solid #efefef;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
div.admindialog div.donotshow {
margin: 0;
padding: 8px 10px 0 10px;
color: #fff;
font-size: 10px;
}
/* --------------------------------------------------------------
SERVICES
-------------------------------------------------------------- */
a.moduleloginlink {
color: #cc0000;
}
/* --------------------------------------------------------------
+ BOOTSTRAP OVERRIDES
+-------------------------------------------------------------- */
.padding-two {
padding-left: 2px;
padding-right: 2px;
}
div.userdetails {
font-size: 22px;
}
div.input-group-block {
display: block !important;
}
div.input-group-flex {
display: flex;
}
div.input-group-inline-flex {
display: inline-flex;
}
.align-items-center {
align-items: center;
}
ul.dropdown-menu-page {
left: -30px;
min-width: 77px;
padding: 1px;
max-height: 200px;
overflow: scroll;
overflow-x: hidden;
}
.no-padding {
padding: 0 !important;
display: block !important;
}
.page-selector.active {
background-color: #286090;
border-color: #204d74;
color: #fff;
}
/* --------------------------------------------------------------
RESPONSIVE BEHAVIOUR
-------------------------------------------------------------- */
@media (max-width:767px) {
table.form tr,
table.form tr td.fieldlabel,
table.form tr td.fieldarea,
table.form tr td.fieldarea input[type="text"],
table.form tr td.fieldarea select {
display: block;
width: 100%;
max-width: 100%;
text-align: left;
}
table.form tr td.fieldlabel {
padding-bottom: 0;
font-weight: bold;
background-color: #efefef;
}
table.form td.fieldlabel.label-top {
padding-top: 3px;
}
table.form tr td.fieldarea {
border-bottom: 2px solid #fff;
padding-bottom: 5px;
word-wrap: break-word;
}
.form-field-width-container {
max-width: 100% !important;
width: 100% !important;
}
.form-field-hidden-on-respond {
display: none !important;
}
}
@media (max-width:700px) {
#ticketreplies .reply .leftcol,
#ticketreplies .staffreply .leftcol {
float: none;
width: 100%;
}
#ticketreplies .submitter {
text-align: left;
padding: 8px 15px;
}
#ticketreplies .postedon {
padding: 10px 12px 10px 12px;
background-color: #fff;
}
#ticketreplies .submitter .name {
display: inline-block;
}
#ticketreplies .submitter .title {
float: right;
}
#ticketreplies .tools {
float: right;
padding: 6px 20px;
}
#ticketreplies .reply .rightcol, #ticketreplies .staffreply .rightcol {
margin-left: 0;
border-left: 0;
min-height: 0;
}
}
/* --------------------------------------------------------------
Admin Tabs
-------------------------------------------------------------- */
ul.client-tabs > li > a,
ul.admin-tabs > li > a {
margin-left: 5px;
padding: 4px 10px 3px;
font-size: 0.9em;
background-color: #efefef;
border: 1px solid #ccc;
text-decoration: none;
color: #202F60;
}
ul.client-tabs > li > a.dropdown-toggle,
ul.admin-tabs > li > a.dropdown-toggle {
height: 27px;
line-height: 5px;
text-decoration: none;
}
ul.client-tabs > li > a.dropdown-toggle b.caret,
ul.admin-tabs > li > a.dropdown-toggle b.caret {
margin-top: 7px;
}
ul.client-tabs > li > a:hover,
ul.admin-tabs > li > a:hover {
border: 1px solid #ccc;
text-decoration: underline;
}
ul.client-tabs > li.active > a,
ul.admin-tabs > li.active > a {
font-weight: bold;
}
div.client-tabs > .active,
div.admin-tabs > .active {
padding: 10px;
border: 1px solid #ddd;
border-top: 0;
}
div.client-tabs .context-btn-container,
div.admin-tabs .context-btn-container {
margin: -10px -10px 10px -10px;
padding: 8px;
background-color: #f6f6f6;
text-align: right;
}
.admin-tabs-v2 .admin-tabs li a {
padding: 10px 20px;
font-size: 1.1em;
color: #666;
}
.admin-tabs-v2 .tab-pane {
padding: 20px;
}
.admin-tabs-v2 small {
font-weight: normal;
color: #777;
}
.admin-tabs-v2 .form-group {
transition: all 0.5s;
}
.admin-tabs-v2 .form-group.disabled {
opacity: 0.5;
}
.admin-tabs-v2.constrained-width {
margin: 0 auto;
max-width: 1200px;
}
ul.admin-tabs-v2 > li > a.dropdown-toggle {
height: unset;
line-height: unset;
text-decoration: none;
}
/* --------------------------------------------------------------
Admin Dashboard Promotion Carousel
-------------------------------------------------------------- */
.admin-dashboard-carousel-controls .carousel-indicators {
display: inline-block;
position: initial;
width: initial;
margin-left: initial;
}
.admin-dashboard-carousel-controls .carousel-indicators li {
border: 1px solid #bbb;
}
.admin-dashboard-carousel-controls {
display: block;
position: absolute;
bottom: 30px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.admin-dashboard-carousel-control {
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity = 50);
opacity: 0.5;
font-size: 16px;
}
.admin-dashboard-carousel-control:hover,
.admin-dashboard-carousel-control:focus {
color: #fff;
text-decoration: none;
}
.admin-dashboard-carousel .promotion-content {
display: flex;
}
.admin-dashboard-carousel .promotion-logo {
height: 50px;
margin-right: 15px;
}
.admin-dashboard-carousel .btn-promotion-action {
position: relative;
right: -20px;
}
/* --------------------------------------------------------------
Partner Promotion
-------------------------------------------------------------- */
.partner-box {
margin:0 0 10px 0;
padding:10px 15px;
border-radius:6px;
background-color:#efefef;
}
.partner-box-blue {
background-color:#1A4D80;
}
div.partner-logo {
background-color:#fff;
border-radius:6px;
height:100px;
overflow:hidden;
position: relative;
cursor: pointer;
}
div.partner-logo img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
div.partner-features {
padding-top:15px;
padding-bottom:15px;
color:#333;
}
div.partner-box-blue div.partner-features {
color:#fff;
}
div.partner-headline {
font-size:1.2em;
}
div.partner-actions {
line-height:50px;
}
@media (min-width:992px) {
div.partner-actions {
line-height:100px;
}
}
div.partner-registrars div.partner-logo {
height: 60px;
}
div.partner-registrars div.partner-actions {
line-height:60px;
}
div.partner-modal div.modal-content {
border-radius: 4px;
border: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}
div.partner-modal div.modal-header {
border-radius: 4px 4px 0 0;
background-color: #f7f9fa;
color: #555;
text-align: center;
}
div.partner-modal div.modal-body {
font-size: 0.9em;
}
div.partner-modal div.modal-footer {
background-color: #f7f9fa;
color: #555;
}
div.partner-modal div.loader-container {
float: right;
margin-top: -20px;
margin-right: 30px;
color: #888;
}
/* --------------------------------------------------------------
Popup Window
-------------------------------------------------------------- */
.popup-body {
margin: 0;
}
.popup-content-area {
margin: 10px;
padding: 15px;
background-color: #fff;
border: 4px solid #E2E7E9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
overflow: auto;
}
/* --------------------------------------------------------------
Credit Card Information
-------------------------------------------------------------- */
.credit-card-type {
position: relative;
}
/* --------------------------------------------------------------
Error Page
-------------------------------------------------------------- */
.error-page .error-title {
margin: 0;
padding: 20px 0 0 0;
font-size: 3em;
text-align: center;
color: #666;
}
.error-page .error-title i {
margin: 0;
padding: 10px;
display: block;
font-size: 2em;
color: #cc0000;
}
.error-page .error-body {
margin: 20px auto;
padding: 20px;
max-width: 800px;
background-color: #efefef;
border-radius: 4px;
font-size: 1.4em;
text-align: center;
}
.error-page .error-footer {
margin: 0;
padding: 0;
font-size: 1.4em;
text-align: center;
}
/* --------------------------------------------------------------
WHMCS Modal
-------------------------------------------------------------- */
.whmcs-modal .modal-content {
border-radius: 4px;
border: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}
.whmcs-modal .modal-header:not(.panel-heading) {
border-radius: 4px 4px 0 0;
background-color: #f7f9fa;
text-align: center;
}
.modal-body,
.whmcs-modal .modal-body {
min-height: 100px;
}
.modal-body table tr td,
.whmcs-modal .modal-body table tr td {
padding: 3px 5px;
}
.whmcs-modal .loader {
color: #888;
margin-left: 10px;
margin-top: 6px;
}
.whmcs-modal .modal-footer {
border-radius: 0 0 4px 4px;
background-color: #f7f9fa;
color: #555;
}
.whmcs-modal .alert-container,
.whmcs-modal .alert {
margin-bottom: 12px;
}
/* --------------------------------------------------------------
Product Features
-------------------------------------------------------------- */
.feature-list-desc {
padding: 9px 0;
}
.feature-list {
margin: 0 0 5px 0;
}
div#feature-panel {
display: none;
margin: 0 0 10px 10px;
}
div#new-features {
border-spacing: 0;
}
.ghost {
opacity: .5;
background: #C8EBFB;
}
.product-group-feature {
padding-left: 8px;
}
span.glyphicon.glyphicon-move,
span.badge.remove-feature,
i.glyphicon.glyphicon-remove {
cursor: pointer;
}
button.width-120 {
width: 120px;
}
/* --------------------------------------------------------------
Application Links
-------------------------------------------------------------- */
table.applink-links > thead > tr > td {
font-weight: bold;
color: #333;
}
table.applink-links > tbody > tr > td {
color: #555;
}
table.applink-links > tbody > tr > td.applink-link-input-offset {
padding-top: 12px;
}
table.applink-links td.sortcol {
background-image: url("../../../images/updown.gif");
background-repeat: no-repeat;
background-position: center center;
cursor: move;
}
table.applink-links tr.tDnD_whileDrag td {
background-color: #ddd;
}
/* --------------------------------------------------------------
Row with Equal Height Columns
-------------------------------------------------------------- */
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.row-eq-height .col-md-4 {
padding-top: 5px;
padding-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}
/* --------------------------------------------------------------
System Health & Updates
-------------------------------------------------------------- */
.system-health-export-buttons {
margin-top: -46px;
}
.health-status-blocks {
margin: 10px 0;
}
.health-status-block {
margin: 5px 0;
border-radius: 4px;
color: #fff;
}
.health-status-block .icon {
float: left;
display: inline-block;
width: 30%;
height: 70px;
font-size: 2.6em;
line-height: 70px;
text-align: center;
border-radius: 4px 0 0 4px;
}
.health-status-block .detail {
float: left;
display: inline-block;
padding: 8px 15px;
width: 70%;
height: 70px;
border-radius: 0 4px 4px 0;
}
.health-status-block .detail span {
display: block;
}
.health-status-block .detail span.count {
font-size: 2em;
white-space: nowrap;
overflow: hidden;
}
.health-status-block .detail span.desc {
margin-top: -5px;
font-size: 0.8em;
white-space: nowrap;
overflow: hidden;
}
.health-status-col-margin {
margin-left: -7.5px;
margin-right: -7.5px;
}
.health-status-col-margin .col-sm-4 {
padding-right: 7.5px;
padding-left: 7.5px;
}
.health-status-col {
float: left;
position: relative;
min-height: 1px;
padding-right: 7.5px;
padding-left: 7.5px;
width: 33.33333333%;
}
.health-status-col-danger {
left: 66.66666667%;
}
.health-status-col-success {
right: 66.66666667%;
}
@media (max-width:1400px) {
.health-status-col {
width: 100%;
left: 0;
right: 0;
}
}
.panel-health-check {
background-color: #f8f8f8;
border-left: 5px solid transparent;
border-top: 0;
border-right: 0;
border-bottom: 0;
}
.panel-health-check .panel-heading {
padding: 10px 10px 5px 10px;
font-weight: bold;
}
.panel-health-check .panel-body {
padding: 0 10px 10px 10px;
}
.panel-health-check .panel-body p {
margin: 0;
}
.panel-health-check .panel-body a {
text-decoration: underline;
}
.panel-health-check .panel {
margin: 5px 0;
}
.panel-health-check .clickable {
cursor: pointer;
}
.health-status-block-danger .icon {
background-color: #ce3636;
}
.health-status-block-danger .detail {
background-color: #ec4f4f;
}
.health-status-block-warning .icon {
background-color: #e69d36;
}
.health-status-block-warning .detail {
background-color: #f2b968;
}
.health-status-block-success .icon {
background-color: #3fa93f;
}
.health-status-block-success .detail {
background-color: #50c350;
}
.panel-health-check-danger {
background-color: #ffdede;
border-color: #ce3636;
}
.panel-health-check-danger .icon-alert {
color: #ce3636;
}
.panel-health-check-danger .check-highlight {
border: #ce3636 3px solid;
}
.panel-health-check-warning {
background-color: #fcf8e3;
border-color: #e69d36;
}
.panel-health-check-warning .icon-alert {
color: #e69d36;
}
.panel-health-check-warning .check-highlight {
border: #e69d36 3px solid;
}
.panel-health-check-success {
background-color: #dff0d8;
border-color: #3fa93f;
}
.panel-health-check-success .icon-alert {
color: #3fa93f;
}
.panel-health-check-success .check-highlight {
border: #3fa93f 3px solid;
}
.status-badge-error {
background-color: #bf1a1a;
}
.status-badge-error .icon {
background-color: rgba(0, 0, 0, 0.2);
}
.status-badge-success {
background-color: #3fa93f;
}
.status-badge-success .icon {
background-color: rgba(0, 0, 0, 0.2);
}
.status-badge-warning {
background-color: #ecce6c;
}
.status-badge-warning .icon {
background-color: rgba(0, 0, 0, 0.2);
}
/* --------------------------------------------------------------
Selectize Dropdown Styling
-------------------------------------------------------------- */
.selectize span.name,
.selectize-dropdown-content span.name {
display: block;
font-size: 0.9em;
line-height: 1.4em;
}
.selectize-dropdown-content div.active {
padding: 3px 12px;
border: none;
}
.selectize span.email,
.selectize-dropdown-content span.order-details {
display: block;
font-size: 0.75em;
color: #888;
line-height: 1.4em;
}
.selectize span.mouse {
font-size: 0.75em;
color: #888;
line-height: 1.4em;
}
.client-dropdown-container {
margin-top: 0;
margin-bottom: 20px;
}
.selectize-promo.selectize-control {
overflow: hidden;
text-overflow: ellipsis;
}
.selectize-control.form-control.selectize::before {
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
content: ' ';
z-index: 2;
position: absolute;
display: block;
top: 10px;
right: 34px;
width: 16px;
height: 16px;
background: url(../../../../assets/img/spinner.gif);
background-size: 16px 16px;
opacity: 0;
}
.selectize-control.form-control.selectize.loading::before {
opacity: 0.4;
}
.selectize-float {
float: left;
max-width: 80%;
}
.selectize-float-btn {
float: left;
margin-left: 5px;
}
.selectize-control.form-control.selectize-ticketCc {
max-width: 400px;
}
.selectize-control.selectize-ticketCc .selectize-input {
height: auto;
}
div.selectize-tags {
height: auto;
}
/* --------------------------------------------------------------
Input Field Sizing
-------------------------------------------------------------- */
.input-35 {
max-width: 35px;
}
.input-50 {
max-width: 50px;
}
.input-60 {
max-width: 60px;
}
.input-75 {
max-width: 75px;
}
.input-80 {
max-width: 80px;
}
.input-100 {
max-width: 100px;
}
.input-125 {
max-width: 125px;
}
.input-135 {
max-width: 135px;
}
.input-150 {
max-width: 150px;
}
.input-200 {
max-width: 200px;
}
.input-225 {
max-width: 225px;
}
.input-250 {
max-width: 250px;
}
.input-275 {
max-width: 275px;
}
.input-300 {
max-width: 300px;
}
.input-400 {
max-width: 400px;
}
.input-500 {
max-width: 500px;
}
.input-600 {
max-width: 600px;
}
.input-700 {
max-width: 700px;
}
.input-80percent {
max-width: 80%;
}
.input-inline {
display: inline-block;
}
/* --------------------------------------------------------------
Markdown Editor
-------------------------------------------------------------- */
.md-editor {
border: 1px solid #ddd;
border-radius: 3px;
}
.md-editor > textarea,
.md-editor > .md-preview {
padding: 15px !important;
border-bottom: 0 !important;
border-color:#ddd !important;
background-color: #fff !important;
}
div.md-editor.active {
display: block;
border: 1px solid #ddd;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-toolbar button.active {
padding: 5px 10px;
border-color:#ddd !important;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.markdown-content h1 {
font-size: 1.6em;
color: #333;
}
.markdown-content h2 {
font-size: 1.4em;
color: #333;
}
.markdown-content h3 {
font-size: 1.2em;
color: #333;
}
.markdown-content h4 {
font-size: 1.1em;
color: #333;
}
.markdown-content pre {
background-color: #444;
color: #f8f8f8;
border: 0;
}
.markdown-content pre code {
white-space: pre;
word-break: normal;
word-wrap: normal;
}
.markdown-content blockquote {
font-size: 1em;
}
.markdown-content table {
margin: 10px 0;
background-color: #fff;
border: 1px solid #ddd;
}
.markdown-content table > thead > tr > th {
padding: 4px 10px;
background-color: #f8f8f8;
border: 1px solid #ddd;
font-weight: bold;
text-align: center;
}
.markdown-content table > tbody > tr > td {
padding: 3px 8px;
border: 1px solid #ddd;
}
.markdown-editor-status {
padding: 2px 10px;
font-size: 0.9em;
color: #959694;
text-align: right;
}
/* --------------------------------------------------------------
Ticket Reply Edit Options
-------------------------------------------------------------- */
.ticket-reply-edit-options {
margin: 10px -10px 0 -10px;
padding: 10px 5px 0;
background-color: #f6f6f6;
}
.ticket-reply-edit-options .col-sm-3,
.ticket-reply-edit-options .col-sm-10,
.ticket-reply-edit-options .col-sm-2 {
padding-left: 5px;
padding-right: 5px;
}
.ticket-reply-edit-options .selectize-control {
margin-bottom: 5px;
}
.ticket-reply-edit-options .selectize-input {
background: #ffffff url("../../../images/select.png") no-repeat !important;
background-size: 24px 20px !important;
background-position: right center !important;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
border: 1px solid #e1e6ef !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
color: #888;
border: none;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.ticket-reply-edit-options .selectize-input:after {
display: none !important;
}
.ticket-reply-edit-options .selectize-dropdown,
.ticket-reply-edit-options .selectize-dropdown.form-control {
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
border: 1px solid #e1e6ef !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.ticket-reply-submit-options {
margin: 0 -10px -10px -10px;
padding: 0 10px 5px 10px;
background-color: #f6f6f6;
}
.ticket-reply-submit-options button {
margin-bottom: 5px;
}
.ticket-reply-submit-options .btns-padded {
float: left;
margin-right: 10px;
}
.ticket-reply-submit-options .return-to-ticket-list {
float: right;
margin-top: 7px;
padding-right: 20px;
}
.ticket-reply-submit-options .inner-container {
display: none;
margin: 5px 0;
padding: 15px;
background-color: #fff;
border: 1px solid #fff;
text-align: left;
min-height: 22px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
z-index: 100;
}
@media (max-width:550px) {
.ticket-reply-submit-options button,
.ticket-reply-submit-options .btns-padded {
width: 100%;
}
.ticket-reply-submit-options .pull-left {
float: none !important;
}
.ticket-reply-submit-options .pull-right {
float: none !important;
margin: 5px 0;
}
}
.ticket-reply-submit-options .btn-primary {
width: 120px;
}
/* --------------------------------------------------------------
Client Notes
-------------------------------------------------------------- */
.client-notes {
margin-bottom: 20px;
}
#clientsummarycontainer .client-notes {
margin-bottom: 0;
}
.client-notes .panel {
margin-bottom: 12px;
border-radius: 2px;
}
.client-notes .panel-heading {
padding: 6px 15px;
}
.client-notes .panel-body {
padding: 15px 15px 5px 15px;
}
/* --------------------------------------------------------------
Field Translate/Localisation
-------------------------------------------------------------- */
.btn-translate {
margin: 5px;
padding: 2px 8px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
background-color: #555;
border-color: #333;
color: #eee;
}
.btn-translate:hover {
background-color: #555;
border-color: #333;
color: #ccedff;
}
.translate-value {
margin: 7px 0 17px 0;
}
.translate-value .panel-heading {
padding: 5px 10px;
font-weight: bold;
}
.translate-value .panel-body {
padding: 10px;
}
/* --------------------------------------------------------------
Verification Banner
-------------------------------------------------------------- */
.verification-banner {
margin: 15px 0;
padding: 10px 20px;
line-height: 30px;
}
/* --------------------------------------------------------------
Spotlight Tlds
-------------------------------------------------------------- */
.spotlight-tlds {
padding: 14px 14px 9px;
background-color: #f6f6f6;
display: block;
}
.spotlight-tld-container {
margin: 0 -7px 0 130px;
}
.spotlight-title {
margin: 25px 5px 10px 20px;
float: left;
font-weight: bold;
}
.spotlight-tlds .spotlight-tld {
float: left;
position: relative;
width: 12.5%;
padding: 0 7px;
margin-bottom: 5px;
}
@media (max-width:1180px) {
.spotlight-title {
float: none;
margin: 15px;
font-size: 1.2em;
}
.spotlight-tld-container {
margin: 0 -7px;
}
.spotlight-tlds .spotlight-tld {
width: 25%;
}
}
@media (max-width:600px) {
.spotlight-tlds .spotlight-tld {
width: 50%;
}
}
.spotlight-tlds span {
display: block;
padding: 10px 5px;
background-color: #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
min-height: 42px;
border: 1px dashed #CCC;
text-align: center;
cursor: move;
cursor: -webkit-grabbing;
}
.spotlight-tlds .spotlight-tld .remove-tld {
color: #D3D3D3;
margin-top: 3px;
cursor: pointer;
}
.spotlight-tlds .spotlight-tld .remove-tld:hover {
color: #FF0000;
margin-top: 3px;
cursor: pointer;
}
table.datatable th.th-tld {
width: 200px;
}
table.datatable th.th-autoreg {
width: 160px;
}
.add-spotlight-btn-group ul.tld-group {
padding: 0;
width: 200px;
margin-left: -140px;
}
.add-spotlight-btn-group ul.tld-group li {
float: left;
width: 25%;
text-align: center;
}
.add-spotlight-btn-group ul.tld-group li a {
padding: 8px 10px 10px 10px;
}
.selected-tld-group-container {
position: absolute;
width: 100%;
height: 0;
text-align: right;
z-index: 10;
}
.selected-tld-group {
margin-top: 6px;
margin-right: 75px;
margin-left: auto;
width: 35px;
}
tr.addtld .selected-tld-group {
margin-right: 43px;
}
/* --------------------------------------------------------------
Updater
-------------------------------------------------------------- */
.topbar a.update-now {
display: inline-block;
margin-left: 10px;
padding: 0 10px;
background-color: #f2dede;
color: #a94442;
}
.updater-container {
margin: 80px auto;
padding: 0;
max-width: 800px;
}
.current-status {
margin: 0 0 40px 0;
padding: 0;
text-align: center;
font-size: 2em;
}
.current-status i {
font-size: 1.4em;
}
.version-container {
margin: 25px auto;
padding: 0;
max-width: 600px;
}
.version-container .installed,
.version-container .latest {
float: left;
margin: 0;
padding: 10px 20px;
width: 50%;
border-bottom: 1px solid #fff;
color: #fff;
font-size: 20px;
}
.version-container .installed {
background-color: #535353;
text-align: right;
-moz-border-radius: 10px 0 0 0;
-webkit-border-radius: 10px 0 0 0;
-o-border-radius: 10px 0 0 0;
border-radius: 10px 0 0 0;
}
.version-container .latest {
background-color: #035485;
text-align: left;
-moz-border-radius: 0 10px 0 0;
-webkit-border-radius: 0 10px 0 0;
-o-border-radius: 0 10px 0 0;
border-radius: 0 10px 0 0;
}
.version-container .installed-output,
.version-container .latest-output {
float: left;
margin: 0;
padding: 15px 20px 18px;
width: 50%;
color: #fff;
}
.version-container .installed-output {
background-color:#666;
text-align:right;
-moz-border-radius: 0 0 0 10px;
-webkit-border-radius: 0 0 0 10px;
-o-border-radius: 0 0 0 10px;
border-radius: 0 0 0 10px;
}
.version-container .latest-output {
background-color:#0467A2;
text-align:left;
-moz-border-radius: 0 0 10px 0;
-webkit-border-radius: 0 0 10px 0;
-o-border-radius: 0 0 10px 0;
border-radius: 0 0 10px 0;
}
.version-container span {
display: block;
}
.version-container span.version-number {
font-size: 70px;
line-height: 1;
}
.version-container span.version-label {
font-size: 20px;
}
.version-container span.version-full {
font-size: 9px;
}
.version-feature-badge {
float: right;
margin: 10px 10px;
padding: 10px 20px;
background-color: #294a87;
color: #fff;
font-family: Verdana, sans-serif;
font-size: 40px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.check-for-updates {
margin: 25px 0 50px;
padding: 0;
text-align: center;
}
.check-for-updates p {
display: block;
margin: 10px;
}
.update-steps > div {
display: none;
width: 100%;
margin: 30px 0;
min-height: 265px;
text-align: center;
}
.update-steps div:first-child {
display: block;
}
.update-steps h1 {
font-size: 1.5em;
color: #336699;
}
.update-steps h2 {
font-size: 4em;
padding: 6px 0 16px;
}
.update-steps h3 {
font-size: 1.8em;
}
.update-steps .update-successful {
font-size: 1.8em;
}
.update-steps .changed-files {
margin: 20px auto;
padding: 20px;
max-width: 500px;
max-height: 185px;
background-color: #f8f8f8;
border: 1px solid #ccc;
text-align: left;
overflow: auto;
}
.update-steps .changed-files ul {
list-style-type: circle;
}
.updater-modal .modal-header {
background-color: #cc0000;
border-bottom: 4px solid #eee;
}
.updater-modal .btn-primary {
background-color: #cc0000;
}
.updater-modal-backdrop {
background-color: #000;
opacity: 0.9 !important;
}
.alert-icon {
float:left;
padding-top: 3px;
line-height: 1em;
font-size: 2.3em;
}
.alert-msg {
margin-left: 48px;
}
.alert-update-banner-info {
border-left: 3px solid #035485;
background-color: #e3f4fc;
padding: 10px 15px;
}
.alert-update-banner-danger {
border-left: 3px solid #c71616;
background-color: #ffe1e1;
}
.alert-update-banner-success {
border-left: 3px solid #6dad18;
background-color: #e3f9d2;
}
.alert-update-banner-warning {
border-left: 3px solid #f77b11;
background-color: #ffeadb;
}
.alert-update-banner-grey {
border-left: 3px solid #aaa;
background-color: #eee;
}
.alert-update-banner-info .fas,
.alert-update-banner-info .far {
color: #035485;
}
.alert-update-banner-danger .fas,
.alert-update-banner-danger .far {
color: #c71616;
}
.alert-update-banner-warning .fas,
.alert-update-banner-warning .far {
color: #c16719;
}
.alert-update-banner-success .fa,
.alert-update-banner-success .far {
color: #6dad18;
}
.alert-update-banner-grey .fas,
.alert-update-banner-grey .far {
color: #aaa;
}
.alert-update-banner strong {
font-size: 1.1em;
}
.alert-update-banner .form-inline {
margin-top: 5px;
}
.update-steps .ready-to-begin {
margin: 0;
}
.update-steps .ready-to-begin h3 {
padding: 25px 0;
font-size: 2.2em;
}
.update-steps .ready-to-begin .alert {
margin: 22px 0;
}
.update-failure-output {
height: 130px;
overflow: auto;
text-align: center;
}
.updater-btn-download-backup {
margin: 0 0 15px 0;
}
.updater-download-backup-desc {
display: inline-block;
padding-left: 0;
text-align: center;
}
@media (min-width:992px) {
.update-steps > div {
height: 265px;
}
.updater-btn-download-backup {
margin: -24px 0 0 0;
}
.updater-download-backup-desc {
padding-left: 20px;
text-align: left;
}
}
.updater-error-message-error {
padding: 5px;
background-color: #ffdede;
}
.updater-error-message-warning {
padding: 5px;
background-color: #fcf8e3;
}
/* --------------------------------------------------------------
Auth Confirmation
-------------------------------------------------------------- */
.auth-container {
margin: 120px auto;
padding: 15px 20px 20px 20px;
max-width:400px;
background-color: #ffffff;
border-top: 1px solid #e7eaec;
}
/* --------------------------------------------------------------
Product Configuration
-------------------------------------------------------------- */
.product-creation-types .type {
padding: 20px 10px;
border: 1px solid #ccc;
border-radius: 3px;
text-align: center;
}
@media (max-width: 850px) {
.product-creation-types .block {
width: 50%;
}
}
.product-creation-types i {
font-size: 3em;
}
.product-creation-types span {
display: block;
margin-top: 5px;
}
table.module-settings {
margin: 12px 0;
}
.module-settings-loading {
opacity: 0.5;
}
table.module-settings .no-module-selected {
margin: -5px -7px;
padding: 40px 0;
background-color:#efefef;
text-align:center;
opacity:0.5;
}
table.module-settings-automation label {
padding-left: 0;
}
.module-settings-mode {
margin: -12px 0 0 0;
padding: 0 15px 0 0;
text-align: right;
}
table.module-settings .icon-refresh {
margin: 0 0 0 10px;
color: #ccc;
font-size: 1.3em;
cursor: pointer;
}
table.module-settings .icon-warning {
margin: 0 -5px 0 5px;
color: #8a6d3b;
font-size: 1.3em;
}
.form-control.module-action-input {
min-width: 16em;
}
/* --------------------------------------------------------------
Wizard
-------------------------------------------------------------- */
.modal-wizard .wizard-sidebar ul {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.modal-wizard .wizard-sidebar ul li {
margin-left: 0;
margin-bottom: 0;
border-bottom: 1px solid #ccc;
}
.modal-wizard .wizard-sidebar ul li>* {
display: flex;
padding: 12px 14px 11px 10px;
background-color: #edeff0;
color: #2c3f4c;
}
.modal-wizard .wizard-sidebar ul li>* .number {
font-size: 30px;
padding-left: 5px;
color: #ccc;
}
.modal-wizard .wizard-sidebar ul li>* .desc {
font-weight: normal;
padding-left: 15px;
}
.modal-wizard .wizard-sidebar ul li>* .desc label {
font-size: 1.1em;
}
.modal-wizard .wizard-sidebar ul li>* .desc span {
font-size: 13px;
display: block;
}
.modal-wizard .wizard-sidebar ul li>* .desc i {
color: #ccc;
font-size: 14px;
float: right;
}
.modal-wizard .wizard-sidebar ul.border-left li div {
border-left: 10px solid #2c3f4c;
}
.modal-wizard .wizard-sidebar ul.border-top li div {
border-top: 10px solid #2c3f4c;
}
.modal-wizard .wizard-sidebar ul.border-top li.current>* {
border-top: 10px solid #96c03d;
}
.modal-wizard .wizard-sidebar ul.border-bottom li div {
border-bottom: 10px solid #2c3f4c;
}
.modal-wizard .wizard-sidebar ul.border-bottom li.current>* {
border-bottom: 10px solid #96c03d;
}
.modal-wizard .wizard-sidebar ul li div,
.modal-wizard .wizard-sidebar ul li div:hover {
text-decoration: none;
cursor: default;
}
.modal-wizard .wizard-sidebar ul li div,
.modal-wizard .wizard-sidebar ul li i {
transition: all 1s ease;
}
.modal-wizard .wizard-sidebar ul li.current div {
background-color: #ddd;
}
.modal-wizard .wizard-sidebar ul li.completed i {
color: #96c03d;
}
.modal-wizard.modal-setup-wizard .panel-heading {
background-color: #2c3f4c;
}
.modal-wizard .panel-body {
padding: 0;
}
.modal-wizard.modal-setup-wizard .modal-header .close {
color: #eee;
}
.modal-wizard .wizard-sidebar {
float: left;
background-color: #efefef;
padding: 0;
border-right: 1px solid #ccc;
width: 245px;
height: 400px;
overflow: auto;
}
.modal-wizard .wizard-content {
margin-left: 246px;
padding: 15px;
height: 400px;
overflow: auto;
}
.modal-wizard .wizard-step {
display: none;
}
.modal-wizard .wizard-step:first-child {
display: block;
}
.modal-wizard .wizard-transition-step {
text-align: center;
}
.modal-wizard .wizard-transition-step .checkbox-wrapper {
padding: 0px 35px;
display: flex;
align-items: center;
}
.modal-wizard .wizard-transition-step .checkbox-wrapper input {
margin:0;
}
.modal-wizard .wizard-transition-step .checkbox-wrapper label {
margin-left: 10px;
text-align: left;
margin-bottom:0;
}
.modal-wizard .wizard-transition-step .icon {
font-size: 7em;
color: #96c03d;
}
.modal-wizard .wizard-transition-step .title {
font-size: 2.4em;
color: #96c03d;
}
.modal-wizard .wizard-transition-step h1 {
margin-top: 1em;
}
.modal-wizard .wizard-transition-step .tag {
padding: 20px 0 42px 0;
font-size: 1.4em;
}
.modal-wizard .wizard-transition-step .greyout {
font-size: 1em;
color: #888;
}
.modal-wizard .wizard-content .wizard-step {
font-size: 0.9em;
}
.modal-wizard .wizard-content .wizard-step .info-alert {
padding: 7px 15px;
margin-bottom: 15px;
box-sizing: content-box !important;
}
.modal-wizard .wizard-content .wizard-step .form-group {
margin-bottom: 6px;
}
.modal-wizard .wizard-content .wizard-step .form-control {
padding: 4px 8px;
background-color: #f8f8f8;
border-radius: 0;
height: auto;
}
.modal-wizard .wizard-content .wizard-step .form-control:active:not(select),
.modal-wizard .wizard-content .wizard-step .form-control:focus:not(select) {
border-color: #ccc;
background-color: #fff;
outline: 0 !important;
-webkit-appearance: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.modal-wizard .wizard-content .wizard-step .field-desc {
font-weight: normal;
color: #ccc;
font-size: 0.9em;
}
.modal-wizard .wizard-content .wizard-step .help-block {
font-size: 0.85em;
margin-bottom: 0;
}
.modal-wizard .wizard-content .wizard-step .server-module-select span {
display:inline-block;
background-color:#f8f8f8;
border:1px solid #f8f8f8;
padding:10px 15px;
border-radius:10px;
text-align:center;
cursor:pointer;
}
.modal-wizard .wizard-content .wizard-step .server-module-select span.active {
background-color: #fff;
}
.modal-wizard .wizard-content .signup-frm-success {
margin-top: 40px;
}
.modal-wizard .wizard-content .signup-frm-success .alert-success {
padding: 30px 0;
}
.modal-wizard .wizard-content .signup-frm-success .alert-success h2 {
font-size: 1.5em;
}
.modal-wizard .wizard-transition-step .file-auth {
color: #31708f;
}
.modal-wizard .wizard-transition-step .icon.file-auth {
font-size: 5em;
}
.modal-wizard .wizard-transition-step .cert-file-auth .save-reminder {
padding: 5px;
margin: 10px 0
}
/* --------------------------------------------------------------
Client Summary Bulk Actions
-------------------------------------------------------------- */
#clientsummarycontainer .bulk-action-btns {
margin: 10px 0;
}
#clientsummarycontainer .bulk-actions {
margin: -10px;
margin-top: 10px;
padding: 10px;
background-color: #f8f8f8;
}
#clientsummarycontainer .bulk-actions span {
display: inline-block;
margin: 0 5px;
}
#clientsummarycontainer .bulk-actions span.heading {
margin: 0 5px 0 0;
font-size: 1.1em;
font-weight: bold;
}
#clientsummarycontainer .bulk-actions select {
margin: 0 5px;
width: 200px;
min-width: 200px;
}
#clientsummarycontainer .bulk-actions .advanced-options {
display: none;
margin: 10px 0 0 0;
}
@media (max-width:800px) {
#clientsummarycontainer .bulk-actions select {
display: block;
margin: 5px 0;
width: 100%;
max-width: 100%;
}
#clientsummarycontainer .bulk-actions span {
display: block;
}
}
/* --------------------------------------------------------------
Automation Settings
-------------------------------------------------------------- */
.automation-cron-status {
float: left;
}
.automation-cron-status div {
margin: 0;
padding: 7px 15px;
border-radius: 4px;
width: 200px;
text-align: center;
}
.automation-cron-status div small {
display: block;
font-size: 0.8em;
}
.automation-cron-label {
margin: 0 0 15px 220px;
padding: 0;
height: 46px;
line-height: 46px;
background-color: #fff;
}
.automation-cron-label span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.cron-command {
margin: 0 0 15px 0;
}
.input-select-time {
max-width: 100px;
min-width: 100px;
}
@media (max-width:1050px) {
.automation-cron-status {
float: none;
}
.automation-cron-label {
margin: 10px 0;
}
}
/* --------------------------------------------------------------
Module Queue
-------------------------------------------------------------- */
.module-queue-header {
padding: 10px;
font-weight: bold;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.retry-all {
margin-top: -7px;
}
.module-queue .entry {
padding: 5px 10px;
background-color: #f8f8f8;
border-bottom: 1px solid #ccc;
}
.module-queue .empty-entry {
padding: 30px 0;
}
.module-queue .entry:nth-child(even) {
background-color: #f2f2f2;
}
.module-queue .error,
.module-queue .processing,
.module-queue .queued,
.module-queue .success {
background-color: #444;
color: #eee;
padding: 5px 10px;
margin: 5px 0 0 0;
border-radius: 4px;
width: 75%;
font-size: 0.95em;
}
.module-queue .success {
background-color: #dff0d8;
color: #3c763d;
}
.module-queue .error {
color: #a94442;
background-color: #f2dede;
}
/* --------------------------------------------------------------
Domain Pricing
-------------------------------------------------------------- */
.domain-addon-title {
color: #FFF;
background-color: #1A4D80;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.domain-pricing-bulk-group .input-group-addon,
.domain-pricing-bulk-group .input-inline {
padding: 6px;
}
.selected-provider {
margin-bottom:15px;
line-height: 60px;
height: 62px;
}
.selected-provider img {
max-width: 100%;
max-height: 60px;
}
.row-lookup-providers {
margin-left: -7px;
margin-right: -7px;
}
.row-lookup-providers .col-sm-4 {
padding-left: 7px;
padding-right: 7px;
}
.lookup-provider {
padding: 20px;
height: 290px;
text-align: center;
}
.lookup-provider.active {
border-color: #336699;
}
.lookup-provider .label {
padding: 3px 11px;
}
.lookup-provider .logo {
margin: 10px 0 25px;
}
.lookup-provider .logo h2 {
margin: 0;
padding: 0 20px;
font-weight: 300;
font-size: 2em;
}
.lookup-provider p {
margin: 15px 0;
font-size: 0.88em;
}
.lookup-providers-registrars {
margin: 15px 0 0 0;
padding: 15px;
background-color: #f6f6f6;
}
.lookup-providers-registrars h3 {
margin: 0 0 10px 0;
font-size: 16px;
}
.lookup-providers-registrars .nav-pills > li > a {
margin-right: 10px;
border: 1px solid #ccc;
}
/* --------------------------------------------------------------
Apps and Integrations
-------------------------------------------------------------- */
.signin-apps-container {
display: block;
max-width: 1200px;
margin: 30px auto 16px auto;
}
.signin-apps-container .row {
margin-left: -7px;
margin-right: -7px;
}
.signin-apps-container .row > div {
padding-left: 7px;
padding-right: 7px;
}
.signin-apps-container .app {
margin: 0 0 14px 0;
padding: 15px;
border: 1px solid #eee;
background-color: #fff;
border-radius: 6px;
text-align: center;
}
.signin-apps-container .app .logo-container {
text-align: center;
line-height: 140px;
max-height: 140px;
}
.signin-apps-container .app .logo-container img {
max-width: 80%;
}
.signin-apps-container .app .logo-container img.provider-logo-google_signin {
transform: scale(0.82);
margin-top: 5%;
}
.signin-apps-container .app h3 {
font-size: 2em;
color: #333;
}
.signin-apps-container .app p {
display: block;
margin: 0 auto;
max-width: 290px;
font-size: 1.1em;
font-weight: 300;
height: 3.5em;
color: #666;
}
.signin-apps-container .app .btn {
margin: 20px 0;
padding: 6px 30px;
}
/* --------------------------------------------------------------
API Credentials & Roles
-------------------------------------------------------------- */
.tbl-api-roles tr.odd,
.tbl-api-roles tr.even {
cursor: pointer;
}
.tbl-api-roles .allowed-permissions,
.tbl-api-roles tr.allowed-permissions:hover td {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.tbl-api-roles .allowed-permissions .title {
text-decoration: underline;
font-weight: bold;
font-size: 0.95em;
}
.tbl-api-roles .allowed-permissions .row-detail {
font-size: 0.9em;
}
.modal-manage-api-role .modal-body {
padding-bottom: 0;
}
.api-permissions-heading {
background-color: #f8f8f8;
border-bottom: 1px solid #ddd;
padding: 10px 15px;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
}
.api-permissions .nav-sidebar {
margin-left: -15px;
border-right: 1px solid #ddd;
}
.api-permissions .nav-sidebar ul.nav {
max-height: 300px;
overflow: auto;
}
.api-permissions .nav-sidebar li a {
font-size: 0.95em;
padding: 4px 15px;
color: #333;
-webkit-transition: all 0.08s linear;
-moz-transition: all 0.08s linear;
-o-transition: all 0.08s linear;
transition: all 0.08s linear;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.api-permissions .nav-sidebar li.active a {
cursor: default;
background-color: #23527c;
color: #fff;
}
.api-permissions .tab-pane {
padding-top: 15px;
}
.api-permissions .tab-pane .scroll-container {
max-height: 190px;
overflow: auto;
}
.api-permissions .tab-pane .scroll-container .row {
max-width: 100%;
}
/* --------------------------------------------------------------
Stats Blocks
-------------------------------------------------------------- */
.stat-blocks .row {
margin-left: -5px;
margin-right: -5px;
}
.stat-blocks .col-sm-3 {
padding-left: 5px;
padding-right: 5px;
}
.stat-blocks .stat {
margin: 0 0 15px 0;
padding: 6px 15px;
border-radius: 3px;
background-color: #f6f6f6;
color: #505050;
}
.stat-blocks .stat.dark-grey {
background-color: #434444;
color: #fff;
}
.stat-blocks .stat strong {
display: block;
font-size: 2.4em;
line-height: 1.2em;
font-weight: 300;
}
.stat-blocks .stat p {
margin: 0;
font-size: 0.9em;
text-transform: uppercase;
}
/* --------------------------------------------------------------
Mentions
-------------------------------------------------------------- */
.mention-list img {
border-radius: 3px;
padding: 1px;
}
.marketing-consent-alert h2 {
margin: 0 0 8px 0;
}
/* --------------------------------------------------------------
Search Bar
-------------------------------------------------------------- */
.search-bar {
margin: 20px 0;
background-color: #f6f6f6;
border-radius: 3px;
}
.search-bar .simple {
padding: 10px 15px;
border-radius: 4px 4px 0 0;
border-bottom: 1px dashed #ccc;
}
.search-bar .search-btns {
width: 260px;
flex: 0 0 260px;
padding-left: 10px;
padding-top: 21px;
}
.search-bar .search-fields {
margin-left: 55px;
border-left: 1px solid #eee;
}
@media (max-width: 767px) {
.search-bar .search-fields {
margin-left: 5px;
}
}
.search-bar .search-icon {
float: left;
margin-top: 10px;
background-color: #71c43a;
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 28px;
color: #fff;
padding: 1px 8px;
overflow: hidden;
}
.search-bar .search-fields .row {
margin-left: -5px;
margin-right: -5px;
}
.search-bar .search-fields .col-md-1,
.search-bar .search-fields .col-md-2,
.search-bar .search-fields .col-md-3 {
padding-left: 5px;
padding-right: 5px;
}
.search-bar .btn {
padding-left: 2px;
padding-right: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-bar .advanced-search-options {
display: none;
padding: 20px 30px;
font-size: 0.9em;
}
.search-bar .simple .form-group,
.search-bar .advanced-search-options .form-group {
margin-bottom: 5px;
}
.search-bar .advanced-search-options .form-control {
height: 32px;
line-height: 32px;
}
.search-bar .clear-search {
width: 100%;
text-align: right;
}
.search-bar .clear-search a {
text-decoration: none;
opacity: 0.4;
font-size: 0.9em;
}
.search-bar .clear-search a:hover {
opacity: 0.8;
}
/* --------------------------------------------------------------
Fraud Check
-------------------------------------------------------------- */
.order-fraud-check-results {
font-size: 0.9em;
}
.order-fraud-check-results .panel-title {
font-size: 14px;
font-weight: bold;
}
.order-fraud-check-results .panel-body {
padding: 0;
}
.order-fraud-check-results .table,
.order-fraud-check-results .progress {
margin: 0;
}
.order-fraud-check-results .table > tbody > tr > td {
padding: 4px 15px;
}
.order-fraud-check-results .table > tbody > tr:first-child > td {
border: 0;
}
/* --------------------------------------------------------------
Product MarketConnect Promos
-------------------------------------------------------------- */
.product-mc-promos {
margin: 15px 0;
}
.product-mc-promos a.mc-promo {
display: block;
padding: 20px;
text-decoration: none;
color: #666;
font-weight: 300;
}
.product-mc-promos a.mc-promo:hover {
background-color: #f7f7f7;
}
.product-mc-promos .mc-promo .logo {
float: left;
width: 90px;
text-align: center;
}
.product-mc-promos .mc-promo .logo img {
display: inline-block !important;
max-width: 100%;
max-height: 70px;
width: auto !important;
}
.product-mc-promos .mc-promo .content {
margin-left: 110px;
}
.product-mc-promos .mc-promo .content h2 {
margin: 0 0 10px 0;
}
.product-mc-promos .mc-promo .content p {
margin: 0;
}
/* --------------------------------------------------------------
Storage Settings
--------------------------------------------------------------*/
#frmStorageSettings .asset-controls {
display: inline-block;
}
#frmStorageSettings .migration-progress {
display: inline-table;
width: 143px;
margin-bottom: 1px;
vertical-align: middle;
height: 30px;
box-shadow: none;
-moz-box-shadow: none;
border: 1px solid #5cb85c;
}
#frmStorageSettings .migration-progress .progress-bar {
border-radius: 3px;
padding-top: 3px;
}
#frmStorageSettings .btn-migrate,
#frmStorageSettings .btn-switch {
min-width: 70px;
}
#frmStorageSettings .btn-revert,
#frmStorageSettings .btn-cancel-migration {
min-width: 120px;
}
#frmStorageSettings select[data-asset-type] {
max-width: 500px;
}
#frmStorageSettings .failure-icon {
margin-left: 5px;
margin-right: 5px;
display: inline-block;
font-size: 1.7em;
color: #d9534f;
vertical-align: middle;
cursor: pointer;
}
#tabConfig .storage-config-panel .storage-config-controls a {
color: #999;
text-decoration: none;
cursor: pointer;
font-size: 0.9em;
}
#tabConfig .storage-config-panel .storage-config-controls a:hover {
color: #000;
}
#tabConfig .storage-config-panel .config-summary {
font-size: 1.1em;
}
#tabConfig .storage-config-panel .config-type-icon {
color: #888;
margin-right: 20px;
}
#tabConfig .storage-config-panel .config-type-icon i.config-error-icon {
font-size: 1.8em;
color: #cc0000;
cursor: pointer;
}
/* --------------------------------------------------------------
SSL State
--------------------------------------------------------------*/
img.ssl-state {
width: 20px;
}
/* --------------------------------------------------------------
Two-Factor Auth
--------------------------------------------------------------*/
.twofa-setup h3 {
margin: 0 0 15px 0;
font-size: 20px;
color: #444;
}
.twofa-setup .activation-msg {
margin: 25px 0;
padding: 15px;
border: 1px dashed #ddd;
text-align: center;
font-weight: bold;
font-size: 1.1em;
}
.twofa-setup .backup-code {
margin: 20px auto;
padding: 10px;
background-color: #efefef;
color: #444;
text-align: center;
}
.twofa-module {
margin: 10px 0;
padding: 14px 20px;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
}
.twofa-module .col-radio {
float: left;
width: 35px;
margin-top: 12px;
}
.twofa-module .col-logo {
float: left;
width: 80px;
line-height: 40px;
text-align: center;
}
.twofa-module .col-description {
margin-left: 136px;
}
.twofa-module img {
max-width: 100%;
max-height: 40px;
}
.twofa-module.active {
border-color: #337ab7;
}
/* --------------------------------------------------------------
Credit Card Input
--------------------------------------------------------------*/
.cc-number-field {
background-image: url(../../../../assets/img/payment/unknown.png);
background-repeat: no-repeat;
background-position: right 10px center;
}
.cc-number-field.visa {
background-image: url(../../../../assets/img/payment/visa.png);
}
.cc-number-field.mastercard {
background-image: url(../../../../assets/img/payment/mastercard.png);
}
.cc-number-field.amex {
background-image: url(../../../../assets/img/payment/amex.png);
}
.cc-number-field.dinersclub {
background-image: url(../../../../assets/img/payment/dinersclub.png);
}
.cc-number-field.discover {
background-image: url(../../../../assets/img/payment/discover.png);
}
.cc-number-field.unionpay {
background-image: url(../../../../assets/img/payment/unionpay.png);
}
.cc-number-field.jcb {
background-image: url(../../../../assets/img/payment/jcb.png);
}
.cc-number-field.maestro {
background-image: url(../../../../assets/img/payment/maestro.png);
}
.cc-number-field.forbrugsforeningen {
background-image: url(../../../../assets/img/payment/forbrugsforeningen.png);
}
.cc-number-field.dankort {
background-image: url(../../../../assets/img/payment/dankort.png);
}
.iframe-input-container {
height: 34px;
}
/* --------------------------------------------------------------
Date Range Picker
--------------------------------------------------------------*/
.daterangepicker {
background-color: #f4f4f4;
}
.daterangepicker .drp-calendar {
background-color: #fff;
}
.daterangepicker .today {
font-weight: bold;
background-color: #f4f4f4;
border-color: transparent;
text-decoration: underline;
}
.daterangepicker .calendar-table thead tr:nth-child(2) th {
font-weight: bolder;
}
/* --------------------------------------------------------------
Server Management
--------------------------------------------------------------*/
.remote-meta-data {
font-size: 0.85em;
}
/* --------------------------------------------------------------
Config Registrars
--------------------------------------------------------------*/
.registrar-config-container {
padding: 15px;
display: none;
}
.registrar-config-container .successbox,
.registrar-config-container .errorbox,
.registrar-config-container .infobox {
margin-top: 7px;
}
/* --------------------------------------------------------------
Support
-------------------------------------------------------------- */
.browse-section-title {
margin: 20px 0;
padding:10px 20px;
background-color:#efefef;
font-size:18px;
border-radius:5px;
}
span.grey-item {
color: #cccccc;
}
/* --------------------------------------------------------------
Email Marketer
--------------------------------------------------------------*/
.email-marketer-rule td.fieldlabel {
vertical-align: middle;
}
.email-marketer-rule label {
font-weight: normal;
display: inline-block;
}
/* --------------------------------------------------------------
TLD Importing
--------------------------------------------------------------*/
.tld-import-step .module-selector {
display: block;
margin: 10px;
padding: 10px;
height: 100px;
line-height: 80px;
border: 1px solid #ddd;
text-align: center;
}
.tld-import-step .module-selector img {
max-width: 80%;
max-height: 50px;
}
#loadingTlds {
font-size: 1.1em;
font-weight: normal;
}
#loadingTlds i {
margin-bottom: 10px;
font-size: 5em;
color: #969696;
--fa-secondary-color: #d6d6d6;
}
.tld-import-step th.tld-check-all-th {
width: 20px;
}
.tld-import-step th.tld-import-list {
width: 30px;
}
.tld-import-step .tld-pricing-td {
text-align: center;
border-top: 1px solid #cccdcd;
border-left: 1px solid #cccdcd;
color: #000;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
background: 0;
min-width: 130px;
max-width: 200px;
}
.tld-import-step .tld-pricing {
position: relative;
display: inline-block;
margin: 0;
vertical-align: middle;
zoom: 1;
}
.tld-import-step .tld-pricing > .local-pricing {
font-weight: bold;
}
.tld-import-step .tld-pricing > .remote-pricing {
font-size: 11px;
color: #939393;
margin-top: 5px;
}
.tld-import-step .tld-margin {
float: right;
padding: 0 0 0 8px;
width: 55px;
word-wrap: break-word;
color: #939393;
font-size: 11px;
line-height: 42px;
height: 42px;
border-left: 1px solid #ccc;
}
.tld-import-step .absolute-display {
display: none;
}
.tld-import-step .negative {
background: #ffe9e6;
border: 1px double #fe0000!important
}
.tld-import-step .negative > .margin {
color: #f00!important;
}
.tld-import-step div.tld-import-percentage-margin {
max-width: 110px;
}
.tld-import-step div.tld-import-fixed-margin {
max-width: 163px;
}
.tld-import-step .no-currency {
opacity: 75%;
}
/* --------------------------------------------------------------
Automation Status Detail
--------------------------------------------------------------*/
.automation-data-table {
font-size: 0.9em;
}
.automation-data-table thead tr > .id,
.automation-data-table tbody tr > .id,
.automation-data-table thead tr > .status,
.automation-data-table tbody tr > .status {
width: 12%;
vertical-align: middle;
}
.automation-data-table thead tr > .name,
.automation-data-table tbody tr > .name,
.automation-data-table thead tr > .product,
.automation-data-table tbody tr > .product,
.automation-data-table thead tr > .due-date,
.automation-data-table tbody tr > .due-date,
.automation-data-table thead tr > .total,
.automation-data-table tbody tr > .total,
.automation-data-table thead tr > .expiry-date,
.automation-data-table tbody tr > .expiry-date {
vertical-align: middle;
}
.automation-data-table thead tr > th.error,
.automation-data-table tbody tr > td.error {
width: 30%;
vertical-align: middle;
}
.automation-data-table thead tr > .edit-link,
.automation-data-table tbody tr > .edit-link,
.automation-data-table thead tr > .queue-link,
.automation-data-table tbody tr > .queue-link {
width: 3%;
vertical-align: middle;
}
.automation-status .automation-clickable-widget:hover {
cursor: pointer;
}
/* new styles */
.panel-primary>.panel-heading {
background-color: #1A4D80;
border-color: #1A4D80;
}
/* --------------------------------------------------------------
Transactions
--------------------------------------------------------------*/
.transactions-header {
margin: 20px -15px;
padding: 10px 20px;
background-color: #f6f6f6;
}
.transactions-header .stat {
padding: 10px 0;
border-radius: 3px;
color: #555;
line-height: 20px;
}
.transactions-header .stat span {
display: block;
font-weight: bold;
font-size: 1.4em;
}
.transactions-header .stat small.up {
color: #1a841c;
}
.transactions-header .stat small.down {
color: #cc0000;
}
.transactions-header .stat .icon {
float: left;
margin-right: 10px;
width: 60px;
height: 60px;
line-height: 60px;
background-color: #828282;
color: #fff;
font-size: 42px;
border-radius: 3px;
text-align: center;
}
.nav.nav-pills.slim > li > a {
padding: 6px 12px;
}
/* --------------------------------------------------------------
Growl Notification
--------------------------------------------------------------*/
#growls.default{
top: 45px;
}
/* --------------------------------------------------------------
Fraud Protection
--------------------------------------------------------------*/
.fraud-protection-faq {
display: block;
max-width: 1200px;
margin: 30px auto 16px auto;
}
.management-container .panel-heading {
cursor: pointer;
}
.management-container .panel-title i {
margin-right: 5px;
}
.management-container .heading-actions i {
margin-left: 1em;
}
.management-container .fa-arrows {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.management-container .fa-arrows:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/* Apps and Integrations */
.contentarea.grey-bg {
background-color: #e2e7e9;
}
.apps-and-integrations h1 {
margin: 25px 0 30px 0;
color: #353535;
font-size: 2.8em;
font-weight: 300;
}
.apps-and-integrations .app-wrapper {
margin: 20px 0;
padding: 30px 30px 10px 30px;
background-color: #fff;
}
.apps-and-integrations .app-wrapper.slim {
margin: 0 0 20px 0;
}
.apps-and-integrations h2 {
margin: 0 0 7px 0;
font-size: 1.8em;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.apps-and-integrations h2 span {
font-weight: 300;
}
.apps-and-integrations h3 {
font-size: 1.5em;
color: #444;
}
.apps-and-integrations .app-category-title {
margin: 30px 0;
}
.apps-and-integrations .category-choose {
float: right;
}
.apps-and-integrations .lead {
font-size: 1.3em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.apps-and-integrations .app-wrapper.error {
margin: 0 0 20px 0;
padding: 70px;
text-align: center;
font-size: 1.1em;
font-weight: 300;
}
.apps-and-integrations .app-wrapper .loader {
margin: 0 0 20px 0;
padding: 40px;
text-align: center;
opacity: 0.5;
font-size: 1.4em;
font-weight: 300;
}
.apps-and-integrations .app-wrapper .apps {
display: block;
margin-left: -10px;
margin-right: -10px;
}
.apps-and-integrations .app-wrapper .app {
float: left;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
width: 25%;
}
.apps-and-integrations .col-md-9 .app-wrapper .app {
width: 33.33%;
}
.apps-and-integrations .app-wrapper.slim .app {
float: left;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
width: 50%;
}
.apps-and-integrations .app-wrapper .app .app-inner {
display: block;
margin: 0 0 20px 0;
padding: 0;
border: 1px solid #ddd;
background-color: #fff;
border-radius: 3px;
text-align: left;
text-decoration: none;
color: #444;
}
.apps-and-integrations .app-wrapper .app.featured .app-inner {
background-color: #fff;
}
.apps-and-integrations .app-wrapper .app-category-hero img {
max-width:100%;
margin:0 0 20px 0;
}
.apps-and-integrations .app .logo-container {
display: none;
padding: 10px 10px 0 10px;
height: 100px;
line-height: 95px;
text-align: center;
}
.apps-and-integrations .app.featured .logo-container,
.apps-and-integrations .apps.active .app .logo-container {
display: block;
}
.apps-and-integrations .app .logo-container img {
max-width: 85%;
max-height: 80%;
vertical-align: middle;
}
.apps-and-integrations .app .logo-container .no-image-available {
display: block;
font-size: 11px;
font-style: italic;
color: #ccc;
}
.apps-and-integrations .app .content-container {
padding: 15px;
height: 120px;
}
.apps-and-integrations .app .content-container .title {
font-size: 1.35em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.apps-and-integrations .app .content-container .description {
height: 47px;
font-size: 0.9em;
}
.apps-and-integrations .app .content-container .category {
display: none;
text-transform: uppercase;
font-size: 0.8em;
color: #ccc;
}
.apps-and-integrations .app.search .content-container .category {
display: inline-block;
}
.apps-and-integrations .app .content-container .popular {
text-transform: uppercase;
font-size: 0.8em;
color: #ccc;
}
.apps-and-integrations .app .content-container .icon {
float: right;
margin-left: 5px;
}
.apps-and-integrations .app .content-container .icon-popular {
color: #cc0000;
}
.apps-and-integrations .app .content-container .icon-featured {
color: #336699;
}
.apps-and-integrations .app .content-container .icon-updated {
color: #0ab738;
}
.apps-and-integrations .app .content-container .description.none {
color: #888;
font-style: italic;
}
.apps-and-integrations .nav-pills a {
margin-right: 10px;
}
.apps-and-integrations .app .badge {
float: right;
margin-left: 5px;
background-color: #ccc;
font-weight: normal;
border-radius: 3px;
}
.apps-and-integrations .app .badge.badge-active,
.apps-and-integrations .app .badge.badge-new {
background-color: #5cb85c;
}
.apps-and-integrations .app-wrapper .app.badge-deprecated {
opacity: 0.7;
}
.apps-and-integrations .wrapper .app a:hover {
border-color: #336699;
}
.app-info-modal .modal-header {
display: none;
}
.app-info-modal .close {
margin: -30px -25px 0 0;
}
.app-info-modal .modal-body {
padding: 50px;
}
.app-info-modal .logo {
max-width: 200px;
margin-bottom: 20px;
}
.app-info-modal .logo img {
max-width: 100%;
max-height: 90px;
}
.app-info-modal .title {
margin: 0 0 15px 0;
font-size: 1.7em;
}
.app-info-modal .tagline {
font-size: 1.3em;
font-weight: 300;
}
.app-info-modal .description {
margin: 20px 0;
font-size: 1.1em;
font-weight: 300;
}
.app-info-modal .features {
font-weight: 300;
}
.app-info-modal .app-info-sidebar {
margin: 0;
padding: 20px;
background-color: #f6f6f6;
}
.app-info-modal .app-info-sidebar ul {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
}
.app-info-modal .app-info-sidebar strong {
display: block;
}
.app-info-modal .app-info-sidebar span {
display: block;
margin: 0 0 15px 0;
}
.app-info-modal .app-info-sidebar .price {
text-align: center;
font-size: 1.1em;
}
.app-info-modal .app-info-sidebar .free-trial {
text-align: center;
font-style: italic;
}
.app-info-modal .app-info-sidebar .price + .btn,
.app-info-modal .app-info-sidebar .free-trial + .btn {
margin-top: 4px;
}
.app-info-modal .management-buttons {
margin: 20px 0 0 0;
}
.app-info-modal .management-buttons .btn {
margin: 5px 0 0 0;
}
.app-info-modal .error-title {
display: block;
margin: 0 0 15px 0;
font-size: 1.4em;
}
.apps-and-integrations .powered-by {
float: right;
padding: 12px 0;
max-width: 355px;
}
.apps-and-integrations .no-active-apps {
margin: 20px 20px 40px;
text-align: center;
}
.apps-and-integrations .no-active-apps span {
font-size: 1.4em;
font-weight: 300;
}
.apps-and-integrations .no-active-apps .btn {
margin-top: 20px;
font-weight: 300;
}
.apps-and-integrations .search {
margin: 30px 0;
}
@media (min-width: 750px) {
.apps-and-integrations .search {
float: right;
margin: 0;
width: 260px;
}
}
.apps-and-integrations .search input,
.apps-and-integrations .search button {
border-radius: 0;
height: 40px;
}
.apps-and-integrations .search input {
font-size: 16px;
font-weight: 300;
border-left: 0;
box-shadow: none;
}
.apps-and-integrations .search.active input,
.apps-and-integrations .search.active button {
border-color: #66afe9;
outline: 0;
box-shadow: none;
}
.apps-and-integrations .min-search-term span,
.apps-and-integrations .no-results-found span {
display: block;
margin: 10px 0 30px;
text-align: center;
}
.apps-and-integrations .aai-primary-nav a {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
}
.apps-and-integrations .aai-primary-nav>li.active>a,
.apps-and-integrations .aai-primary-nav>li.active>a:focus,
.apps-and-integrations .aai-primary-nav>li.active>a:hover {
color: #fff;
background-color: #336699;
border-color: #336699;
}
.apps-and-integrations .categories-nav {
list-style: none;
margin: 30px 0;
padding: 0;
border-bottom: 1px solid #ddd;
}
.apps-and-integrations .categories-nav li.title {
margin: 0 0 10px 0;
}
.apps-and-integrations .categories-nav a {
display: block;
padding: 8px 10px;
background-color: #fff;
border: 1px solid #ddd;
border-bottom: 0;
text-decoration: none;
}
.apps-and-integrations .categories-nav a:hover {
background-color: #eee;
}
.apps-and-integrations .categories-nav a.active {
background-color: #336699;
color: #fff;
}
.apps-and-integrations .categories-nav a i {
display: inline-block;
width: 32px;
text-align: center;
}
.apps-and-integrations .categories-nav a i.fa-spinner {
float: right;
line-height: 20px;
}
.apps-and-integrations .category-chooser {
margin: 30px 0 0 0;
}
@media (max-width: 1199px) {
.apps-and-integrations .app-wrapper .app {
width: 33.33%;
}
.apps-and-integrations .col-md-9 .app-wrapper .app {
width: 50%;
}
}
@media (max-width: 991px) {
.apps-and-integrations .app-wrapper .app,
.apps-and-integrations .col-md-9 .app-wrapper .app {
width: 50%;
}
.app-info-modal .app-info-sidebar {
margin-top: 30px;
}
}
@media (max-width: 710px) {
.apps-and-integrations .app-wrapper .app,
.apps-and-integrations .col-md-9 .app-wrapper .app {
width: 100%;
}
.apps-and-integrations .app-wrapper.slim .app {
width: 100%;
}
.app-info-modal .modal-body {
padding: 30px;
}
.app-info-modal .close {
margin: 0;
}
}
@media (max-width: 500px) {
.apps-and-integrations h1 {
margin-top: 0;
}
.apps-and-integrations {
margin-left: -15px;
margin-right: -15px;
}
.apps-and-integrations .app-wrapper {
padding: 20px 20px 0 20px;
}
}
.apps-and-integrations .col-md-9 .app-wrapper .view-btn-container {
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
color: #444;
cursor: pointer;
}
.apps-and-integrations .col-md-9 .app-wrapper .view-btn-container > :not(.selected) {
color: #bbb;
}
.apps-and-integrations .col-md-9 .app-wrapper .view-btn-container .list-view-btn,
.apps-and-integrations .col-md-9 .app-wrapper .view-btn-container .grid-view-btn {
display: inline-block;
padding: 0px 4px;
}
.apps-and-integrations .col-md-9 .app-wrapper.list-view .app {
width: 100%;
}
.apps-and-integrations .col-md-9 .app-wrapper.list-view .app .app-inner {
display: flex;
justify-content: space-between;
padding: 10px 15px;
}
.apps-and-integrations .col-md-9 .app-wrapper.list-view .app .content-container {
height: auto;
display: flex;
flex-flow: row;
flex-grow: 1;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
padding: 0;
}
.apps-and-integrations .col-md-9 .app-wrapper.list-view .app .content-container .description {
height: auto;
order: 1;
width: 100%;
}
@media (min-width: 768px) {
.apps-and-integrations .col-md-9 .app-wrapper.list-view .app .content-container {
flex-wrap: nowrap;
width: 100%;
}
.apps-and-integrations .col-md-9 .app-wrapper.list-view .app .content-container .title {
flex-grow: 1;
overflow: initial;
}
.apps-and-integrations .col-md-9 .app-wrapper.list-view .app .content-container .description {
order: 0;
width: initial;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 15px;
}
}
.alert-visit-apps {
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
}
.alert-visit-apps .btn-visit-apps {
margin-top: 10px;
}
@media (min-width: 576px) {
.alert-visit-apps {
flex-flow: row;
}
.alert-visit-apps .btn-visit-apps {
margin-left: 15px;
}
}
.category-hero-container {
margin-bottom:20px;
text-align: center;
}
.category-hero-container img {
max-width: 100%;
width: 1080px;
border-radius: 4px;
}
/* --------------------------------------------------------------
Inline Domain NameServers
--------------------------------------------------------------*/
@media (min-width: 768px) {
.nameserver-inline .form-control {
display: inline;
}
}
/* --------------------------------------------------------------
Sitejet Builder
-------------------------------------------------------------- */
.sitejet-contentarea {
background-color: #f8f8f8 !important;
}
.sitejet-contentarea h1, .sitejet-contentarea h3, .sitejet-contentarea p {
color: #000000;
}
.sitejet-contentarea__header {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.sitejet-contentarea__badge {
display: inline-flex;
align-items: center;
background-color: #e2efda;
padding: 0.25rem 0.5rem;
font-size: 1.5rem;
font-weight: 500;
color: #4a7543;
}
.sitejet-section {
margin-top: 1.25rem;
}
.sitejet-section__header {
font-size: 1.6rem;
}
.sitejet-section__description {
margin-top: 1.25rem;
}
.sitejet-section__grid {
margin: 0.5rem auto;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 2.5rem;
}
@media (min-width: 1024px) {
.sitejet-section__grid--horizontal {
max-width: none;
grid-template-columns: repeat(3, 1fr);
}
}
.feature-card__image {
display: flex;
object-fit: contain;
aspect-ratio: 3 / 1;
width: 100%;
}
.feature-card, .offer-card {
display: flex;
align-items: flex-start;
background-color: #ffffff;
padding: 2rem;
}
.feature-card {
flex-direction: column;
}
.feature-card__image-container {
width: 100%;
}
.offer-card {
flex-direction: row;
}
.offer-card__image {
background-color: #808080;
width: 8rem;
object-fit: cover;
aspect-ratio: 1 / 1;
}
.offer-card__content {
margin-left: 2rem;
width: 100%;
}
.offer-card__header, .feature-card__header {
font-size: 1.6rem;
margin: 0.75rem 0 0 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.offer-card__header {
padding-right: 8.5rem;
}
.feature-card__header {
padding-right: 3rem;
}
.offer-card__description, .feature-card__description {
margin-top: 0.75rem;
}
.offer-card__actions {
display: flex;
gap: 0.5rem;
margin-top: 0.5rem;
}
.u-flex {
display: flex;
}
.u-inline-flex {
display: inline-flex;
}
.u-flex-wrap {
flex-wrap: wrap;
}
.u-position-relative {
position: relative;
}
.u-position-absolute {
position: absolute;
}
.u-flex-column {
flex-direction: column;
}
.u-w-full {
width: 100%;
}
.u-right-0 {
right: 0;
}
.sitejet-badge-new {
top: 50%;
transform: translateY(-50%);
margin-right: 1rem;
}
.sitejet-success {
background-color: #e2efda;
color: #547e4e;
}
.sitejet-warning {
background-color: #fbf8e5;
color: #937e55;
}
.md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}
/**
* bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
*
* @version v3.3.4
* @homepage https://bttstrp.github.io/bootstrap-switch
* @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
* @license Apache-2.0
*/
.bootstrap-switch {
display: inline-block;
direction: ltr;
cursor: pointer;
border-radius: 4px;
border: 1px solid;
border-color: #ccc;
position: relative;
text-align: left;
overflow: hidden;
line-height: 8px;
z-index: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-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;
}
.bootstrap-switch .bootstrap-switch-container {
display: inline-block;
top: 0;
border-radius: 4px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: table-cell;
vertical-align: middle;
padding: 6px 12px;
font-size: 14px;
line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
text-align: center;
z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
color: #fff;
background: #337ab7;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
color: #fff;
background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
color: #fff;
background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
background: #f0ad4e;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
color: #fff;
background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
color: #000;
background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
text-align: center;
margin-top: -1px;
margin-bottom: -1px;
z-index: 100;
color: #333;
background: #fff;
}
.bootstrap-switch span::before {
content: "\200b";
}
.bootstrap-switch .bootstrap-switch-handle-on {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
position: absolute !important;
top: 0;
left: 0;
margin: 0;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
padding: 6px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
-webkit-transition: margin-left 0.5s;
-o-transition: margin-left 0.5s;
transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
/* Preload images */
body:after {
content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/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;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
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/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/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/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/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;
}
/* iCheck plugin Flat skin, blue
----------------------------------- */
.icheckbox_flat-blue,
.iradio_flat-blue {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(blue.png) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-blue {
background-position: 0 0;
}
.icheckbox_flat-blue.checked {
background-position: -22px 0;
}
.icheckbox_flat-blue.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-blue.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-blue {
background-position: -88px 0;
}
.iradio_flat-blue.checked {
background-position: -110px 0;
}
.iradio_flat-blue.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-blue.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.icheckbox_flat-blue,
.iradio_flat-blue {
background-image: url(blue@2x.png);
-webkit-background-size: 176px 22px;
background-size: 176px 22px;
}
}
/**
* selectize.bootstrap3.css (v0.12.4) - Bootstrap 3 Theme
* Copyright (c) 2013–2015 Brian Reavis & contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
* ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
* @author Brian Reavis <brian@thirdroute.com>
*/
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
visibility: visible !important;
background: #f2f2f2 !important;
background: rgba(0, 0, 0, 0.06) !important;
border: 0 none !important;
-webkit-box-shadow: inset 0 0 12px 4px #ffffff;
box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
content: '!';
visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
position: relative;
padding: 3px 12px;
border-bottom: 1px solid #d0d0d0;
background: #f8f8f8;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.selectize-dropdown-header-close {
position: absolute;
right: 12px;
top: 50%;
color: #333333;
opacity: 0.4;
margin-top: -12px;
line-height: 20px;
font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0 none;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
position: relative;
padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
z-index: 1;
/* fixes ie bug (see #392) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 17px;
text-align: center;
font-weight: bold;
font-size: 12px;
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: 1px 0 0 0;
border-left: 1px solid rgba(0, 0, 0, 0);
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: rgba(0, 0, 0, 0);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-left-color: rgba(77, 77, 77, 0);
}
.selectize-control.plugin-remove_button .remove-single {
position: absolute;
right: 28px;
top: 6px;
font-size: 23px;
}
.selectize-control {
position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
color: #333333;
font-family: inherit;
font-size: inherit;
line-height: 20px;
-webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
background: #ffffff;
cursor: text;
display: inline-block;
}
.selectize-input {
border: 1px solid #cccccc;
padding: 6px 12px;
display: inline-block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.selectize-control.multi .selectize-input.has-items {
padding: 5px 12px 2px;
}
.selectize-input.full {
background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
cursor: default !important;
}
.selectize-input.focus {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
.selectize-control.multi .selectize-input > div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 1px 3px;
background: #efefef;
color: #333333;
border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input > div.active {
background: #428bca;
color: #ffffff;
border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
color: #808080;
background: #ffffff;
border: 0 solid rgba(77, 77, 77, 0);
}
.selectize-input > input {
display: inline-block !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: 0 !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
-webkit-user-select: auto !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
display: none;
}
.selectize-input > input:focus {
outline: none !important;
}
.selectize-input::after {
content: ' ';
display: block;
clear: left;
}
.selectize-input.dropdown-active::before {
content: ' ';
display: block;
position: absolute;
background: #ffffff;
height: 1px;
bottom: 0;
left: 0;
right: 0;
}
.selectize-dropdown {
position: absolute;
z-index: 10;
border: 1px solid #d0d0d0;
background: #ffffff;
margin: -1px 0 0 0;
border-top: 0 none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.selectize-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
background: rgba(255, 237, 40, 0.4);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
padding: 3px 12px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
color: #777777;
background: #ffffff;
cursor: default;
}
.selectize-dropdown .active {
background-color: #f5f5f5;
color: #262626;
}
.selectize-dropdown .active.create {
color: #262626;
}
.selectize-dropdown .create {
color: rgba(51, 51, 51, 0.5);
}
.selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
-webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
cursor: text;
}
.selectize-control.single .selectize-input:after {
content: ' ';
display: block;
position: absolute;
top: 50%;
right: 17px;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #333333 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
margin-top: -4px;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #333333 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
left: 17px;
right: auto;
}
.selectize-control.rtl .selectize-input > input {
margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
opacity: 0.5;
background-color: #ffffff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
height: auto;
padding: 0;
margin: 2px 0 0 0;
z-index: 1000;
background: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.selectize-dropdown .optgroup-header {
font-size: 12px;
line-height: 1.42857143;
}
.selectize-dropdown .optgroup:first-child:before {
display: none;
}
.selectize-dropdown .optgroup:before {
content: ' ';
display: block;
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
margin-left: -12px;
margin-right: -12px;
}
.selectize-dropdown-content {
padding: 5px 0;
}
.selectize-dropdown-header {
padding: 6px 12px;
}
.selectize-input {
min-height: 34px;
}
.selectize-input.dropdown-active {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.selectize-input.dropdown-active::before {
display: none;
}
.selectize-input.focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error .selectize-input {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .selectize-input:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.selectize-control.multi .selectize-input.has-items {
padding-left: 9px;
padding-right: 9px;
}
.selectize-control.multi .selectize-input > div {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.form-control.selectize-control {
padding: 0;
height: auto;
border: none;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
body.stop-scrolling {
height: 100%;
overflow: hidden; }
.sweet-overlay {
background-color: black;
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* IE8 */
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000; }
.sweet-alert {
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999; }
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px; } }
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block; }
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal; }
.sweet-alert fieldset {
border: none;
position: relative; }
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s; }
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
transition: padding 0.25s, max-height 0.25s; }
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px; }
.sweet-alert .sa-error-container p {
display: inline-block; }
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s; }
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px; }
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed; }
.sweet-alert input:focus::-moz-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus:-ms-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus::-webkit-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input::-moz-placeholder {
color: #bdbdbd; }
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd; }
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd; }
.sweet-alert.show-input input {
display: block; }
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative; }
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden; }
.sweet-alert button {
background-color: #8CD4F5;
color: white;
border: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
-webkit-border-radius: 4px;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer; }
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.sweet-alert button:hover {
background-color: #7ecff4; }
.sweet-alert button:active {
background-color: #5dc2f1; }
.sweet-alert button.cancel {
background-color: #C1C1C1; }
.sweet-alert button.cancel:hover {
background-color: #b9b9b9; }
.sweet-alert button.cancel:active {
background-color: #a8a8a8; }
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
.sweet-alert button[disabled] {
opacity: .6;
cursor: default; }
.sweet-alert button.confirm[disabled] {
color: transparent; }
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s; }
.sweet-alert button::-moz-focus-inner {
border: 0; }
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important; }
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px; }
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box; }
.sweet-alert .sa-icon.sa-error {
border-color: #F27474; }
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block; }
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px; }
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86; }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: '';
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before {
-webkit-border-radius: 120px 0 0 120px;
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px; }
.sweet-alert .sa-icon.sa-success::after {
-webkit-border-radius: 0 120px 120px 0;
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat; }
/*
* Animations
*/
@-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@-webkit-keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
@keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s; }
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s; }
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s; }
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s; }
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s; }
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s; }
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s; }
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
@keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate; }
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
@keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate; }
@-webkit-keyframes rotate-loading {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes rotate-loading {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9; }
/* Success icon */
.sweet-alert .sa-icon.sa-success {
border-color: transparent\9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9; }
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.la-ball-fall {
display: block;
font-size: 0;
color: #fff; }
.la-ball-fall.la-dark {
color: #333; }
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor; }
.la-ball-fall {
width: 54px;
height: 18px; }
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
-moz-animation: ball-fall 1s ease-in-out infinite;
-o-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite; }
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
-moz-animation-delay: -200ms;
-o-animation-delay: -200ms;
animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
-moz-animation-delay: -100ms;
-o-animation-delay: -100ms;
animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
-moz-animation-delay: 0ms;
-o-animation-delay: 0ms;
animation-delay: 0ms; }
.la-ball-fall.la-sm {
width: 26px;
height: 8px; }
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px; }
.la-ball-fall.la-2x {
width: 108px;
height: 36px; }
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px; }
.la-ball-fall.la-3x {
width: 162px;
height: 54px; }
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px; }
/*
* Animation
*/
@-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%); } }
@-moz-keyframes ball-fall {
0% {
opacity: 0;
-moz-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-moz-transform: translateY(145%);
transform: translateY(145%); } }
@-o-keyframes ball-fall {
0% {
opacity: 0;
-o-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-o-transform: translateY(145%);
transform: translateY(145%); } }
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
-moz-transform: translateY(-145%);
-o-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
-moz-transform: translateY(145%);
-o-transform: translateY(145%);
transform: translateY(145%); } }
/* ========================================================================
* bootstrap-tour - v0.11.0
* http://bootstraptour.com
* ========================================================================
* Copyright 2012-2015 Ulrich Sossou
*
* ========================================================================
* Licensed under the MIT License (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* https://opensource.org/licenses/MIT
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================================
*/
.tour-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1100;
background-color: #000;
opacity: 0.8;
filter: alpha(opacity=80);
}
.tour-step-backdrop {
position: relative;
z-index: 1101;
}
.tour-step-backdrop > td {
position: relative;
z-index: 1101;
}
.tour-step-background {
position: absolute !important;
z-index: 1100;
background: inherit;
border-radius: 6px;
}
.popover[class*="tour-"] {
z-index: 1102;
}
.popover[class*="tour-"] .popover-navigation {
padding: 9px 14px;
overflow: hidden;
}
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
cursor: default;
}
.popover[class*="tour-"].orphan {
position: fixed;
margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
display: none;
}
/*! X-editable - v1.5.1
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
margin-bottom: 0; /* overwrites bootstrap margin */
}
.editableform .control-group {
margin-bottom: 0; /* overwrites bootstrap margin */
white-space: nowrap; /* prevent wrapping buttons on new line */
line-height: 20px; /* overwriting bootstrap line-height. See #133 */
}
/*
BS3 width:1005 for inputs breaks editable form in popup
See: https://github.com/vitalets/x-editable/issues/393
*/
.editableform .form-control {
width: auto;
}
.editable-buttons {
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
vertical-align: top;
margin-left: 7px;
/* inline-block emulation for IE7*/
zoom: 1;
*display: inline;
}
.editable-buttons.editable-buttons-bottom {
display: block;
margin-top: 7px;
margin-left: 0;
}
.editable-input {
vertical-align: top;
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
white-space: normal; /* reset white-space decalred in parent*/
/* display-inline emulation for IE7*/
zoom: 1;
*display: inline;
}
.editable-buttons .editable-cancel {
margin-left: 7px;
}
/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
height: 24px;
width: 30px;
}
.editableform-loading {
background: url('../img/loading.gif') center center no-repeat;
height: 25px;
width: auto;
min-width: 25px;
}
.editable-inline .editableform-loading {
background-position: left 5px;
}
.editable-error-block {
max-width: 300px;
margin: 5px 0 0 0;
width: auto;
white-space: normal;
}
/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
padding: 3px;
}
.editable-error {
color: red;
}
/* ---- For specific types ---- */
.editableform .editable-date {
padding: 0;
margin: 0;
float: left;
}
/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
margin-top: 3px;
margin-left: 1px;
}
/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
vertical-align: middle;
margin: 0;
}
.editable-checklist label {
white-space: nowrap;
}
/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
width: 566px;
height: 250px;
}
/* clear button shown as link in date inputs */
.editable-clear {
clear: both;
font-size: 0.9em;
text-decoration: none;
text-align: right;
}
/* IOS-style clear button for text inputs */
.editable-clear-x {
background: url('../img/clear.png') center center no-repeat;
display: block;
width: 13px;
height: 13px;
position: absolute;
opacity: 0.6;
z-index: 100;
top: 50%;
right: 6px;
margin-top: -6px;
}
.editable-clear-x:hover {
opacity: 1;
}
.editable-pre-wrapped {
white-space: pre-wrap;
}
.editable-container.editable-popup {
max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
}
.editable-container.popover {
width: auto; /* without this rule popover does not stretch */
}
.editable-container.editable-inline {
display: inline-block;
vertical-align: middle;
width: auto;
/* inline-block emulation for IE7*/
zoom: 1;
*display: inline;
}
.editable-container.ui-widget {
font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */
z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
}
.editable-click,
a.editable-click,
a.editable-click:hover {
text-decoration: none;
border-bottom: dashed 1px #0088cc;
}
.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
color: #585858;
cursor: default;
border-bottom: none;
}
.editable-empty, .editable-empty:hover, .editable-empty:focus{
font-style: italic;
color: #DD1144;
/* border-bottom: none; */
text-decoration: none;
}
.editable-unsaved {
font-weight: bold;
}
.editable-unsaved:after {
/* content: '*'*/
}
.editable-bg-transition {
-webkit-transition: background-color 1400ms ease-out;
-moz-transition: background-color 1400ms ease-out;
-o-transition: background-color 1400ms ease-out;
-ms-transition: background-color 1400ms ease-out;
transition: background-color 1400ms ease-out;
}
/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable
{
padding-top: 5px;
display:inline-block;
}
/*!
* 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;
/*.dow {
border-top: 1px solid #ddd !important;
}*/
}
.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-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 7px;
}
.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;
}
.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 {
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 {
display: block;
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: 18px;
padding: 4px 5px;
font-weight: normal;
line-height: 18px;
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;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }
/*!
* Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
* Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
* Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
*/
.select2-container--bootstrap {
display: block;
/*------------------------------------* #COMMON STYLES
\*------------------------------------*/
/**
* Search field in the Select2 dropdown.
*/
/**
* No outline for all search fields - in the dropdown
* and inline in multi Select2s.
*/
/**
* Adjust Select2's choices hover and selected styles to match
* Bootstrap 3's default dropdown styles.
*
* @see http://getbootstrap.com/components/#dropdowns
*/
/**
* Clear the selection.
*/
/**
* Address disabled Select2 styles.
*
* @see https://select2.github.io/examples.html#disabled
* @see http://getbootstrap.com/css/#forms-control-disabled
*/
/*------------------------------------* #DROPDOWN
\*------------------------------------*/
/**
* Dropdown border color and box-shadow.
*/
/**
* Limit the dropdown height.
*/
/*------------------------------------* #SINGLE SELECT2
\*------------------------------------*/
/*------------------------------------* #MULTIPLE SELECT2
\*------------------------------------*/
/**
* Address Bootstrap control sizing classes
*
* 1. Reset Bootstrap defaults.
* 2. Adjust the dropdown arrow button icon position.
*
* @see http://getbootstrap.com/css/#forms-control-sizes
*/
/* 1 */
/*------------------------------------* #RTL SUPPORT
\*------------------------------------*/
}
.select2-container--bootstrap .select2-selection {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
color: #555555;
font-size: 14px;
outline: 0;
}
.select2-container--bootstrap .select2-selection.form-control {
border-radius: 4px;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
color: #555555;
font-size: 14px;
}
.select2-container--bootstrap .select2-search__field {
outline: 0;
/* Firefox 18- */
/**
* Firefox 19+
*
* @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
*/
}
.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
color: #999;
}
.select2-container--bootstrap .select2-search__field:-moz-placeholder {
color: #999;
}
.select2-container--bootstrap .select2-search__field::-moz-placeholder {
color: #999;
opacity: 1;
}
.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
color: #999;
}
.select2-container--bootstrap .select2-results__option {
padding: 6px 12px;
/**
* Disabled results.
*
* @see https://select2.github.io/examples.html#disabled-results
*/
/**
* Hover state.
*/
/**
* Selected state.
*/
}
.select2-container--bootstrap .select2-results__option[role=group] {
padding: 0;
}
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
color: #777777;
cursor: not-allowed;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
background-color: #f5f5f5;
color: #262626;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
background-color: #337ab7;
color: #fff;
}
.select2-container--bootstrap .select2-results__option .select2-results__option {
padding: 6px 12px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
margin-left: -12px;
padding-left: 24px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -24px;
padding-left: 36px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -36px;
padding-left: 48px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -48px;
padding-left: 60px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -60px;
padding-left: 72px;
}
.select2-container--bootstrap .select2-results__group {
color: #777777;
display: block;
padding: 6px 12px;
font-size: 12px;
line-height: 1.42857143;
white-space: nowrap;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
border-color: #66afe9;
}
.select2-container--bootstrap.select2-container--open {
/**
* Make the dropdown arrow point up while the dropdown is visible.
*/
/**
* Handle border radii of the container when the dropdown is showing.
*/
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
border-color: transparent transparent #999 transparent;
border-width: 0 4px 4px 4px;
}
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-color: transparent;
}
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-color: transparent;
}
.select2-container--bootstrap .select2-selection__clear {
color: #999;
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--bootstrap .select2-selection__clear:hover {
color: #333;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection {
border-color: #ccc;
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
cursor: not-allowed;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
background-color: #eeeeee;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
display: none;
}
.select2-container--bootstrap .select2-dropdown {
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
border-color: #66afe9;
overflow-x: hidden;
margin-top: -1px;
}
.select2-container--bootstrap .select2-dropdown--above {
-webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
margin-top: 1px;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--bootstrap .select2-selection--single {
height: 34px;
line-height: 1.42857143;
padding: 6px 24px 6px 12px;
/**
* Adjust the single Select2's dropdown arrow button appearance.
*/
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
position: absolute;
bottom: 0;
right: 12px;
top: 0;
width: 4px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
border-color: #999 transparent transparent transparent;
border-style: solid;
border-width: 4px 4px 0 4px;
height: 0;
left: 0;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
color: #555555;
padding: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--bootstrap .select2-selection--multiple {
min-height: 34px;
padding: 0;
height: auto;
/**
* Make Multi Select2's choices match Bootstrap 3's default button styles.
*/
/**
* Minus 2px borders.
*/
/**
* Clear the selection.
*/
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
line-height: 1.42857143;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
color: #999;
float: left;
margin-top: 5px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
color: #555555;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
cursor: default;
float: left;
margin: 5px 0 0 6px;
padding: 0 6px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
background: transparent;
padding: 0 12px;
height: 32px;
line-height: 1.42857143;
margin-top: 0;
min-width: 5em;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 3px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 6px;
}
.select2-container--bootstrap .select2-selection--single.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
border-radius: 3px;
font-size: 12px;
height: 30px;
line-height: 1.5;
padding: 5px 22px 5px 10px;
/* 2 */
}
.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
.input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
margin-left: -5px;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple {
min-height: 30px;
border-radius: 3px;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
font-size: 12px;
line-height: 1.5;
margin: 4px 0 0 5px;
padding: 0 5px;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
padding: 0 10px;
font-size: 12px;
height: 28px;
line-height: 1.5;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
.input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 5px;
}
.select2-container--bootstrap .select2-selection--single.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--single,
.form-group-lg .select2-container--bootstrap .select2-selection--single {
border-radius: 6px;
font-size: 18px;
height: 46px;
line-height: 1.3333333;
padding: 10px 31px 10px 16px;
/* 1 */
}
.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
width: 5px;
}
.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
.input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
border-width: 5px 5px 0 5px;
margin-left: -5px;
margin-left: -10px;
margin-top: -2.5px;
}
.select2-container--bootstrap .select2-selection--multiple.input-lg,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple {
min-height: 46px;
border-radius: 6px;
}
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
font-size: 18px;
line-height: 1.3333333;
border-radius: 4px;
margin: 9px 0 0 8px;
padding: 0 10px;
}
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
padding: 0 16px;
font-size: 18px;
height: 44px;
line-height: 1.3333333;
}
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
.input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
.form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 10px;
}
.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
/**
* Make the dropdown arrow point up while the dropdown is visible.
*/
}
.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #999 transparent;
border-width: 0 5px 5px 5px;
}
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
/**
* Make the dropdown arrow point up while the dropdown is visible.
*/
}
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #999 transparent;
border-width: 0 5px 5px 5px;
}
.select2-container--bootstrap[dir="rtl"] {
/**
* Single Select2
*
* 1. Makes sure that .select2-selection__placeholder is positioned
* correctly.
*/
/**
* Multiple Select2
*/
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
padding-left: 24px;
padding-right: 12px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 0;
padding-left: 0;
text-align: right;
/* 1 */
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 12px;
right: auto;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
margin-left: 0;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 0;
margin-right: 6px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
/*------------------------------------* #ADDITIONAL GOODIES
\*------------------------------------*/
/**
* Address Bootstrap's validation states
*
* If a Select2 widget parent has one of Bootstrap's validation state modifier
* classes, adjust Select2's border colors and focus states accordingly.
* You may apply said classes to the Select2 dropdown (body > .select2-container)
* via JavaScript match Bootstraps' to make its styles match.
*
* @see http://getbootstrap.com/css/#forms-control-validation
*/
.has-warning .select2-dropdown,
.has-warning .select2-selection {
border-color: #8a6d3b;
}
.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
border-color: #66512c;
}
.has-warning.select2-drop-active {
border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #66512c;
}
.has-error .select2-dropdown,
.has-error .select2-selection {
border-color: #a94442;
}
.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
border-color: #843534;
}
.has-error.select2-drop-active {
border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #843534;
}
.has-success .select2-dropdown,
.has-success .select2-selection {
border-color: #3c763d;
}
.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
border-color: #2b542c;
}
.has-success.select2-drop-active {
border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
border-top-color: #2b542c;
}
/**
* Select2 widgets in Bootstrap Input Groups
*
* @see http://getbootstrap.com/components/#input-groups
* @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
*/
/**
* Reset rounded corners
*/
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
border-radius: 0;
}
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group > .select2-container--bootstrap {
display: table;
table-layout: fixed;
position: relative;
z-index: 2;
width: 100%;
margin-bottom: 0;
/**
* Adjust z-index like Bootstrap does to show the focus-box-shadow
* above appended buttons in .input-group and .form-group.
*/
/**
* Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
* Multi Select2's height which - depending on how many elements have been selected -
* may grow taller than its initial size.
*
* @see http://getbootstrap.com/components/#input-groups
*/
}
.input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
float: none;
}
.input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
z-index: 3;
}
.input-group > .select2-container--bootstrap,
.input-group > .select2-container--bootstrap .input-group-btn,
.input-group > .select2-container--bootstrap .input-group-btn .btn {
vertical-align: top;
}
/**
* Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
*
* Provides `!important` for certain properties of the class applied to the
* original `<select>` element to hide it.
*
* @see https://github.com/select2/select2/pull/3301
* @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
*/
.form-control.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
}
/**
* Display override for inline forms
*/
@media (min-width: 768px) {
.form-inline .select2-container--bootstrap {
display: inline-block;
}
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }
@font-face {
font-family: 'Pe-icon-7-stroke';
src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v');
src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
display: inline-block;
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
content: "\e6aa";
}
.pe-7s-arc:before {
content: "\e6ab";
}
.pe-7s-back-2:before {
content: "\e6ac";
}
.pe-7s-bandaid:before {
content: "\e6ad";
}
.pe-7s-car:before {
content: "\e6ae";
}
.pe-7s-diamond:before {
content: "\e6af";
}
.pe-7s-door-lock:before {
content: "\e6b0";
}
.pe-7s-eyedropper:before {
content: "\e6b1";
}
.pe-7s-female:before {
content: "\e6b2";
}
.pe-7s-gym:before {
content: "\e6b3";
}
.pe-7s-hammer:before {
content: "\e6b4";
}
.pe-7s-headphones:before {
content: "\e6b5";
}
.pe-7s-helm:before {
content: "\e6b6";
}
.pe-7s-hourglass:before {
content: "\e6b7";
}
.pe-7s-leaf:before {
content: "\e6b8";
}
.pe-7s-magic-wand:before {
content: "\e6b9";
}
.pe-7s-male:before {
content: "\e6ba";
}
.pe-7s-map-2:before {
content: "\e6bb";
}
.pe-7s-next-2:before {
content: "\e6bc";
}
.pe-7s-paint-bucket:before {
content: "\e6bd";
}
.pe-7s-pendrive:before {
content: "\e6be";
}
.pe-7s-photo:before {
content: "\e6bf";
}
.pe-7s-piggy:before {
content: "\e6c0";
}
.pe-7s-plugin:before {
content: "\e6c1";
}
.pe-7s-refresh-2:before {
content: "\e6c2";
}
.pe-7s-rocket:before {
content: "\e6c3";
}
.pe-7s-settings:before {
content: "\e6c4";
}
.pe-7s-shield:before {
content: "\e6c5";
}
.pe-7s-smile:before {
content: "\e6c6";
}
.pe-7s-usb:before {
content: "\e6c7";
}
.pe-7s-vector:before {
content: "\e6c8";
}
.pe-7s-wine:before {
content: "\e6c9";
}
.pe-7s-cloud-upload:before {
content: "\e68a";
}
.pe-7s-cash:before {
content: "\e68c";
}
.pe-7s-close:before {
content: "\e680";
}
.pe-7s-bluetooth:before {
content: "\e68d";
}
.pe-7s-cloud-download:before {
content: "\e68b";
}
.pe-7s-way:before {
content: "\e68e";
}
.pe-7s-close-circle:before {
content: "\e681";
}
.pe-7s-id:before {
content: "\e68f";
}
.pe-7s-angle-up:before {
content: "\e682";
}
.pe-7s-wristwatch:before {
content: "\e690";
}
.pe-7s-angle-up-circle:before {
content: "\e683";
}
.pe-7s-world:before {
content: "\e691";
}
.pe-7s-angle-right:before {
content: "\e684";
}
.pe-7s-volume:before {
content: "\e692";
}
.pe-7s-angle-right-circle:before {
content: "\e685";
}
.pe-7s-users:before {
content: "\e693";
}
.pe-7s-angle-left:before {
content: "\e686";
}
.pe-7s-user-female:before {
content: "\e694";
}
.pe-7s-angle-left-circle:before {
content: "\e687";
}
.pe-7s-up-arrow:before {
content: "\e695";
}
.pe-7s-angle-down:before {
content: "\e688";
}
.pe-7s-switch:before {
content: "\e696";
}
.pe-7s-angle-down-circle:before {
content: "\e689";
}
.pe-7s-scissors:before {
content: "\e697";
}
.pe-7s-wallet:before {
content: "\e600";
}
.pe-7s-safe:before {
content: "\e698";
}
.pe-7s-volume2:before {
content: "\e601";
}
.pe-7s-volume1:before {
content: "\e602";
}
.pe-7s-voicemail:before {
content: "\e603";
}
.pe-7s-video:before {
content: "\e604";
}
.pe-7s-user:before {
content: "\e605";
}
.pe-7s-upload:before {
content: "\e606";
}
.pe-7s-unlock:before {
content: "\e607";
}
.pe-7s-umbrella:before {
content: "\e608";
}
.pe-7s-trash:before {
content: "\e609";
}
.pe-7s-tools:before {
content: "\e60a";
}
.pe-7s-timer:before {
content: "\e60b";
}
.pe-7s-ticket:before {
content: "\e60c";
}
.pe-7s-target:before {
content: "\e60d";
}
.pe-7s-sun:before {
content: "\e60e";
}
.pe-7s-study:before {
content: "\e60f";
}
.pe-7s-stopwatch:before {
content: "\e610";
}
.pe-7s-star:before {
content: "\e611";
}
.pe-7s-speaker:before {
content: "\e612";
}
.pe-7s-signal:before {
content: "\e613";
}
.pe-7s-shuffle:before {
content: "\e614";
}
.pe-7s-shopbag:before {
content: "\e615";
}
.pe-7s-share:before {
content: "\e616";
}
.pe-7s-server:before {
content: "\e617";
}
.pe-7s-search:before {
content: "\e618";
}
.pe-7s-film:before {
content: "\e6a5";
}
.pe-7s-science:before {
content: "\e619";
}
.pe-7s-disk:before {
content: "\e6a6";
}
.pe-7s-ribbon:before {
content: "\e61a";
}
.pe-7s-repeat:before {
content: "\e61b";
}
.pe-7s-refresh:before {
content: "\e61c";
}
.pe-7s-add-user:before {
content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
content: "\e61d";
}
.pe-7s-paperclip:before {
content: "\e69c";
}
.pe-7s-radio:before {
content: "\e61e";
}
.pe-7s-note2:before {
content: "\e69d";
}
.pe-7s-print:before {
content: "\e61f";
}
.pe-7s-network:before {
content: "\e69e";
}
.pe-7s-prev:before {
content: "\e620";
}
.pe-7s-mute:before {
content: "\e69f";
}
.pe-7s-power:before {
content: "\e621";
}
.pe-7s-medal:before {
content: "\e6a0";
}
.pe-7s-portfolio:before {
content: "\e622";
}
.pe-7s-like2:before {
content: "\e6a1";
}
.pe-7s-plus:before {
content: "\e623";
}
.pe-7s-left-arrow:before {
content: "\e6a2";
}
.pe-7s-play:before {
content: "\e624";
}
.pe-7s-key:before {
content: "\e6a3";
}
.pe-7s-plane:before {
content: "\e625";
}
.pe-7s-joy:before {
content: "\e6a4";
}
.pe-7s-photo-gallery:before {
content: "\e626";
}
.pe-7s-pin:before {
content: "\e69b";
}
.pe-7s-phone:before {
content: "\e627";
}
.pe-7s-plug:before {
content: "\e69a";
}
.pe-7s-pen:before {
content: "\e628";
}
.pe-7s-right-arrow:before {
content: "\e699";
}
.pe-7s-paper-plane:before {
content: "\e629";
}
.pe-7s-delete-user:before {
content: "\e6a7";
}
.pe-7s-paint:before {
content: "\e62a";
}
.pe-7s-bottom-arrow:before {
content: "\e6a8";
}
.pe-7s-notebook:before {
content: "\e62b";
}
.pe-7s-note:before {
content: "\e62c";
}
.pe-7s-next:before {
content: "\e62d";
}
.pe-7s-news-paper:before {
content: "\e62e";
}
.pe-7s-musiclist:before {
content: "\e62f";
}
.pe-7s-music:before {
content: "\e630";
}
.pe-7s-mouse:before {
content: "\e631";
}
.pe-7s-more:before {
content: "\e632";
}
.pe-7s-moon:before {
content: "\e633";
}
.pe-7s-monitor:before {
content: "\e634";
}
.pe-7s-micro:before {
content: "\e635";
}
.pe-7s-menu:before {
content: "\e636";
}
.pe-7s-map:before {
content: "\e637";
}
.pe-7s-map-marker:before {
content: "\e638";
}
.pe-7s-mail:before {
content: "\e639";
}
.pe-7s-mail-open:before {
content: "\e63a";
}
.pe-7s-mail-open-file:before {
content: "\e63b";
}
.pe-7s-magnet:before {
content: "\e63c";
}
.pe-7s-loop:before {
content: "\e63d";
}
.pe-7s-look:before {
content: "\e63e";
}
.pe-7s-lock:before {
content: "\e63f";
}
.pe-7s-lintern:before {
content: "\e640";
}
.pe-7s-link:before {
content: "\e641";
}
.pe-7s-like:before {
content: "\e642";
}
.pe-7s-light:before {
content: "\e643";
}
.pe-7s-less:before {
content: "\e644";
}
.pe-7s-keypad:before {
content: "\e645";
}
.pe-7s-junk:before {
content: "\e646";
}
.pe-7s-info:before {
content: "\e647";
}
.pe-7s-home:before {
content: "\e648";
}
.pe-7s-help2:before {
content: "\e649";
}
.pe-7s-help1:before {
content: "\e64a";
}
.pe-7s-graph3:before {
content: "\e64b";
}
.pe-7s-graph2:before {
content: "\e64c";
}
.pe-7s-graph1:before {
content: "\e64d";
}
.pe-7s-graph:before {
content: "\e64e";
}
.pe-7s-global:before {
content: "\e64f";
}
.pe-7s-gleam:before {
content: "\e650";
}
.pe-7s-glasses:before {
content: "\e651";
}
.pe-7s-gift:before {
content: "\e652";
}
.pe-7s-folder:before {
content: "\e653";
}
.pe-7s-flag:before {
content: "\e654";
}
.pe-7s-filter:before {
content: "\e655";
}
.pe-7s-file:before {
content: "\e656";
}
.pe-7s-expand1:before {
content: "\e657";
}
.pe-7s-exapnd2:before {
content: "\e658";
}
.pe-7s-edit:before {
content: "\e659";
}
.pe-7s-drop:before {
content: "\e65a";
}
.pe-7s-drawer:before {
content: "\e65b";
}
.pe-7s-download:before {
content: "\e65c";
}
.pe-7s-display2:before {
content: "\e65d";
}
.pe-7s-display1:before {
content: "\e65e";
}
.pe-7s-diskette:before {
content: "\e65f";
}
.pe-7s-date:before {
content: "\e660";
}
.pe-7s-cup:before {
content: "\e661";
}
.pe-7s-culture:before {
content: "\e662";
}
.pe-7s-crop:before {
content: "\e663";
}
.pe-7s-credit:before {
content: "\e664";
}
.pe-7s-copy-file:before {
content: "\e665";
}
.pe-7s-config:before {
content: "\e666";
}
.pe-7s-compass:before {
content: "\e667";
}
.pe-7s-comment:before {
content: "\e668";
}
.pe-7s-coffee:before {
content: "\e669";
}
.pe-7s-cloud:before {
content: "\e66a";
}
.pe-7s-clock:before {
content: "\e66b";
}
.pe-7s-check:before {
content: "\e66c";
}
.pe-7s-chat:before {
content: "\e66d";
}
.pe-7s-cart:before {
content: "\e66e";
}
.pe-7s-camera:before {
content: "\e66f";
}
.pe-7s-call:before {
content: "\e670";
}
.pe-7s-calculator:before {
content: "\e671";
}
.pe-7s-browser:before {
content: "\e672";
}
.pe-7s-box2:before {
content: "\e673";
}
.pe-7s-box1:before {
content: "\e674";
}
.pe-7s-bookmarks:before {
content: "\e675";
}
.pe-7s-bicycle:before {
content: "\e676";
}
.pe-7s-bell:before {
content: "\e677";
}
.pe-7s-battery:before {
content: "\e678";
}
.pe-7s-ball:before {
content: "\e679";
}
.pe-7s-back:before {
content: "\e67a";
}
.pe-7s-attention:before {
content: "\e67b";
}
.pe-7s-anchor:before {
content: "\e67c";
}
.pe-7s-albums:before {
content: "\e67d";
}
.pe-7s-alarm:before {
content: "\e67e";
}
.pe-7s-airplay:before {
content: "\e67f";
}
/* --- Dashboard Layout --- */
.home-widgets-container {
margin-left: -7px;
margin-right: -7px;
}
.home-widgets-container:after {
content: '';
display: block;
clear: both;
}
.dashboard-panel-sizer,
.dashboard-panel-item {
width: 33.3%;
padding-left: 7px;
padding-right: 7px;
}
.dashboard-panel-item {
float: left;
}
.dashboard-panel-item-columns-2 {
width: 66.6%;
}
.dashboard-panel-item-columns-3 {
width: 100%;
}
.dashboard-panel-item .panel {
border: 0;
margin-bottom: 14px;
}
.dashboard-panel-item .panel-heading {
cursor: move;
margin: 0;
padding: 10px 15px;
background-color: #fff;
border: 0;
}
.dashboard-panel-item .panel-heading .panel-title {
cursor: move;
color: #275f96;
font-size: 13px;
font-weight: 600;
}
.dashboard-panel-item .panel-body {
padding: 0;
border-top: 1px solid #eee;
overflow: hidden;
}
.dashboard-panel-item .panel-body.panel-loading {
opacity: 0.4;
}
.dashboard-panel-item .widget-content-padded {
padding: 20px;
max-height: 300px;
overflow: auto;
}
.dashboard-panel-item .widget-tools {
float: right;
margin: -3px -3px 0 0;
}
.dashboard-panel-item .widget-tools a {
color: #ccc;
}
.dashboard-panel-item .widget-tools i {
padding: 0 3px;
}
.dashboard-panel-item .widget-tools i:hover {
color: #888;
}
.widget-settings {
margin-top: -41px;
cursor: pointer;
}
.widget-settings .btn {
padding: 2px 5px;
font-size: 1.6em;
line-height: 1em;
color: #bbb;
}
.widget-settings .btn:active,
.widget-settings .btn:focus,
.widget-settings .btn:hover {
color: #666;
outline: none;
}
.widget-settings .dropdown-menu {
margin: 0 -5px 0 0;
padding: 5px 0;
width: 200px;
font-size: 0.95em;
background-color: #fff;
color: #444;
}
.widget-settings li {
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
}
.widget-settings li.active {
background-color: #f8f8f8;
}
.widget-settings h4 {
padding: 0 7px 3px 7px;
font-size: 1.2em;
text-align: center;
}
.widget-settings .checkbox-inline {
display: block;
padding: 3px 12px;
}
.widget-settings .icheckbox_flat-blue {
margin-right: 2px;
}
/* --- Text Colors --- */
.color-blue {
color: #6ecacc;
}
.color-grey {
color: #959595;
}
.color-purple {
color: #af5dd5;
}
.color-green {
color: #5dc560;
}
.color-orange {
color: #eaae53;
}
.color-pink {
color: #ea5395;
}
.color-cyan {
color: #63cfd2;
}
/* --- Icon Stats --- */
.icon-stats {
padding: 20px;
font-size: 0.9em;
}
.icon-stats a,
.icon-stats a:hover,
.icon-stats a:active {
color: inherit;
text-decoration: none;
}
.icon-stats .item {
clear: both;
}
.icon-stats .icon-holder {
float: left;
font-size: 36px;
}
.icon-stats .data {
margin-left: 50px;
}
.icon-stats .data div {
white-space: nowrap;
overflow: hidden;
}
.icon-stats .number {
font-size: 20px;
}
.icon-stats .unit {
font-size: 15px;
color: #888;
}
/* --- Activity Widget --- */
.widget-activity .widget-content-padded {
padding: 10px 20px;
font-size: 0.9em;
}
.widget-activity .feed-element {
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.widget-activity .feed-element:last-child {
border: 0;
}
/* --- Automation Widget --- */
.widget-automation {
font-weight: 300;
}
.widget-automation .col-sm-6 {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.widget-automation .mini-chart {
margin-top: 5px;
text-align: center;
}
.widget-automation h4 {
margin: 0;
}
.widget-automation h4 .title-text {
display: block;
margin-top: 2px;
font-size: 13px;
color: #a2a6af;
font-weight: 300;
text-align: center;
}
.widget-automation p {
margin: 0;
font-size: 1.6em;
font-weight: 400;
text-align: center;
}
.widget-automation .text-footer {
text-align: left;
font-size: 12px;
margin: 5px 10px;
color: #999;
}
/* --- Badges --- */
.home-status-badge-row {
margin-left: -7px;
margin-right: -7px;
margin-bottom: 10px;
}
.home-status-badge-row div[class^="col-sm-"] {
padding-left: 7px;
padding-right: 7px;
}
.health-status-block .icon a,
.health-status-block .icon a:hover,
.health-status-block .detail a,
.health-status-block .detail a:hover {
display: block;
color: #fff;
text-decoration: none;
}
.badge-shadow {
-webkit-text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
-moz-text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
-ms-text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
}
.status-badge-green {
background-color: #5dc560;
}
.status-badge-green .icon {
background-color: #49a94d;
}
.status-badge-orange {
background-color: #eaae53;
}
.status-badge-orange .icon {
background-color: #d28818;
}
.status-badge-pink {
background-color: #ea5395;
}
.status-badge-pink .icon {
background-color: #d61a6c;
}
.status-badge-cyan {
background-color: #8dd5d9;
}
.status-badge-cyan .icon {
background-color: #68b1b5;
}
/* --- Billing Widget --- */
.widget-billing .row,
.widget-stripe .row {
margin: 0;
}
.widget-billing .bordered-right,
.widget-stripe .bordered-right {
border-right: 1px solid #eee;
}
.widget-billing .bordered-top,
.widget-stripe .bordered-top {
border-top: 1px solid #eee;
}
.widget-billing .item,
.widget-stripe .item {
padding: 13px 0;
white-space: nowrap;
overflow: hidden;
}
.widget-billing .item .data,
.widget-stripe .item .data {
display: block;
font-size: 1.8em;
}
.widget-billing .item .note,
.widget-stripe .item .note {
font-size: 0.9em;
color: #a2a6af;
}
.widget-billing .error,
.widget-stripe .error {
margin: 5px 0;
font-size: 0.9em;
color: #a2a6af;
}
@media only screen and (max-width: 767px) {
.widget-billing .bordered-right,
.widget-billing .bordered-top,
.widget-stripe .bordered-right,
.widget-stripe .bordered-top {
border-right: 0;
border-top: 0;
}
.widget-billing .col-sm-6,
.widget-stripe .col-sm-6 {
border-bottom: 1px solid #eee;
}
.widget-billing .col-sm-6:last-child,
.widget-stripe .col-sm-6:last-child {
border: 0;
}
}
/* --- Health Widget --- */
.widget-health .progress {
margin-top: 7px;
}
.widget-health .item .icon-holder {
margin-top: -8px;
font-size: 42px;
}
/* --- Network Status Widget --- */
.widget-networkstatus .item {
padding-top: 15px;
padding-bottom: 15px;
position: relative;
border-bottom: 1px solid #f3f3f3;
overflow: hidden;
}
.widget-networkstatus .item:first-child {
padding-top: 0;
}
.widget-networkstatus .item:last-child {
border: 0;
padding-bottom: 0;
}
.widget-networkstatus .name {
font-size: 16px;
float: left;
width: 30%;
color: #616670;
vertical-align: middle;
}
.widget-networkstatus .note {
font-size: 12px;
color: #a2a6af;
}
.widget-networkstatus .name .data,
.widget-networkstatus .name .note {
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.widget-networkstatus .stats {
float: left;
width: 70%;
overflow: hidden;
}
.widget-networkstatus .status,
.widget-networkstatus .uptime,
.widget-networkstatus .load {
float: left;
display: inline-block;
padding: 0 15px;
width: 33.33%;
}
/* --- Overview Widget --- */
.btn-period-chooser {
float: right;
}
.btn-period-chooser .btn {
padding: 3px 10px;
color: #999;
}
.btn-period-chooser .btn.active {
color: #444;
font-weight: 600;
box-shadow: none;
border-color: #ccc;
}
.btn-period-chooser .btn:focus,
.btn-period-chooser .btn:active:focus,
.btn-period-chooser .btn.active:focus,
.btn-period-chooser .btn.focus,
.btn-period-chooser .btn:active.focus,
.btn-period-chooser .btn.active.focus {
outline: none;
}
.btn-period-chooser .btn:active,
.btn-period-chooser .btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/* --- Staff Widget --- */
.widget-staff-container {
padding: 10px 0;
}
.widget-staff-container .staff {
padding: 10px 20px;
width: 25%;
min-width: 130px;
float: left;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.widget-staff-container .staff img {
padding-bottom: 4px;
}
.widget-staff-container .staff .name {
font-size: 0.9em;
font-weight: bold;
}
.widget-staff-container .staff .note {
font-size: 0.85em;
color: #a2a6af;
}
/* --- Support Widget --- */
.widget-support .tickets-list {
margin:0 20px 12px;
font-size: 0.9em;
}
.widget-support .tickets-list .ticket {
padding: 5px 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.widget-support .tickets-list .ticket:nth-child(even) {
background-color: #f8f8f8;
}
.widget-support .footer {
margin: 20px 0 0 0;
padding: 6px 12px 3px 12px;
border-top: 1px solid #eee;
text-align: center;
font-size: 12px;
margin: 5px 10px;
color: #999;
}
.widget-support .footer a {
text-decoration: underline;
padding: 0 6px;
}
/* --- Client Activity Widget --- */
.widget-clientactivity .clients-list {
margin:0 20px 20px 20px;
font-size: 0.9em;
max-height: 150px;
overflow: auto;
}
.widget-clientactivity .client {
padding: 5px 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.widget-clientactivity .client:nth-child(even) {
background-color: #f8f8f8;
}
.widget-clientactivity .last-login {
float: right;
color: #959595;
font-size: 0.9em;
}
.widget-clientactivity .ip-address {
display: block;
font-style: italic;
color: #63cfd2;
font-size: 0.9em;
}
/* --- MarketConnect Widget --- */
.widget-marketconnect h4 {
margin: 0 0 2px 0;
font-size: 16px;
color: #455;
}
.widget-marketconnect .selling-status {
margin: 10px 0 7px;
padding: 2px;
text-align: center;
font-size: 0.85em;
color: #666;
white-space: nowrap;
overflow: auto;
}
.widget-marketconnect .selling-status .service {
display: inline-block;
margin: 10px 0;
width: 120px;
min-width: 90px;
max-width: 200px;
}
@media (min-width: 1650px) {
.widget-marketconnect .selling-status .service {
width: 25%;
}
}
.widget-marketconnect .selling-status img {
display: block;
margin: 5px auto;
max-height: 50px;
}
.widget-marketconnect .selling-status span.title {
display: block;
margin: 0 0 5px 0;
}
.widget-marketconnect .selling-status span.label {
padding: 2px 8px;
font-size: 0.7em;
}
.widget-marketconnect .selling-status .not-selling img {
opacity: 0.3;
}
.widget-marketconnect .selling-status .not-selling .title {
color: #ccc;
}
.widget-marketconnect .btn-manage {
margin: -2px 5px 0 0;
padding: 2px 24px;
font-size: 12px;
border-radius: 3px;
}
.widget-marketconnect .btn-deposit,
.widget-marketconnect .btn-promo {
padding: 2px 10px;
color: #444;
font-size: 12px;
border-radius: 3px;
}
.widget-marketconnect .btn-promo {
margin-top: 3px;
}
.widget-marketconnect .balance-wrapper {
margin: 5px 0 0 0;
padding: 15px 10px 0 10px;
border-top: 1px solid #ddd;
}
.widget-marketconnect .promo-wrapper {
text-align: center;
color: #666;
}
.widget-marketconnect .balance-wrapper small {
display: block;
font-size: 0.75em;
}
/* Packery */
.packery-drop-placeholder {
outline: 3px dashed #999;
outline-offset: -6px;
/* transition position changing */
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
@media (max-width: 950px) {
.dashboard-panel-sizer,
.dashboard-panel-item {
width: 100%;
padding-left: 7px;
padding-right: 7px;
}
.dashboard-panel-item-columns-2 {
width: 100%;
}
.dashboard-panel-item-columns-3 {
width: 100%;
}
}
/* --- Invoices --- */
.invoice-alert-bottom {
position: fixed;
bottom: 0;
left: 0;
padding: 15px;
width: 100%;
border: 1px solid #faebcc;
border-radius: 4px;
z-index: 10000;
}
.btn-link-default {
background: none;
border: none;
color: #202F60;
text-decoration: underline;
cursor: pointer;
padding: 0;
font: inherit;
}
.automation-status .day-selector {
float: right;
margin-top: -7px;
}
.automation-status .day-selector .btn {
border: 0;
color: #aaa;
line-height: 31px;
font-weight: 300;
}
.automation-status .day-selector .btn:hover {
color: #555;
}
.automation-status .day-selector .btn.btn-viewing {
font-size: 1.6em;
}
.automation-status .day-selector .btn.disabled {
color: #ddd;
}
.automation-status .widgets-container {
margin-left: -5px;
margin-right: -5px;
}
.automation-status .widgets-container div[class^="col-sm-"],
.automation-status .widgets-container div[class^="col-md-"],
.automation-status .widgets-container div[class^="col-lg-"] {
padding-left: 5px;
padding-right: 5px;
}
.automation-status .widget {
margin: 0 0 10px 0;
border: 1px solid #eee;
}
.automation-status .widget .info-container {
background: #fff;
border-radius: 4px;
padding: 12px 15px;
}
.automation-status .widget .info-container i {
color: #ccc;
}
.automation-status .widget .info-container .intro {
color: #444;
margin-bottom: 2px;
font-weight: 300;
white-space: nowrap;
overflow: hidden;
}
.automation-status .widget .info-container .title {
margin-top: 0;
margin-bottom: 0;
}
.automation-status .widget .info-container .figure {
color: #6198d0;
font-size: 38px;
margin: 0;
}
.automation-status .widget .info-container .note {
color: #a2a6af;
font-size: 14px;
font-weight: 300;
padding-left: 5px;
}
.automation-status .widget .failed,
.automation-status .widget .failed:hover {
float: right;
margin-top: -18px;
font-size: 0.9em;
color: #e48b8b;
}
.automation-status .widget .failed:hover {
text-decoration: underline;
}
.automation-status .widget .info-container i.fa-check {
color: #94ca84;
}
.automation-status .widget .info-container i.fa-exclamation {
color: #ffa500;
}
.automation-status .widget .info-container small {
float: right;
margin-top: -18px;
font-size: 0.9em;
color: #d2d1d1;
}
.automation-status .info-container-boolean p.intro {
line-height: 23px;
}
.automation-status .info-container-boolean .status {
float: left;
margin-top: -3px;
}
.automation-status .info-container-boolean .status i {
font-size: 2em;
}
.automation-status .widget .info-container-boolean small {
margin-top: -20px;
}
.status-badge-grey {
background-color: #bbb;
}
.status-badge-grey .icon {
background-color: #999;
}
.automation-status .calendar-container {
padding:15px;
background-color:#f8f8f8;
border-radius: 4px;
}
#automation-status-calendar table {
width: 100%;
border-collapse: collapse;
margin: 0 0 0.4em;
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1.1em;
}
#automation-status-calendar .datepicker.datepicker-inline {
margin: 0 0 20px 0;
background: none;
border-radius: 5px;
}
#automation-status-calendar .datepicker-inline {
width: 100%;
border: 0;
padding: 0;
}
#automation-status-calendar th {
padding: .7em .3em;
text-align: center;
font-weight: 700;
border: 0;
}
#automation-status-calendar th.prev,
#automation-status-calendar th.datepicker-switch,
#automation-status-calendar th.next {
background: none;
border-radius: 0;
border: 0;
}
#automation-status-calendar th.datepicker-switch,
#automation-status-calendar th.today {
background-color: #eee;
border-radius: 4px;
color: #666;
font-weight: 300;
}
#automation-status-calendar th.dow {
color: #888;
}
#automation-status-calendar .day {
text-align: center;
padding: 5px 1px;
background: #fff;
border-color: #eee;
border: 0;
color: #888;
font-weight: 300;
font-size: 0.9em;
}
#automation-status-calendar .day.today {
background-color: #fde19a;
background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);
background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a);
background-image: linear-gradient(to bottom,#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,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
#automation-status-calendar .day.active {
background: #1a4d80;
border-radius: 4px;
color: #fff;
}
#automation-status-calendar .day.disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
.automation-status .graph-container {
margin: 10px 0;
padding: 30px;
height: 380px;
background-color: #f8f8f8;
}
.automation-status .graph-filters {
margin: -20px -20px 20px 0;
float: right;
}
.automation-status .graph-filters .btn-default {
border: 1px solid transparent;
}
.automation-status .graph-filters a.active {
background-color: #fbe7b7;
}
.database-backups .panel-group .panel-title .label {
float: right;
padding: 4px 8px;
text-transform: initial;
}
.database-backups .alert-default {
color: #fff;
background-color: #c9c9c9;
border-color: #f9f9f9;
}
.market-connect #contentarea {
background-color: #f9f9f9;
}
.market-connect #contentarea h1 {
display: none;
}
.panel-market-account {
width: 300px;
}
.panel-market-account .account-linked {
padding: 8px 15px;
height: 127px;
overflow: hidden;
}
.panel-market-account .account-not-linked {
height: 127px;
line-height: 90px;
background-color: #f9f9f9;
overflow: hidden;
}
.panel-market-account .info-line {
margin-bottom: 8px;
font-size: 11px;
}
.panel-market-account .linked-to,
.panel-market-account .auth-error,
.panel-market-account .connection-error {
margin: 8px -16px;
padding: 6px 15px;
background-color: #eee;
color: #333;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.panel-market-account .auth-error,
.panel-market-account .connection-error {
display: none;
background-color: #ff8686;
color: #ffe9e9;
}
.panel-market-account .auth-error a,
.panel-market-account .connection-error a {
color: #fff;
text-decoration: underline;
}
.panel-market-account .account-linked {
display: none;
}
.panel-market-account.account-linked .account-linked {
display: block;
}
.panel-market-account.account-linked .account-not-linked {
display: none;
}
.marketconnect-logo {
max-width: 100%;
}
.modal-marketconnect-login .modal-dialog {
max-width: 485px;
}
.modal-marketconnect-login .modal-content {
border: 0;
border-radius: 0;
box-shadow: none;
background-color: #fff;
color: #333;
}
.modal-marketconnect-login .modal-header {
display: none;
}
.modal-marketconnect-login .modal-mc-logo {
padding: 30px 0 35px 0;
text-align: center;
}
.modal-marketconnect-login .modal-mc-logo img {
max-width: 80%;
}
.modal-marketconnect-login .modal-content a {
text-decoration: underline;
}
.modal-marketconnect-login p {
margin-bottom: 15px;
}
.modal-marketconnect-login .alert {
border: 0;
border-left: 3px solid;
border-radius: 0;
padding: 10px 15px;
}
.modal-marketconnect-login .login-msg {
margin: 12px 0 40px 0;
text-align: center;
}
.modal-marketconnect-login .login-msg a {
font-weight: bold;
text-decoration: none;
}
.modal-marketconnect-login .create-acct-link {
margin: 40px 0 30px 0;
text-align: center;
font-size: 0.95em;
}
.modal-marketconnect-login .create-acct-link a {
font-weight: bold;
text-decoration: none;
}
.panel-market-item {
text-align: center;
font-size: 1.2em;
border: 1px solid #f8f8f8;
background-color: #fff;
font-weight: 300;
}
.panel-market-item .panel-body {
padding: 45px 50px;
}
@media (min-width:1200px) and (max-width: 1400px) {
.panel-market-item .panel-body {
padding: 45px 35px;
}
}
.panel-market-item .logo {
margin-bottom: 30px;
background-color: #fff;
line-height: 180px;
height: 180px;
display: flex;
justify-content: center;
align-items: center;
}
.panel-market-item .logo img {
max-width: 100%;
max-height: 100%;
}
.panel-market-item p {
margin: 20px 0;
}
.panel-market-item h3 {
margin: 0;
font-size: 28px;
font-weight: 300;
}
.panel-market-item h4 {
margin: 10px 0 0 0;
font-size: 16px;
color: #bbb9b9;
font-weight: 300;
}
.panel-market-item .btn-container {
margin: 0 auto;
max-width: 400px;
}
.panel-market-item .btn {
white-space: normal;
margin-bottom: 10px;
}
.btn-inverse {
color: #fff;
background-color: #666;
border-color: #555;
}
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover {
color: #fff;
background-color: #555;
border-color: #444;
}
.modal-mc-service .modal-header,
.modal-mc-service .modal-footer {
display: none;
}
.modal-mc-service .modal-body {
height: 100%;
overflow: auto;
}
.modal-mc-service .modal-content {
border: 0;
border-radius: 0;
box-shadow: none;
height: 600px;
}
.modal-mc-service .logo img {
max-height: 100%;
max-width: 80%;
margin-bottom: 10px;
}
.modal-mc-service .title {
padding: 0 0 20px;
}
.modal-mc-service h3 {
margin: 0;
font-size: 28px;
font-weight: 300;
}
.modal-mc-service h4 {
margin: 10px 0 0 0;
font-size: 16px;
color: #bbb9b9;
font-weight: 300;
}
.modal-mc-service .nav-tabs > li:not(.active) > a {
padding: 6px 15px;
background-color: #f9f9f9;
}
.modal-mc-service .nav-tabs > li > a.activate {
background-color: #beeaa0;
color: #5f9234;
border: 1px solid #beeaa0;
}
.modal-mc-service .nav-tabs > li > a.deactivate {
background-color: #ff9898;
color: #ffe6e6;
border: 1px solid #ff9898;
}
.modal-mc-service .nav-tabs > li > a.deactivate:hover {
background-color: #e66666;
color: #fff;
}
.modal-mc-service .nav-tabs > li.active > a {
padding: 6px 15px;
background-color: #fff;
}
.modal-mc-service .content-padded {
padding: 30px 15px;
}
@media (max-width:991px) {
.modal-mc-service .nav-tabs > li {
margin-bottom: 0;
}
.modal-mc-service .nav-tabs > li > a {
border-radius: 4px;
margin-bottom: 4px;
}
.modal-mc-service .nav-tabs>li.active>a,
.modal-mc-service .nav-tabs>li.active>a:focus,
.modal-mc-service .nav-tabs>li.active>a:hover {
border-bottom-color: #ddd;
}
}
@media (min-width:992px) {
.modal-mc-service .logo {
float: left;
height: 100px;
}
.modal-mc-service .title {
float: right;
text-align: right;
padding: 20px 30px 0;
}
.modal-mc-service .nav-tabs > li:first-child {
padding-left: 20px;
}
.modal-mc-service .nav-tabs > li:last-child {
padding-right: 20px;
}
.modal-mc-service .nav-tabs > li:not(.active) > a {
border-bottom: 1px solid #ddd;
}
.modal-mc-service .nav-tabs > li.li-right {
float: right;
}
.modal-mc-service .nav-tabs>li>a.activate {
border-bottom: 0;
}
.modal-mc-service .nav-tabs>li>a.deactivate {
border-bottom: 0;
}
.modal-mc-service .content-padded {
padding: 30px 30px 0 30px;
}
}
.market-connect-apps-container {
max-width: 1650px;
margin: 0 auto 25px;
}
.market-connect-apps-container .btn-block+.btn-block {
margin-top: 0;
}
.modal-marketconnect-splash .modal-content {
border: 0;
border-radius: 0;
box-shadow: none;
background-color: #ff6820;
color: #fff;
text-align: center;
padding-bottom: 65px;
}
.modal-marketconnect-splash ul {
list-style: none;
margin: 0;
padding: 0;
}
.redirect-msg {
text-align: center;
max-width: 600px;
padding: 40px;
margin: 30px auto;
background-color: #fff;
}
.redirect-msg a {
text-decoration: underline;
}
.modal-mc-service .activate {
padding: 40px;
}
.modal-mc-service .activate ul {
list-style: none;
margin: 22px 0;
font-size: 1.3em;
line-height: 1.8em;
font-weight: 300;
}
.modal-mc-service .activate ul i {
padding-right: 20px;
}
.modal-mc-service .activate-btn-container {
margin: 40px 0;
text-align: right;
}
@media (max-width:991px) {
.modal-mc-service .activate {
padding: 30px 20px;
}
.modal-mc-service .activate ul {
padding: 0;
font-size: 1.1em;
}
.modal-mc-service .activate ul i {
padding-right: 0;
}
.modal-mc-service .activate-btn-container {
text-align: center;
}
}
.modal-mc-service .btn-activate {
padding: 10px 25px;
font-size: 17px;
width: 190px;
height: 45px;
}
.modal-mc-service .activate a {
text-decoration: underline;
}
.tour-marketconnect {
padding: 12px;
background-color: #f5f5f5;
font-family: 'Open Sans', Arial, sans-serif;
color: #444;
min-width: 335px;
border: 0;
}
.tour-marketconnect .popover-title {
padding-top: 18px;
background-color: #f5f5f5;
color: #222;
font-size: 1.2em;
border: 0;
}
.modal-mc-service ul.products {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #ddd;
max-height: 375px;
overflow-y: auto;
overflow-x: hidden;
}
.modal-mc-service ul.products li.product {
border-bottom: 1px solid #ddd;
}
.modal-mc-service ul.products li.product div.content-padded {
padding: 10px;
}
.modal-mc-service ul.products li.product:last-child {
border: 0;
}
.modal-mc-service ul.products .toggle-pricing {
display: block;
text-decoration: none;
}
.modal-mc-service ul.products .product-name {
font-size: 1.5em;
font-weight: 300;
}
.modal-mc-service ul.products .btn-manage {
border: 0;
background-color: #fff;
color: #bbb;
font-size: 1.5em;
padding: 0 10px;
}
.modal-mc-service .table-pricing th,
.modal-mc-service .table-pricing td {
text-align: center;
}
.modal-mc-service .sso-container {
padding: 50px;
background-color: #f8f8f8;
text-align: center;
}
.modal-mc-service .sso-container .btn-sso-service {
font-weight: 300;
}
.modal-mc-service .promotions {
padding: 15px 20px;
}
.modal-mc-service .promotions .promo {
margin: 0 0 5px 0;
padding: 10px 15px;
background-color: #f8f8f8;
}
.modal-mc-service .promotions .promo h4{
margin: 2px 0 6px 0;
color: #666;
}
.modal-mc-service .promotions .promo p {
margin: 0;
font-size: 0.9em;
}
.modal-mc-service .promotions .bootstrap-switch {
float: right;
}
.modal-mc-service .table-pricing th {
border-top: 0;
}
.modal-mc-service .table-pricing tr:last-child td {
border-bottom: 1px solid #ddd;
}
.modal-mc-service .table-pricing {
margin-bottom: 10px;
}
.modal-mc-service .pricing-login-overlay {
position: absolute;
width: 90%;
text-align: center;
background: rgba(0,0,0,0.8);
color: #fff;
font-weight: 300;
height: 378px;
padding-top: 150px;
font-size: 1.1em;
}
.modal-mc-service .pricing-login-overlay .btn {
border: 0;
}
.modal-mc-service .symantec .features-overview {
margin: 20px 0;
padding: 20px 40px 10px;
background-color: #e4e4e4;
border-radius: 6px;
color: #444;
font-size: 0.95em;
}
.modal-mc-service .symantec .features-overview i {
color: #fff;
}
.modal-mc-service .symantec .features-overview h4 {
margin: 0;
color: #444;
}
.modal-mc-service .symantec .row-logos {
margin-top: 20px;
}
.modal-mc-service .symantec ul {
list-style: none;
}
.modal-mc-service .symantec-ee {
margin: 12px 0;
padding: 15px 20px;
background-color: #dcf0d7;
color: #444;
}
.modal-mc-service .symantec-ee .inner {
font-weight: 400;
}
.modal-mc-service .symantec-ee .inner span {
font-size: 1.3em;
}
.modal-mc-service .symantec .table-pricing {
font-size: 0.9em;
}
.modal-mc-service .symantec .table-pricing th {
padding: 0 0 2px 0;
}
.modal-mc-service .symantec .table-pricing td.issuance {
white-space: nowrap;
}
.modal-mc-service .weebly-features .feature {
text-align: center;
margin-bottom: 28px;
}
.modal-mc-service .weebly-features .feature .icon {
height: 60px;
margin-bottom: 15px;
}
.modal-mc-service .weebly-features .feature h4 {
margin-bottom: 5px;
}
.modal-mc-service .weebly-features .feature .icon img {
max-height: 100%;
}
.modal-mc-service .weebly-free i {
padding-right: 3px;
font-size: 2em;
color: #888;
}
.modal-mc-service .weebly-free strong,
.modal-mc-service .site-builder-free strong {
font-size: 1.15em;
}
.modal-mc-service .weebly.faq h4 {
color: #666;
font-size: 1.4em;
margin-bottom: 10px;
}
.modal-mc-service .weebly .table-pricing {
font-size: 0.9em;
}
.modal-mc-service .weebly .table-pricing th {
padding: 6px;
vertical-align: bottom;
}
.modal-mc-service .weebly .table-pricing th span {
font-size: 1.7em;
font-weight: 300;
}
.modal-mc-service .weebly .table-pricing td {
padding: 1px 5px !important;
}
.modal-mc-service .icon-no {
color: #a93717
}
.modal-mc-service .icon-yes {
color: #209e61
}
.modal-mc-service .spamexperts .solutions {
margin-top: 15px;
margin-bottom: 15px;
}
.modal-mc-service .spamexperts .solutions .item {
margin: 0;
padding: 15px;
background-color: #dbe8ea;
text-align: center;
}
.modal-mc-service .spamexperts .solutions .item h4 {
margin: 0;
color: #333;
}
.modal-mc-service .spamexperts .solutions .item span {
font-weight: bold;
}
.modal-mc-service .spamexperts .solutions .item i {
margin: 7px;
font-size: 2em;
color: #5b8890;
}
.modal-mc-service .spamexperts .solutions .item p {
font-size: 0.9em;
}
.modal-mc-service .spamexperts-pricing .item {
margin: 0 0 10px 0;
padding: 17px 30px;
background-color: #f8f8f8;
}
.modal-mc-service .spamexperts-pricing h4 {
margin: 0 0 5px 0;
color: #777;
}
.modal-mc-service .spamexperts-pricing h4 span {
color: #999;
}
.modal-mc-service .spamexperts-pricing i {
padding-left: 10px;
padding-right: 6px;
}
.modal-mc-service .spamexperts.how-it-works {
margin-top: 15px;
padding: 20px 25px;
background-color: #dbe8ea;
}
.modal-mc-service .activate.advanced-mode {
padding: 30px 40px;
}
.modal-mc-service .activate.advanced-mode .tab-content {
height: 282px;
font-size: 0.75em;
overflow: hidden;
}
.modal-mc-service .activate.advanced-mode ul.products {
max-height: 282px;
}
.modal-mc-service .activate.advanced-mode .activate-btn-container {
margin: 18px 0 0 0;
}
@media (max-width:991px) {
.modal-mc-service .activate.advanced-mode {
padding: 20px 0;
}
}
.modal-mc-service .activate .steps {
margin: 0 0 15px 0;
white-space: nowrap;
overflow: auto;
}
.modal-mc-service .activate .steps a {
padding: 7px 12px;
position: relative;
display: inline-block;
min-width: 24%;
margin-left: 0.25%;
height: 32px;
text-align: center;
text-decoration: none !important;
font-size: 13px;
color: #707070;
background-color: #f8f8f8;
cursor: pointer;
}
.modal-mc-service .activate .steps a:first-child {
margin-left: 0;
}
.modal-mc-service .activate .steps:not(.left-arrow) a:before {
width: 0;
height: 0;
border-top: 16px inset transparent;
border-bottom: 16px inset transparent;
border-left: 16px solid #FFFFFF;
position: absolute;
content: "";
top: 0;
left: 0;
}
.modal-mc-service .activate .steps:not(.left-arrow) a:after {
width: 0;
height: 0;
border-top: 16px inset transparent;
border-bottom: 16px inset transparent;
border-left: 16px solid #f8f8f8;
position: absolute;
content: "";
top: 0;
right: -16px;
z-index: 2;
}
.modal-mc-service .activate .steps a.active {
background-color: #beecbe;
color: #226322;
}
.modal-mc-service .activate .steps a.active:after {
border-left: 16px solid #beecbe;
}
.modal-mc-service .activate .steps a:first-child:before,
.modal-mc-service .activate .steps a:last-child:after {
border: none;
}
.modal-mc-service .activate .steps a:first-child {
border-radius: 4px 0 0 4px;
}
.modal-mc-service .activate .steps a:last-child {
border-radius: 0 4px 4px 0;
}
.modal-mc-service .activate .steps a.mode-label {
background-color: #eee;
font-weight: bold;
cursor: auto;
}
.modal-mc-service .activate .steps a.mode-label:after {
border-left: 16px solid #eee;
}
.modal-mc-service .advanced-mode .tab-content h3 {
font-size: 20px;
}
.modal-mc-service .advanced-mode .promo {
font-size :13px;
}
.modal-mc-service .advanced-mode .promo p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.modal-mc-service .sitelock .icons {
margin-top: 20px;
margin-bottom: 20px;
font-size: 0.9em;
}
.modal-mc-service .sitelock .icons img {
margin: 0 0 5px 0;
max-height: 50px;
}
.modal-mc-service .sitelock .feature-wrapper {
margin: 0 0 15px 0;
}
.modal-mc-service .sitelock .feature-wrapper i {
float: left;
font-size: 4em;
}
.modal-mc-service .sitelock .feature-wrapper .content {
margin-left: 100px;
}
.modal-mc-service .sitelock .feature-wrapper p {
font-size: 0.9em;
}
.modal-mc-service .sitelock .lite-features {
margin-top: 25px;
margin-bottom: 25px;
font-size: 1.3em;
font-weight: 300;
}
.modal-mc-service .sitelock .lite-features i {
padding-left: 25px;
padding-right: 8px;
}
.modal-mc-service .sitelock i.fa-check {
color: #36ab3a;
}
.modal-mc-service .sitelock .faq .panel {
border: 0;
}
.modal-mc-service .sitelock .faq .panel-heading {
padding: 10px 14px;
background: transparent;
}
.modal-mc-service .sitelock .faq h4 {
margin: 0;
padding: 0;
font-size: 15px;
}
.modal-mc-service .sitelock .faq h4 a {
color: #222;
}
.modal-mc-service .sitelock .faq .panel-body {
padding: 3px 14px 10px;
color: #555;
border: 0;
font-weight: 300;
}
.modal-mc-service .sitelock.faq {
max-height: 400px;
overflow: auto;
}
.modal-mc-service .sitelock .table-pricing {
font-size: 0.9em;
}
.modal-mc-service .content-padded.symantec,
.modal-mc-service .content-padded.site-builder,
.modal-mc-service .sitelock.pricing,
.modal-mc-service .symantec.pricing {
max-height: 400px;
overflow: auto;
}
.modal-mc-service .content-padded.site-builder.site-builder-features {
padding: 15px 10px 0;
overflow: visible;
}
.modal-mc-service .content-padded.site-builder.highlights {
overflow: visible;
}
.modal-mc-service .sitelockvpn.features {
text-align: center;
font-size: 1.1em;
}
.modal-mc-service .sitelockvpn.features img {
display: block;
margin: 10px auto;
}
.modal-mc-service .site-builder-features .feature {
text-align: center;
margin-bottom: 0;
}
.modal-mc-service .site-builder-features .feature .icon {
height: 60px;
}
.modal-mc-service .site-builder-features .feature h4 {
margin-bottom: 5px;
}
.modal-mc-service .site-builder-features .feature .icon img {
max-height: 100%;
}
.modal-mc-service .site-builder-highlights {
margin-top: 15px;
}
.modal-mc-service .site-builder-highlights i {
padding-right: 3px;
font-size: 1.5em;
color: #888;
}
.modal-mc-service .site-builder-free i {
padding-right: 3px;
font-size: 2em;
color: #888;
}
.modal-mc-service .site-builder-highlights strong {
font-size: 1.15em;
}
.modal-mc-service .site-builder.faq h4 {
color: #666;
font-size: 1.4em;
margin-bottom: 10px;
}
.modal-mc-service .site-builder .table-pricing {
font-size: 0.9em;
}
.modal-mc-service .site-builder .table-pricing th {
padding: 6px;
vertical-align: bottom;
}
.modal-mc-service .site-builder .table-pricing th span {
font-size: 1.7em;
font-weight: 300;
}
.modal-mc-service .site-builder .table-pricing td {
padding: 1px 5px !important;
}
.modal-mc-service .xovinow.about h4 {
font-size: 16px;
color: #444;
font-weight: 600;
}
.modal-mc-service .xovinow.about h4,
.modal-mc-service .xovinow.about p {
margin-bottom: 10px;
}
.modal-mc-service .xovinow.faq h4 {
color: #666;
font-size: 1.4em;
margin-bottom: 10px;
}
.modal-mc-service .xovinow .table-pricing {
font-size: 0.9em;
}
.modal-mc-service .xovinow .table-pricing th {
padding: 6px;
vertical-align: bottom;
}
.modal-mc-service .xovinow .table-pricing th span {
font-size: 1.7em;
font-weight: 300;
}
.modal-mc-service .xovinow .table-pricing td {
padding: 1px 5px !important;
}
.modal-mc-service .xovinow.features {
overflow: visible;
}
.modal-mc-service .xovinow.features img {
max-width: 280px;
padding-top: 5px;
}
.modal-mc-service .xovinow.features .feature-menu {
border-right: 1px solid #ddd;
height: 400px;
}
.modal-mc-service .xovinow.features .feature-menu .feature-menu-item {
display: block;
border: 1px solid lightgrey;
padding: 5px 0;
text-align: center;
background-color: #f9f9f9;
line-height: 1.42857143;
border-radius: 4px 0 0 4px;
margin-bottom: 2px;
margin-right: -16px;
}
.modal-mc-service .xovinow.features .feature-menu .feature-menu-item.shown {
background-color: #fff;
text-decoration: underline;
border-right-color: transparent;
}
.modal-mc-service .xovinow.features .feature-menu .feature-menu-item small {
font-size: 75%;
text-decoration: none;
text-align: left !important;
}
.modal-mc-service .xovinow.features .feature-info {
line-height: 30px;
}
.modal-mc-service .xovinow.features .feature-info div.feature-info-item.shown {
display: block;
}
.modal-mc-service .xovinow.features .feature-info div.feature-info-item:not(.shown) {
display: none;
}
.modal-mc-service .xovinow .faq .panel {
border: 0;
}
.modal-mc-service .xovinow .faq .panel-heading {
padding: 10px 14px;
background: transparent;
}
.modal-mc-service .xovinow .faq h4 {
margin: 0;
padding: 0;
font-size: 15px;
}
.modal-mc-service .xovinow .faq h4 a {
color: #222;
font-weight: 500;
}
.modal-mc-service .xovinow .faq h4 a:not(.collapsed) {
text-decoration: underline;
}
.modal-mc-service .xovinow .faq .panel-body {
padding: 3px 14px 10px;
color: #555;
border: 0;
font-weight: 300;
}
.modal-mc-service .xovinow.faq {
max-height: 400px;
overflow: auto;
}
.marketconnect-product-redirect {
margin: 0 0 10px 0;
padding: 65px 50px;
text-align: center;
background: rgba(0,0,0,0.8);
color: #fff;
font-weight: 300;
font-size: 1.1em;
border-radius: 4px;
}
.marketconnect-product-redirect .btn {
margin-top: 8px;
}
.mc-smwrapper {
padding: 15px;
}
.mc-sm-container {
margin: 0 auto;
padding: 30px;
background-color: #fff;
border-radius: 6px;
max-width: 1000px;
}
.mc-sm-container h3 {
margin: 0;
padding: 0;
font-size: 18px;
color: #444;
}
.mc-sm-container .actions {
margin: 20px;
text-align: center;
}
.mc-sm-container .actions .btn {
margin-bottom: 5px;
font-size: 0.95em;
}
.mc-sm-container .addt-info {
margin:20px 0 0;
padding: 20px;
padding-bottom: 0;
border-top: 1px solid #eee;
}
.mc-sm-container .detailed-order-status {
margin: 20px 0 0 0;
}
.mc-sm-container .actions .btn-wrapper {
display: inline-block;
}
.mc-sm-container .field-label {
color: #888;
}
.mc-sm-container h3 span {
display: block;
padding: 5px 0;
font-size: 12px;
color: #ccc;
}
.mc-sm-container .status
{
display:inline;
padding: 5px 15px;
background-color:#666;
color:#fff;
font-size: 0.9em;
}
.mc-sm-container .instant-issuance-status.success {
display:inline;
padding: 5px 15px;
background-color: #c756dc;
color:#fff;
font-size: 0.9em;
}
.mc-sm-container .status.active,
.mc-sm-container .status.configurationsubmitted,
.mc-sm-container .status.certificateissued {
background-color:#64bf59;
}
.mc-sm-container .status.awaitingconfiguration {
background-color:#5bc0de;
}
.mc-sm-container .status.certificatecancelled,
.mc-sm-container .status.certificaterejected,
.mc-sm-container .status.certificaterevoked {
background-color:#cc0000;
}
.mc-sm-container .status.reissuepending {
background-color:#F89406;
}
.mc-sm-container .status.refunded {
background-color:#de9e5b;
}
@media (min-width:768px) {
.mc-sm-container .field-label {
text-align: right;
}
.mc-sm-container h3 span {
float: right;
padding: 8px 15px;
}
}
@media (max-width:767px) {
.mc-sm-container .actions .btn {
width: 100%;
text-align: left;
}
.mc-sm-container .field-label {
margin-bottom: 2px;
font-weight: bold;
}
.mc-sm-container .actions {
margin: 20px 0;
}
}
@media (min-width:992px) {
.market-connect-row {
display: flex;
flex-flow: row wrap;
}
}
/**
* WHMCS Telephone Country Code Dropdown
*
* Using https://github.com/jackocnr/intl-tel-input
*
* @copyright Copyright (c) WHMCS Limited 2005-2017
* @license http://www.whmcs.com/license/ WHMCS Eula
*/
.intl-tel-input {
width: 100%;
}
.date-picker-single,
.date-picker-single-no-range,
.datepick,
.date-picker {
max-width: 135px;
}
.date-picker-single.time,
.date-picker-single-no-range.time {
max-width: 170px;
}
.date-picker-search {
max-width: 215px;
}
.date-picker-search-100pc {
max-width: 100%;
}
.form-group .date-picker-prepend-icon,
.form-group.date-picker-prepend-icon {
top: 0;
left: 0;
display: inline-block;
vertical-align: top;
position: relative;
width: 100%;
font-weight: normal;
margin-bottom: 0;
}
.date-picker-prepend-icon .date-picker-search,
.date-picker-prepend-icon .date-picker-single,
.date-picker-prepend-icon .date-picker-single-no-range {
padding-left: 38px;
}
.date-picker-prepend-icon .field-icon i {
position: relative;
font-size: 14px;
}
.date-picker-prepend-icon .field-icon {
top: 0;
z-index: 4;
width: 42px;
height: 36px;
color: inherit;
line-height: 36px;
position: absolute;
text-align: center;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
pointer-events: none;
}
.date-picker-field-icon i {
color: #bbb;
}
/*
* Bootstrap Duallistbox - v3.0.6
* A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
* http://www.virtuosoft.eu/code/bootstrap-duallistbox/
*
* Made by István Ujj-Mészáros
* Under Apache License v2.0 License
*/
.bootstrap-duallistbox-container .buttons {
width: 100%;
margin-bottom: -1px;
}
.bootstrap-duallistbox-container label {
display: block;
}
.bootstrap-duallistbox-container .info {
display: inline-block;
margin-bottom: 5px;
font-size: 11px;
}
.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2 {
display: none;
font-size: 10px;
}
.bootstrap-duallistbox-container .box1.filtered .clear1,
.bootstrap-duallistbox-container .box2.filtered .clear2 {
display: inline-block;
}
.bootstrap-duallistbox-container .move,
.bootstrap-duallistbox-container .remove {
width: 60%;
}
.bootstrap-duallistbox-container .btn-group .btn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.bootstrap-duallistbox-container select {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.bootstrap-duallistbox-container .moveall,
.bootstrap-duallistbox-container .removeall {
width: 40%;
}
.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
margin-left: 0;
}
.bootstrap-duallistbox-container select {
width: 100%;
height: 300px;
padding: 0;
}
.bootstrap-duallistbox-container .filter {
display: inline-block;
width: 100%;
height: 31px;
margin: 0 0 5px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-duallistbox-container .filter.placeholder {
color: #aaa;
}
.bootstrap-duallistbox-container.moveonselect .move,
.bootstrap-duallistbox-container.moveonselect .remove {
display:none;
}
.bootstrap-duallistbox-container.moveonselect .moveall,
.bootstrap-duallistbox-container.moveonselect .removeall {
width: 100%;
}
table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
border-collapse: separate !important;
}
table.dataTable td,
table.dataTable th {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
width: 75px;
display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 8px;
white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
position: absolute;
bottom: 8px;
right: 8px;
display: block;
font-family: 'Glyphicons Halflings';
opacity: 0.5;
}
table.dataTable thead .sorting:after {
opacity: 0.2;
content: "\e150";
/* sort */
}
table.dataTable thead .sorting_asc:after {
content: "\e155";
/* sort-by-attributes */
}
table.dataTable thead .sorting_desc:after {
content: "\e156";
/* sort-by-attributes-alt */
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
color: #eee;
}
div.dataTables_scrollHead table.dataTable {
margin-bottom: 0 !important;
}
div.dataTables_scrollBody table {
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
display: none;
}
div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
border-top: none;
}
div.dataTables_scrollFoot table {
margin-top: 0 !important;
border-top: none;
}
@media screen and (max-width: 767px) {
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
text-align: center;
}
}
table.dataTable.table-condensed > thead > tr > th {
padding-right: 20px;
}
table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
top: 6px;
right: 6px;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
border-left-width: 0;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
border-right-width: 0;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
border-bottom-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row {
margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
padding-right: 0;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
position: relative;
padding-left: 30px;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
top: 9px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #337ab7;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
content: '-';
background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
top: 5px;
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 16px;
width: 16px;
margin-top: -10px;
margin-left: -10px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #337ab7;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: '-';
background-color: #d33333;
}
table.dataTable > tbody > tr.child {
padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
background: transparent !important;
}
table.dataTable > tbody > tr.child ul {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
table.dataTable > tbody > tr.child ul li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul li:first-child {
padding-top: 0;
}
table.dataTable > tbody > tr.child ul li:last-child {
border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold;
}
div.dtr-modal {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
z-index: 102;
overflow: auto;
background-color: #f5f5f7;
border: 1px solid black;
border-radius: 0.5em;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
div.dtr-modal div.dtr-modal-display {
width: 95%;
}
}
div.dtr-bs-modal table.table tr:first-child td {
border-top: none;
}
.atwho-view {
position:absolute;
top: 0;
left: 0;
display: none;
margin-top: 18px;
background: white;
color: black;
border: 1px solid #DDD;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
min-width: 120px;
z-index: 11110 !important;
}
.atwho-view .atwho-header {
padding: 5px;
margin: 5px;
cursor: pointer;
border-bottom: solid 1px #eaeff1;
color: #6f8092;
font-size: 11px;
font-weight: bold;
}
.atwho-view .atwho-header .small {
color: #6f8092;
float: right;
padding-top: 2px;
margin-right: -5px;
font-size: 12px;
font-weight: normal;
}
.atwho-view .atwho-header:hover {
cursor: default;
}
.atwho-view .cur {
background: #3366FF;
color: white;
}
.atwho-view .cur small {
color: white;
}
.atwho-view strong {
color: #3366FF;
}
.atwho-view .cur strong {
color: white;
font:bold;
}
.atwho-view ul {
/* width: 100px; */
list-style:none;
padding:0;
margin:auto;
max-height: 200px;
overflow-y: auto;
}
.atwho-view ul li {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #DDD;
cursor: pointer;
/* border-top: 1px solid #C8C8C8; */
}
.atwho-view small {
font-size: smaller;
color: #777;
font-weight: normal;
}