/* calc padding within div -*/
html { box-sizing:border-box;}
*, *::before, *::after { box-sizing:inherit;}
html, body{
height:100%;
margin:0;
}
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--color-link: #007bff;
--color-link-hover: #ff5151;
--breakpoint-xs: 600;
--breakpoint-sm: 768px;
--breakpoint-md: 980px;
--breakpoint-lg: 1280px;
--breakpoint-xl: 1400px;
}
a {
color: var(--color-link);
text-decoration:none;
}
a:hover {
color: var(--color-link-hover);
text-decoration: underline;
}
a:active, a:focus { outline: none; }
pre { overflow: auto;}
/* GRID */
.w1{ width:1%; }
.w5{ width:5%; }
.w1-24 { width: 4.1667%; }
.w1-12, .w2-24 { width: 8.3333333333%; }
.w10{ width:10%; }
.w1-8, .w3-24 { width: 12.5000%; }
.w15{ width:15%; }
.w1-6, .w2-12, .w4-24 { width: 16.6666666667%; }
.w20, .w1-5{ width:20%; }
.w5-24 { width: 20.8333%; }
.w25, .w1-4, .w3-12, .w6-24{ width:25%; }
.w7-24 { width: 29.1667%; }
.w30{ width:30%; }
.w33, .w1-3, .w4-12, .w8-24 { width: 33.3333333333%; }
.w3-8, .w9-24 { width: 37.5000%; }
.w40, .w2-5 { width: 40%; }
.w5-12, .w10-24 { width: 41.6666666667%; }
.w45{width:45%;}
.w11-24 { width: 45.8333%; }
.w48{width:48%;}
.w50, .w1-2, .w6-12, .w12-24 { width: 50%; }
.w13-24 { width: 54.1667%;}
.w7-12,.w14-24 { width: 58.3333333333%; }
.w60, .w3-5 { width: 60%; }
.w65 {width:65%;}
.w5-8, .w15-24 { width: 62.5000%; }
.w66, .w2-3, .w8-12, .w16-24 { width: 66.6666666667%; }
.w17-24 { width: 70.8333%; }
.w70{width:70%;}
.w3-4, .w9-12, .w18-24 { width: 75%; }
.w19-24 { width: 79.1667%; }
.w80, .w4-5 { width: 80%; }
.w5-6, .w10-12, .w20-24 { width: 83.3333333333%; }
.w7-8, .w21-24 { width: 87.5000%;}
.w90{ width:90%; }
.w11-12, .w22-24 { width: 91.6666666667%;}
.w23-24 { width: 95.8333%; }
.w100, .w5-5, .w24-24, .w12-12 { width: 100%; }
.w100-imp{width:100% !important;}
.w0 {width:0;}
.w30px {width:30px;}
.w40px{width:40px;}
.w50px{width:50px;}
.w70px {width:70px;}
.w100px{width:100px;}
.w110px {width:110px;}
.w150px {width:150px;}
.w190px {width:190px;}
.w200px{width:200px;}
.w215px{width:215px;}
.w230px {width:230px;}
.w270px {width:270px;}
.w300px{width:300px;}
.w310px {width:310px;}
.w350px {width:350px;}
.w370px{width:370px;}
.w390px {width:390px;}
.w400px{width:400px;}
.w430px {width:430px;}
.w470px {width:470px;}
.w500px{width:500px;}
.w510px {width:510px;}
.w550px {width:550px;}
.w590px {width:590px;}
.w600px{width:600px;}
.w630px {width:630px;}
.w670px {width:670px;}
.w710px {width:710px;}
.w750px {width:750px;}
.w790px {width:790px;}
.w830px {width:830px;}
.w870px {width:870px;}
.w910px {width:910px;}
.w950px {width:950px;}
@media screen and (min-width: 500px) {
.w50-lg {width: 50%;}
}
@media screen and (max-width: 500px) {
.w100-sm {width: 100% !important;}
}
.h0{height:0;}
.h30px{height:30px;}
.h40px{height:40px;}
.h50px{height:50px;}
.h75px{ height:75px;}
.h100px{ height:100px;}
.h200px{ height:200px;}
.h300px{ height:300px;}
.h400px{ height:400px;}
.h500px{ height:500px;}
.h600px{ height:600px;}
.h50{height:50%;}
.h75{height:75%;}
.h100{height:100%;}
.max-w-100, .responsive-width {max-width: 100%;}
.max-h-100, .responsive-height {max-height: 100%;}
.min-h-100px{min-height:100px;}
.min-h-200px{min-height:200px;}
.min-h-300px{min-height:300px;}
.min-h-450px{min-height:450px;}
.lr-row {
margin-left: auto;
margin-right: auto;
}
.lr-row:after {
content: "";
display: table;
clear: both;
/* float: none; */
/*overflow: hidden;*/
}
.lr-row .lr-col {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*padding: 0 0.75rem;*/
min-height: 1px;
}
.lr-container {
margin: auto;
padding: 20px;
}
.clearfix { clear: both;}
/*
.clearfix::after {
display: block;
clear: both;
content: "";
}
*/
.lr-float-left, .float-left, .pull-left {float: left;}
.lr-float-right, .float-right, .pull-right {float: right;}
.lr-page-header, .page-header {
border-bottom: 1px solid;
}
.lr-head3 {font-size: 18px;font-weight: bold;}
.lr-head2 {font-size: 24px;font-weight: bold;}
.lr-text-left, .text-left{text-align:left;}
.lr-text-right, .text-right{text-align:right;}
.lr-text-center, .text-center{text-align:center;}
.lr-text-underline, .text-underline{text-decoration:underline;}
.lr-underline-none, .text-underline-none{text-decoration:none;}
.lr-text-bold, .text-bold{font-weight:bold;}
.lr-text-lowercase { text-transform: lowercase !important;}
.lr-text-uppercase { text-transform: uppercase !important;}
.lr-text-capitalize { text-transform: capitalize !important;}
/*
https://bootstrap-4.ru/docs/4.0/utilities/spacing/
*/
.m0 {margin: 0 !important;}
.mt0{ margin-top:0!important}
.mb0 { margin-bottom:0!important}
.mr0 { margin-right:0!important}
.ml0 { margin-left:0!important}
.m-1 { margin:.25rem!important}
.mt-1 { margin-top:.25rem!important}
.mr-1 { margin-right:.25rem!important}
.mb-1 { margin-bottom:.25rem!important}
.ml-1 { margin-left:.25rem!important}
.m-2 { margin:.5rem!important}
.mt-2 { margin-top:.5rem!important}
.mr-2 { margin-right:.5rem!important}
.mb-2 { margin-bottom:.5rem!important}
.ml-2 { margin-left:.5rem!important}
.m-3 { margin:1rem!important}
.mt-3 { margin-top:1rem!important}
.mr-3 { margin-right:1rem!important}
.mb-3 { margin-bottom:1rem!important}
.ml-3 { margin-left:1rem!important}
.m5{margin:5px;}
.m10 { margin: 10px;}
.m20 { margin: 20px;}
.m30 { margin: 30px;}
.m40 { margin: 40px;}
.m50 { margin: 50px;}
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}
.m-auto{margin:auto;}
.p-0, .p0 {padding: 0 !important;}
.pt0 { padding-top: 0;}
.pr0 { padding-right: 0;}
.pb0 { padding-bottom: 0;}
.pl-0 { padding-left:0!important}
.p-1 { padding:.25rem!important}
.pt-1 { padding-top:.25rem!important}
.pr-1 { padding-right:.25rem!important}
.pb-1 { padding-bottom:.25rem!important}
.pl-1 { padding-left:.25rem!important}
.p-2 { padding:.5rem!important}
.pt-2 { padding-top:.5rem!important}
.pr-2 { padding-right:.5rem!important}
.pb-2 { padding-bottom:.5rem!important}
.pl-2 { padding-left:.5rem!important}
.p-3 { padding:1rem!important}
.pt-3 { padding-top:1rem!important}
.pr-3 { padding-right:1rem!important}
.pb-3 { padding-bottom:1rem!important}
.pl-3 { padding-left:1rem!important}
.p5{ padding: 5px;}
.p10{ padding: 10px;}
.p15 { padding: 15px;}
.p20{ padding: 20px;}
.p30 { padding: 30px;}
.p40 { padding: 40px;}
.pt5 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}
.pt60 { padding-top: 60px;}
.pr5 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}
.pb5 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pl5 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
/* SHADOWS */
.lr-shadow-box {
-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.lr-shadow-0 { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);}
.lr-shadow-1 {box-shadow: 0px 1px 3px rgba(0,0,0,0.1), 0px 1px 2px rgba(0,0,0,0.06);}
.lr-shadow-2 {box-shadow: 0px 1px 1px rgba(0,0,0,0.1), 0px 2px 2px rgba(0,0,0,0.08), 0px 4px 4px rgba(0,0,0,0.06), 0px 8px 8px rgba(0,0,0,0.04), 0px 16px 16px rgba(0,0,0,0.02);}
.lr-shadow-3 {box-shadow: 0px 1px 1px rgba(0,0,0,0.02), 0px 2px 2px rgba(0,0,0,0.04), 0px 4px 4px rgba(0,0,0,0.06), 0px 8px 8px rgba(0,0,0,0.08), 0px 16px 16px rgba(0,0,0,0.1);}
.lr-shadow-4 {box-shadow: 0px 1px 1px rgba(0,0,0,0.02), 0px 2px 2px rgba(0,0,0,0.04), 0px 4px 4px rgba(0,0,0,0.06), 0px 8px 8px rgba(0,0,0,0.08), 0px 16px 16px rgba(0,0,0,0.1), 0px 24px 24px rgba(0,0,0,0.12);}
.lr-shadow-5 {box-shadow: 5px 5px #C0C0C0};
.lr-shadow-1-flip {box-shadow: 0px -1px 3px rgba(0,0,0,0.01), 0px -1px 2px rgba(0,0,0,0.06);}
.lr-shadow-1-inset {box-shadow: inset 0px -1px 0px #E9EAEC;}
.lr-shadow-5-inset {box-shadow: inset 0 0 5px #C0C0C0;}
.lr-shadow-bamb {box-shadow: 0px 7px 7px rgba(87, 92, 85, 0.35); }
/* materialize.css */
/* 2dp elevation modified*/
.z-depth-1 {
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.z-depth-1-half {
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
/* 6dp elevation modified*/
.z-depth-2 {
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
/* 12dp elevation modified*/
.z-depth-3 {
-webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
/* 16dp elevation */
.z-depth-4 {
-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}
/* 24dp elevation */
.z-depth-5, .modal {
-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.lr-card {
margin: 5px;
padding: 10px;
border: 1px solid;
box-shadow: 5px 5px silver;
}
.lr-card:hover { box-shadow: 0 0 5px inset;}
/* bootstrap441.css */
.b--shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.b--shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.b--shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
.b--shadow-none { box-shadow: none !important;}
/*
Box-shadow, UIKit
https://3uikit.ru/utility
*/
.uk-box-shadow-small { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}
.uk-box-shadow-medium { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);}
.uk-box-shadow-large { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);}
.uk-box-shadow-xlarge { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);}
/* Hover shadow */
[class*='uk-box-shadow-hover'] { transition: box-shadow 0.1s ease-in-out;}
.uk-box-shadow-hover-small:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);}
.uk-box-shadow-hover-medium:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);}
.uk-box-shadow-hover-large:hover { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);}
.uk-box-shadow-hover-xlarge:hover { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);}
/* Box-shadow bottom */
/*
* 1. Set position.
* 2. Set style
* 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge.
* Solved by using `before` and add position context to child elements.
*/
@supports (filter: blur(0)) {
.uk-box-shadow-bottom {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
}
.uk-box-shadow-bottom::before {
content: '';
/* 1 */
position: absolute;
bottom: -30px;
left: 0;
right: 0;
/* 2 */
height: 30px;
border-radius: 100%;
background: #444;
filter: blur(20px);
}
/* 3 */
.uk-box-shadow-bottom > * {
position: relative;
}
}
.lr-text-shadow { text-shadow: 1px 1px 1px #495057;}
/* PANELS */
.lr-panel {
/*
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
*/
word-wrap: break-word;
/*word-break: break-all;*/
}
.lr-panel-heading {
padding: 10px 15px;
border-bottom: 1px solid #ddd;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.lr-panel-body {
padding: 15px;
word-wrap: break-word;
}
.lr-panel-inline {
margin:5px;
display: inline-block;
vertical-align: top;
word-wrap: break-word;
}
.lr-panel .lr-list-group {
margin: 0 5px;
padding: 5px 5px;
}
/*--------------------- LOAD --------------*/
/* http://dbmast.ru/adaptivnoe-modalnoe-okno-strogo-po-centru */
#modal-wait-window.dm-overlay {
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.65);
display: none;
overflow: auto;
width: 100%;
height: 100%;
z-index: 1000;
}
#modal-wait-window .dm-table {
display: table;
width: 100%;
height: 100%;
}
#modal-wait-window .dm-cell {
display: table-cell;
padding: 0 1em;
vertical-align: middle;
text-align: center;
}
#modal-wait-window .dm-modal {
display: inline-block;
max-width: 50em;
width: 15em;
background-color: #b0c4de;
color: #000;
border-radius: 10px;
padding: 10px 20px;
z-index: 1042;
-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
text-align: center;
}
#modal-wait-window .progress {
position: relative;
height: 20px;
display: block;
width: 100%;
background-color: #fff;
border-radius: 3px;
margin: .5rem 0 1rem 0;
overflow: hidden;
}
#modal-wait-window .progress .determinate {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #2196F3;
-webkit-transition: width .3s linear;
transition: width .3s linear;
}
#modal-wait-window .loader {
border: 1px solid #f3f3f3;
border-top: 16px solid #3498db;
border-radius: 50%;
width: 80px;
height: 80px;
margin: auto;
animation: spin 2s linear infinite;
/*animation: spin 3s alternate infinite;*/
}
#modal-wait-window .loader2 {
border-bottom: 16px solid #1c5a83;
border-top: 16px solid #1c5a83;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*------- SPINNER animations (Bootsrap 4) -------*/
.spinner-border {
display: inline-block;
width: 4rem;
height: 4rem;
vertical-align: -.125em;
/*vertical-align: text-bottom;*/
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: .75s linear infinite spinner-border;
animation: .75s linear infinite spinner-border;
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em;
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite;
}
.spinner-grow-sm {
width: 1rem;
height: 1rem;
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
}
}
/* LIST */
.lr-list > li {
padding-left: 5px;
margin-left: 15px;
}
.lr-list-unstyled > li{ list-style: none !important;}
.lr-list-inline {
padding: 0;
list-style: none;
}
.lr-list-inline > li { display: inline-block;}
.lr-list-group {
padding-left: 5px;
margin-left: 15px;
}
.lr-list-group > li {
/*position: relative;*/
display: block;
/*padding: 10px 15px;*/
margin-bottom: -1px;
/*background-color: #fff;*/
border: 1px solid #ddd;
word-wrap: break-word;
/*word-break: break-all;*/
}
.lr-list-disclosure > li { list-style: disclosure-closed;}
.lr-list-border > li { border: 1px solid;}
.lr-list-striped > li:nth-of-type(2n+1) {
background-color: #dee4ef;
}
.lr-list-striped > li {
padding: 10px 10px;
}
/* FORMS */
/*input[type="range"] {
display: block;
width: 100%;
}*/
.lr-form-control {
display: block;
width: 100%;
/*height: 34px;*/
padding: 10px 20px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-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;
}
/* BUTTONS */
.lr-btn {
display: inline-block;
padding: 10px 15px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
/*line-height: 1.42857143;*/
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
/*
.lr-btn:hover,
.lr-btn:focus {
}
*/
.lr-btn-small{
padding: 5px 10px;
font-size: 12px;
}
.lr-link {cursor: pointer;}
/*
.lr-btn.bg-gradient-primary:hover,
.lr-btn.bg-gradient-primary:focus,
.lr-btn.bg-gradient-primary:active,
.lr-btn.bg-gradient-primary.active,
.lr-btn.bg-gradient-primary.disabled,
.lr-btn.bg-gradient-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.lr-btn.bg-gradient-primary:active,
.lr-btn.bg-gradient-primary.active {
background-color: #003399 \9;
}
*/
.lr-btn-primary:hover, .lr-btn-primary:focus,
.lr-btn-danger:hover, .lr-btn-danger:focus,
.lr-btn-warning:hover, .lr-btn-warning:focus,
.lr-btn-success:hover, .lr-btn-success:focus
{
/*
color: #333333;
text-decoration: none;
*/
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.lr-btn-primary:hover,
.lr-btn-primary:focus,
.lr-btn-primary:active,
.lr-btn-primary.active,
.lr-btn-primary.disabled,
.lr-btn-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.lr-btn-primary:active,
.lr-btn-primary.active {
background-color: #003399 \9;
}
.lr-btn-teal {
color: #fff;
background-color: #269abc;
}
.lr-btn-teal:hover {
background-color: #ff8c00;
color: #000 !important;
}
.lr-btn-teal:focus {
color: #fff !important;
}
.lr-btn-default {
display: inline-block;
color: #333;
background-color: #f5f5f5;
border-color: #ccc;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-image: linear-gradient(to bottom, #fff, #e5e5e5);
background-repeat: repeat-x;
cursor: pointer;
vertical-align: middle;
line-height: 20px;
}
.lr-btn-blue {
background-color: #007bff;
color: #fff;
-webkit-box-shadow: inset 0 36px 38px -38px #fff;
-moz-box-shadow: inset 0 36px 38px -38px #fff;
box-shadow: inset 0 36px 38px -38px #fff;
font-size: 14px;
font-weight: 400;
}
.lr-btn-blue:hover {
background-color: #ff8c00 !important;
color: #000 !important;
}
.lr-btn-blue:focus {
color: #fff !important;
outline: 0;
}
.lr-btn-blue:active:focus { color: #000 !important;}
.lr-btn-blue:active {}
.lr-btn-blue:visited {}
.lr-btn-flat{
padding:10px 20px;
background-color: #55acee;
color:#fff;
box-shadow: 0px 5px 0px #3C93D5;
margin: 5px;
}
.lr-btn-flat:hover {
text-decoration: none;
color:#000;
}
.lr-btn-flat:visited {
text-decoration: none;
}
.lr-btn-flat:focus {
text-decoration: none;
}
.lr-btn-darkblue {
background-color: #004586;
-webkit-box-shadow: inset 0 36px 38px -38px #fff;
-moz-box-shadow: inset 0 36px 38px -38px #fff;
box-shadow: inset 0 36px 38px -38px #fff;
border-color: #3f9cca;
color: #fff;
font-size: 14px;
font-weight: 400;
}
.lr-btn-darkblue:hover {
background-color: #ff8c00;
/*border-color: #ff8c00;*/
color: #000 !important;
}
.lr-btn-darkblue:focus {
color: #fff !important;
}
.lr-btn-greygreen2 {
background-color: #4986a1;
color: #fff;
border-color: #adadad;
}
.lr-btn-greygreen2:hover {
background-color: #65a3be;
color: #fff !important;
border-color: #ccc;
}
.lr-btn-greygreen2.focus, .lr-btn-greygreen2:focus {
color: #fff !important;
border-color: #8c8c8c;
}
/*
.lr-btn.bg-gradient-primary:hover,
.lr-btn.bg-gradient-primary:focus,
.lr-btn.bg-gradient-primary:active,
.lr-btn.bg-gradient-primary.active,
.lr-btn.bg-gradient-primary.disabled,
.lr-btn.bg-gradient-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.lr-btn.bg-gradient-primary:active,
.lr-btn.bg-gradient-primary.active {
background-color: #003399 \9;
}
*/
.lr-btn-primary:hover, .lr-btn-primary:focus,
.lr-btn-danger:hover, .lr-btn-danger:focus,
.lr-btn-warning:hover, .lr-btn-warning:focus,
.lr-btn-success:hover, .lr-btn-success:focus
{
/*
color: #333333;
text-decoration: none;
*/
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.lr-btn-primary:hover,
.lr-btn-primary:focus,
.lr-btn-primary:active,
.lr-btn-primary.active,
.lr-btn-primary.disabled,
.lr-btn-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}
.lr-btn-primary:active,
.lr-btn-primary.active {
background-color: #003399 \9;
}
.lr-btn-teal {
color: #fff;
background-color: #269abc;
}
.lr-btn-teal:hover {
background-color: #ff8c00;
color: #000 !important;
}
.lr-btn-teal:focus {
color: #fff !important;
}
.lr-btn-blue-green {
background-color: #3f9cca;
background: -webkit-linear-gradient(#4cadd4, #3896c5);
background: -o-linear-gradient(#4cadd4, #3896c5);
background: -moz-linear-gradient(#4cadd4, #3896c5);
background: linear-gradient(#4cadd4, #3896c5);
border-color: #4cadd4;
color: #fff;
}
.lr-btn-blue-green:hover {
background: #ff8c00;
/*border-color: #ff8c00;*/
color: #000 !important;
}
.lr-btn-blue-green:focus {
color: #fff !important;
}
.lr-btn-orange {
border-color: #925c23;
color: #694219;
background-color:#f5c489;
background:-webkit-gradient(linear, left top, left bottom, from(#FED99A), to(#ECAE78));
background:-moz-linear-gradient(top, #FED99A, #ECAE78);
background:-o-linear-gradient(top, #FED99A, #ECAE78);
background:linear-gradient(top, #FED99A, #ECAE78);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FED99A', endColorstr='#ECAE78');
}
.lr-btn-orange:hover,
.lr-btn-orange:focus
{
background-color:#f3b871;
background:-webkit-gradient(linear, left top, left bottom, from(#fed081), to(#e9a162));
background:-moz-linear-gradient(top, #fed081, #e9a162);
background:-o-linear-gradient(top, #fed081, #e9a162);
background:linear-gradient(top, #fed081, #e9a162);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed081', endColorstr='#e9a162');
border-color: #925c23;
box-shadow: 0 1px 2px #777;
color: #694219;
}
.lr-btn-orange-m {
background: -webkit-linear-gradient(#ffd862, #ffc30b);
background: -o-linear-gradient(#ffd862, #ffc30b);
background: -moz-linear-gradient(#ffd862, #ffc30b);
background: linear-gradient(#ffb644, #ff9e07);
border-color: #ffb644;
color:#000;
}
.lr-btn-orange-m:focus:not(:disabled):not(.disabled){
border-color: #B36C00;
}
.lr-btn-red {
background: -webkit-linear-gradient(#f27966, #eb4d4d);
background: -o-linear-gradient(#f27966, #eb4d4d);
background: -moz-linear-gradient(#f27966, #eb4d4d);
background: linear-gradient(#f27966, #eb4d4d);
border-color: #f27966;
color:#fff;
}
.lr-btn-red:focus:not(:disabled):not(.disabled){
border-color: #BD1615;
}
.lr-btn-red:hover {
color: #000 !important;
}
.lr-btn-red2 {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
*background-color: #bd362f;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
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(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.lr-btn-green {
background-color: #1bcb49;
background: -webkit-linear-gradient(#4fcb4f, #00b04e);
background: -o-linear-gradient(#4fcb4f, #00b04e);
background: -moz-linear-gradient(#4fcb4f, #00b04e);
background: linear-gradient(#4fcb4f, #00b04e);
border-color: #4fcb4f;
}
.lr-btn-green:focus:not(:disabled):not(.disabled){
border-color: #005C2A;
}
.lr-btn-green2 {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
*background-color: #51a351;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
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(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.lr-btn-green-shadow {
color: #fff;
background-color: #008b8b;
border-color: #008b8b;
-webkit-box-shadow: inset 0 36px 38px -38px #fff;
-moz-box-shadow: inset 0 36px 38px -38px #fff;
box-shadow: inset 0 36px 38px -38px #fff;
font-size: 14px;
font-weight: 400;
/*
display: inline-block;
padding: 10px;
margin: 3px;
*/
/* font-size: 12px; */
/* font-weight: bold; */
/* font-family: Tahoma, Geneva, sans-serif; */
/* font-family: Lobster;*/
/*
line-height: 1.2em;
text-align: center;
text-decoration: none;
vertical-align: middle;
*/
/*
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
*/
}
.lr-btn-green-shadow:hover,
.lr-btn-green-shadow:focus {
color: #000;
/*border-color: #ff8c00;*/
background-color: #ff8c00;
}
.lr-btn-greygreen {
background-color: #6298A5;
color: #fff;
}
.lr-btn-greygreen:hover {
background-color: orange;
color: #000 !important;
}
.lr-btn-greygreen:visited {
color: #fff;
}
.lr-btn-violet-fb {
background-color: #395697;
color: #fff;
}
.lr-btn-violet-fb:hover {
color: #fff;
}
/*
.lr-nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.lr-nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.lr-nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
*/
.lr-nav li a {
display: block;
padding: 10px 15px;
}
.lr-nav li a:focus,
.lr-nav li a:hover {
/*
text-decoration:none;
background-color:#000
*/
}
.lr-nav li a:visited {
color: #337ab7;
}
.lr-nav li a:hover {
background-color: #004586;
color: #fff;
}
.lr-nav li a:focus {
background-color: transparent;
/*color: #fff;*/
color: #337ab7;
border-left: 1px solid #0000fb;
/*outline: none;*/
/*text-decoration:underline;*/
}
.lr-alert, .alert {
padding: 15px;
margin: 3px !important;
border: 1px solid;
border-radius: 4px;
padding: 10px;
}
.lr-alert-warning, .alert-warning {
color: #000;
background-color: #ffb515;
/*border-color: #8a6d3b;*/
border-color: #a0522d;
}
.lr-alert-danger, .alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.lr-alert-info, .alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #0174e9;
}
.lr-alert-success, .alert-success {
color: #fff;
background-color: #00A500;
border-color: #008000;
}
/* LOG panel */
.log-panel {
background-color: #b0c4de;
z-index: 999;
opacity: 0.9;
border-radius: 4px;
min-width: 20%;
}
.log-panel .panel-body{padding: 5px;}
.log-panel span a{
text-decoration:none;
outline: none;
}
#log{
height: 200px;
overflow-y: auto;
}
/*
#btn-clear-log {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
}
*/
#log .alert {
margin-bottom: 0;
padding: 10px;
}
#log p{margin: 0;}
/*====== TEST SUPPORT ===== */
.test-support, .test-support-flex, .test-support-grid {
padding:20px;
text-align:center;
}
.support-flex-false, .support-grid-false {
background-color : #ff7f50 !important;
}
.support-flex-true, .support-grid-true {
background-color : #20ce20 !important;
display:none;
}
/*====== FLEX ===== */
@supports not (display : flex) {}
@supports (display : flex) {
.support-flex-true {
display : block;
}
.support-flex-false {
display : none;
}
.lr-flex, .df{
display:flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
}
.lr-flex-wrap { flex-wrap: wrap;}
.lr-flex-hstart{justify-content:start;}
.lr-flex-left { justify-content: flex-start;}
.lr-flex-center {
-ms-flex-pack: center !important;
justify-content: center;
}
.lr-flex-content-end, .justify-content-end{ justify-content:end; }
.lr-flex-right { justify-content: flex-end;}
.lr-flex-between { justify-content: space-between;}
.lr-flex-around { justify-content: space-around;}
.lr-flex-middle, .lr-flex-vcenter, .align-items-center{
-ms-flex-align: center !important;
align-items: center !important;
}
.lr-flex-top, .lr-flex-v-top{ align-items: start;}
.lr-flex-end, .lr-flex-v-end{ align-items: end;}
.lr-flex-stretch { align-items: stretch;}
.lr-flex-1{flex:1;}
.lr-flex-auto { flex: auto; }
.lr-flex-fill{flex:1 1;}
.lr-flex-basis100 { flex-basis: 100%; }
/*=== flex Direction === */
.lr-flex-row { flex-direction: row;}
.lr-flex-row-reverse { flex-direction: row-reverse;}
.lr-flex-column { flex-direction: column;}
.lr-flex-column-reverse { flex-direction: column-reverse;}
}
/*====== GRID =======*/
@supports not (display: grid) {}
@supports (display: grid) {
.support-grid-true {
display : block;
}
.support-grid-false {
display : none;
}
.lr-grid, .d-grid { display: grid;}
.lr-grid-center {place-items: center;}
.lr-grid-end {place-items: end;}
.lr-grid-col1 { grid-template-columns:repeat(1, minmax(0, 1fr) )}
.lr-grid-col2 { grid-template-columns:repeat(2, minmax(0, 1fr) )}
.lr-grid-col3 { grid-template-columns:repeat(3, minmax(0, 1fr) )}
.lr-grid-col4 { grid-template-columns:repeat(4, minmax(0, 1fr) )}
.lr-grid-col5 { grid-template-columns:repeat(5, minmax(0, 1fr) )}
.lr-grid-col6 { grid-template-columns:repeat(6, minmax(0, 1fr) )}
.lr-grid-col7 { grid-template-columns:repeat(7, minmax(0, 1fr) )}
.lr-grid-col8 { grid-template-columns:repeat(8, minmax(0, 1fr) )}
.lr-grid-col9 { grid-template-columns:repeat(9, minmax(0, 1fr) )}
.lr-grid-col10 { grid-template-columns:repeat(10, minmax(0, 1fr) )}
.lr-grid-col11 { grid-template-columns:repeat(11, minmax(0, 1fr) )}
.lr-grid-col12 { grid-template-columns:repeat(12, minmax(0, 1fr) )}
.lr-grid-col24 { grid-template-columns:repeat(24, minmax(0, 1fr) )}
.lr-gap-0 { grid-gap:0 }
.lr-gap-2 { grid-gap:2px }
.lr-gap-4 { grid-gap:4px }
.lr-gap-5, .lr-gap-small { grid-gap: 5px; }
.lr-gap-6 { grid-gap:6px }
.lr-gap-8 { grid-gap:8px }
.lr-gap-10 { grid-gap:10px }
.lr-gap-12 { grid-gap:12px }
.lr-gap-16 { grid-gap:16px }
.lr-gap-24 { grid-gap:24px }
.lr-gap-32 { grid-gap:32px }
.lr-gap-48 { grid-gap:48px }
.lr-gap-64 { grid-gap:64px }
.lr-grid-flow-col {
grid-auto-flow: column;
}
}
/*====== COLORS ======= */
.color-white, .text-white {color: #fff !important;}
.color-hover-white:hover {color: #fff !important;}
.color-aliceblue, .text-aliceblue {color: #f0f8ff;}
.color-antiquewhite, .text-antiquewhite {color: #faebd7;}
.color-aqua, .text-aqua {color: #00ffff;}
.color-aquamarine, .text-aquamarine {color: #7fffd4;}
.color-azure, .text-azure {color: #f0ffff;}
.color-beige, .text-beige {color: #f5f5dc;}
.color-bisque, .text-bisque {color: #ffe4c4;}
.color-black, .text-black {color: #000000;}
.color-hover-black:hover {color: #000000 !important;}
.color-blanchedalmond, .text-blanchedalmond {color: #ffebcd;}
.color-blue, .text-blue {color: #0000ff;}
.color-blueviolet, .text-blueviolet {color: #8a2be2;}
.color-brown, .text-brown {color: #a52a2a;}
.color-burlywood, .text-burlywood {color: #deb887;}
.color-cadetblue, .text-cadetblue {color: #5f9ea0;}
.color-chartreuse, .text-chartreuse {color: #7fff00;}
.color-chocolate, .text-chocolate {color: #d2691e;}
.color-coral, .text-coral {color: #ff7f50;}
.color-cornflowerblue, .text-cornflowerblue {color: #6495ed;}
.color-cornsilk, .text-cornsilk {color: #fff8dc;}
.color-crimson, .text-crimson {color: #dc143c;}
.color-cyan, .text-cyan {color: #00ffff;}
.color-darkblue, .text-darkblue {color: #00008b;}
.color-darkcyan, .text-darkcyan {color: #008b8b;}
.color-darkgoldenrod, .text-darkgoldenrod {color: #b8860b;}
.color-darkgray, .text-darkgray {color: #a9a9a9;}
.color-grey-d5, .text-grey-d5{color: #D5D5D5;}
.color-darkgreen, .text-darkgreen {color: #006400;}
.color-darkkhaki, .text-darkkhaki {color: #bdb76b;}
.color-darkmagenta, .text-darkmagenta {color: #8b008b;}
.color-darkolivegreen, .text-darkolivegreen {color: #556b2f;}
.color-darkorange, .text-darkorange {color: #ff8c00;}
.color-darkorchid, .text-darkorchid {color: #9932cc;}
.color-text-darkred, .text-darkred {color: #8b0000;}
.color-text-darksalmon, .text-darksalmon {color: #e9967a;}
.color-darkseagreen, .text-darkseagreen {color: #8fbc8f;}
.color-darkslateblue, .text-darkslateblue {color: #483d8b;}
.color-darkslategray, .text-darkslategray {color: #2f4f4f;}
.color-darkturquoise, .text-darkturquoise {color: #00ced1;}
.color-darkviolet, .text-darkviolet {color: #9400d3;}
.color-deeppink, .text-deeppink {color: #ff1493;}
.color-deepskyblue, .text-deepskyblue {color: #00bfff;}
.color-dimgray, .text-dimgray {color: #696969;}
.color-dodgerblue, .text-dodgerblue {color: #1e90ff;}
.color-feldspar, .text-feldspar {color: #d19275;}
.color-firebrick, .text-firebrick {color: #b22222;}
.color-floralwhite, .text-floralwhite {color: #fffaf0;}
.color-forestgreen, .text-forestgreen {color: #228b22;}
.color-fuchsia, .text-fuchsia {color: #ff00ff;}
.color-gainsboro, .text-gainsboro {color: #dcdcdc;}
.color-ghostwhite, .text-ghostwhite {color: #f8f8ff;}
.color-gold, .text-gold {color: #ffd700 !important;}
.color-goldenrod, .text-goldenrod {color: #daa520;}
.color-gray, .text-gray {color: #808080;}
.color-green, .text-green {color: #008000;}
.color-greenyellow, .text-greenyellow {color: #adff2f;}
.color-honeydew, .text-honeydew {color: #f0fff0;}
.color-hotpink, .text-hotpink {color: #ff69b4;}
.color-indianred, .text-indianred {color: #cd5c5c;}
.color-indigo, .text-indigo {color: #4b0082;}
.color-ivory, .text-ivory {color: #fffff0;}
.color-khaki, .text-khaki {color: #f0e68c;}
.color-lavender, .text-lavender {color: #e6e6fa;}
.color-lavenderblush, .text-lavenderblush {color: #fff0f5;}
.color-lawngreen, .text-lawngreen {color: #7cfc00;}
.color-lemonchiffon, .text-lemonchiffon {color: #fffacd;}
.color-lightblue, .text-lightblue {color: #add8e6;}
.color-lightcoral, .text-lightcoral {color: #f08080;}
.color-lightcyan, .text-lightcyan {color: #e0ffff;}
.color-lightgoldenrodyellow, .text-lightgoldenrodyellow {color: #fafad2;}
.color-lightgrey, .text-lightgrey {color: #d3d3d3;}
.color-lightgreen, .text-lightgreen {color: #90ee90;}
.color-lightpink, .text-lightpink {color: #ffb6c1;}
.color-lightsalmon, .text-lightsalmon {color: #ffa07a;}
.color-lightseagreen, .text-lightseagreen {color: #20b2aa;}
.color-lightskyblue, .text-lightskyblue {color: #87cefa;}
.color-lightslateblue, .text-lightslateblue {color: #8470ff;}
.color-lightslategray, .text-lightslategray {color: #778899;}
.color-lightsteelblue, .text-lightsteelblue {color: #b0c4de;}
.color-lightyellow, .text-lightyellow {color: #ffffe0;}
.color-lime, .text-lime {color: #00ff00;}
.color-limegreen, .text-limegreen {color: #32cd32;}
.color-linen, .text-linen {color: #faf0e6;}
.color-magenta, .text-magenta {color: #ff00ff;}
.color-maroon, .text-maroon {color: #800000;}
.color-mediumaquamarine, .text-mediumaquamarine {color: #66cdaa;}
.color-mediumblue, .text-mediumblue {color: #0000cd;}
.color-mediumorchid, .text-mediumorchid {color: #ba55d3;}
.color-mediumpurple, .text-mediumpurple {color: #9370d8;}
.color-mediumseagreen, .text-mediumseagreen {color: #3cb371;}
.color-mediumslateblue, .text-mediumslateblue {color: #7b68ee;}
.color-mediumspringgreen, .text-mediumspringgreen {color: #00fa9a;}
.color-mediumturquoise, .text-mediumturquoise {color: #48d1cc;}
.color-mediumvioletred, .text-mediumvioletred {color: #c71585;}
.color-midnightblue, .text-midnightblue {color: #191970;}
.color-mintcream, .text-mintcream {color: #f5fffa;}
.color-mistyrose, .text-mistyrose {color: #ffe4e1;}
.color-moccasin, .text-moccasin {color: #ffe4b5;}
.color-navajowhite, .text-navajowhite {color: #ffdead;}
.color-navy, .text-navy {color: #000080;}
.color-oldlace, .text-oldlace {color: #fdf5e6;}
.color-olive, .text-olive {color: #808000;}
.color-olivedrab, .text-olivedrab {color: #6b8e23;}
.color-orange, .text-orange {color: #ffa500;}
.color-orangered, .text-orangered {color: #ff4500;}
.color-orchid, .text-orchid {color: #da70d6;}
.color-palegoldenrod, .text-palegoldenrod {color: #eee8aa;}
.color-palegreen, .text-palegreen {color: #98fb98;}
.color-text-paleturquoise , .text-paleturquoise {color: #afeeee;}
.color-palevioletred, .text-palevioletred {color: #d87093;}
.color-papayawhip, .text-papayawhip {color: #ffefd5;}
.color-peachpuff, .text-peachpuff {color: #ffdab9;}
.color-peru, .text-peru {color: #cd853f;}
.color-pink, .text-pink {color: #ffc0cb;}
.color-plum, .text-plum {color: #dda0dd;}
.color-powderblue, .text-powderblue {color: #b0e0e6;}
.color-purple, .text-purple {color: #800080;}
.color-red, .text-red {color: #ff0000;}
.color-rosybrown, .text-rosybrown {color: #bc8f8f;}
.color-royalblue, .text-royalblue {color: #4169e1;}
.color-saddlebrown, .text-saddlebrown {color: #8b4513;}
.color-salmon, .text-salmon {color: #fa8072;}
.color-sandybrown, .text-sandybrown {color: #f4a460;}
.color-seagreen, .text-seagreen {color: #2e8b57;}
.color-seashell, .text-seashell {color: #fff5ee;}
.color-sienna, .text-sienna {color: #a0522d;}
.color-silver,.text-silver {color: #c0c0c0;}
.color-silver-visited:visited{color: #c0c0c0;}
.color-skyblue, .text-skyblue {color: #87ceeb;}
.color-slateblue, .text-slateblue {color: #6a5acd;}
.color-slategray, .text-slategray {color: #708090;}
.color-snow, .text-snow {color: #fffafa;}
.color-springgreen, .text-springgreen {color: #00ff7f;}
.color-steelblue, .text-steelblue {color: #4682b4;}
.color-tan, .text-tan {color: #d2b48c;}
.color-teal, .text-teal {color: #008080;}
.color-thistle, .text-thistle {color: #d8bfd8;}
.color-tomato, .text-tomato {color: #ff6347;}
.color-turquoise, .text-turquoise {color: #40e0d0;}
.color-violet, .text-violet {color: #ee82ee;}
.color-violetred, .text-violetred {color: #d02090;}
.color-wheat, .text-wheat {color: #f5deb3;}
.color-white, .text-white {color: #ffffff;}
.color-whitesmoke, .text-whitesmoke {color: #f5f5f5;}
.color-yellow, .text-yellow {color: #ffff00;}
.color-yellowgreen, .text-yellowgreen {color: #9acd32;}
.color-light-orange{ color: #eee5d5;}
/* BORDERS */
.lr-border-box, .border-box{border: 1px solid;}
.lr-border-bottom, .lr-page-header, .page-header { border-bottom: 1px solid;}
.lr-border-top { border-top: 1px solid;}
.lr-border-right { border-right: 1px solid;}
.lr-border-left { border-right: 1px solid;}
.lr-border-0 { border:0 !important}
.lr-border-top-0 { border-top:0 !important}
.lr-border-right-0 { border-right:0 !important}
.lr-border-bottom-0 { border-bottom:0 !important}
.lr-border-left-0 { border-left:0 !important}
.lr-border-thin { border-width:thin}
.lr-border-medium { border-width:medium}
.lr-border-thick { border-width:thick}
.lr-border-w7 { border-width:7px}
.lr-border-w8 { border-width:8px}
.lr-border-w9 { border-width:9px}
.lr-border-w10 { border-width:10px}
.lr-borders-top-bottom { border-width:medium 0}
.lr-borders-left-right { border-width: 0 medium}
.lr-borders-right-bottom { border-width: 0 medium medium 0}
.lr-borders-right-top { border-width: medium medium 0 0}
.lr-borders-left-bottom { border-width: 0 0 medium medium}
.lr-borders-left-top { border-width: medium 0 0 medium}
/*
http://htmlbook.ru/index.php/css/border-style
*/
.lr-border-style-none{ border-style: none}
.lr-border-style-dotted { border-style: dotted}
.lr-border-style-dashed { border-style: dashed}
.lr-border-style-solid { border-style: solid}
.lr-border-style-double { border-style: double}
.lr-border-style-groove { border-style: groove}
.lr-border-style-ridge { border-style: ridge}
.lr-border-style-inset { border-style: inset}
.lr-border-style-outset{ border-style: outset}
/*
https://bootstrap-4.ru/docs/4.0/utilities/borders/
*/
.border { border: 1px solid #dee2e6;}
.border-top { border-top: 1px solid #dee2e6;}
.border-right { border-right: 1px solid #dee2e6;}
.border-bottom { border-bottom: 1px solid #dee2e6;}
.border-left { border-left: 1px solid #dee2e6;}
.border-0 { border: 0 !important;}
.border-top-0 { border-top: 0 !important;}
.border-right-0 { border-right: 0 !important;}
.border-bottom-0 { border-bottom: 0 !important;}
.border-left-0 { border-left: 0 !important;}
.border-primary { border-color: #007bff !important;}
.border-secondary { border-color: #6c757d !important;}
.border-success { border-color: #28a745 !important;}
.border-info { border-color: #17a2b8 !important;}
.border-warning { border-color: #ffc107 !important;}
.border-danger { border-color: #dc3545 !important;}
.border-light { border-color: #f8f9fa !important;}
.border-dark { border-color: #343a40 !important;}
.border-white { border-color: #fff !important;}
.rounded { border-radius:.5rem!important}
.rounded-sm { border-radius:1rem!important}
.rounded-md { border-radius:2rem!important}
.rounded-lg { border-radius:3rem!important}
.rounded-top {
border-top-left-radius:1rem!important;
border-top-right-radius:1rem!important
}
.rounded-right {
border-top-right-radius:1rem!important;
border-bottom-right-radius:1rem!important
}
.rounded-right-top, .rounded-top-right, .rounded-rt {
border-top-right-radius:1rem!important;
}
.rounded-right-bottom, .rounded-bottom-right, .rounded-rb{
border-bottom-right-radius:1rem!important
}
.rounded-bottom {
border-bottom-right-radius:1rem!important;
border-bottom-left-radius:.1rem!important
}
.rounded-left {
border-top-left-radius:1rem!important;
border-bottom-left-radius:1rem!important
}
.rounded-left-top, .rounded-top-left, .rounded-lt{
border-top-left-radius:1rem!important;
}
.rounded-left-bottom, .rounded-bottom-left, .rounded-lb{
border-bottom-left-radius:1rem!important
}
.rounded-circle { border-radius:50%!important}
.rounded-pill { border-radius:50rem!important}
.rounded-0 { border-radius:0!important}
.lr-radius-0 { border-radius:0;}
.lr-radius-4 { border-radius:4px;}
.lr-radius-5, .lr-border-radius5, .lr-border-round-small { border-radius:5px;}
.lr-radius-top-small {
border-top-left-radius:10px!important;
border-top-right-radius:10px!important
}
.lr-radius-6 { border-radius:6px;}
.lr-radius-8 { border-radius:8px;}
.lr-radius-10, .lr-border-round { border-radius:10px;}
.lr-radius-12 { border-radius:12px;}
.lr-radius-15 { border-radius:15px;}
.lr-radius-16 { border-radius:16px;}
.lr-radius-20 { border-radius:20px;}
.lr-radius-30 { border-radius:30px;}
/* Background, border colors */
/*
https://cpalettes.com/color/03aea6
https://www.omiod.com/colors/?rgb=d0ccd5
*/
.color-blue-b6{color:#6082B6;}
.bg-blue-b6{background-color:#6082B6;}
.border-blue-b6 {border-color: #6082B6;}
.color-black-23{color:#242423;}
.bg-black-23{background-color:#242423;}
.border-black-23{border-color:#242423}
.color-white-fb{color:#FBFBFB;}
.bg-white-fb{background-color:#FBFBFB;}
.border-white-fb{border-color:#FBFBFB}
.color-grey-7b{ color:#7D7D7B;}
.bg-grey-7b{background-color:#7D7D7B;}
.border-grey-7b{border-color:#7D7D7B}
.bg-lightgreen-bcd{ background-color: #bcdcc8;}
.bg-lightgreen-aab{ background-color: #aabbaa;}
.bg-lightgreen-ccd{ background-color: #ccddcc;}
.bg-gray-44{ background-color: #445566;}
.bg-red-brown-6d{ background-color: #6d6263;}
.bg-gray-4c{ background-color: #4c5d64;}
.bg-green-6d{ background-color: #6d7861;}
.bg-cyan-bluish-gray{ background-color: #abb8c3;}
.bg-pale-pink{ background-color: #f78da7;}
.bg-vivid-red{ background-color: #cf2e2e;}
.bg-luminous-vivid-orange{ background-color: #ff6900; }
.bg-luminous-vivid-amber{ background-color: #fcb900; }
.bg-light-green-cyan{ background-color: #7bdcb5; }
.bg-vivid-green-cyan{ background-color: #00d084; }
.bg-pale-cyan-blue{ background-color: #8ed1fc; }
.bg-vivid-cyan-blue{ background-color: #0693e3; }
.bg-vivid-purple{ background-color: #9b51e0; }
.gradient--vivid-cyan-blue-to-vivid-purple{ background: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); }
.gradient--light-green-cyan-to-vivid-green-cyan{ background: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); }
.gradient--luminous-vivid-amber-to-luminous-vivid-orange{ background: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); }
.gradient--luminous-vivid-orange-to-vivid-red{ background: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); }
.gradient--very-light-gray-to-cyan-bluish-gray{ background: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); }
.gradient--cool-to-warm-spectrum{ background: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); }
.gradient--blush-light-purple{ background: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); }
.gradient--blush-bordeaux{ background: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); }
.gradient--luminous-dusk{ background: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); }
.gradient--pale-ocean{ background: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); }
.gradient--electric-grass{ background: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); }
.gradient--midnight{ background: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); }
.bg-cyan10 { background-color: #00b7c3;}
.bg-cyan20 { background-color: #038387;}
.bg-cyan30 { background-color: #005b70;}
.bg-cyan40 { background-color: #005e50;}
.bg-cyan-blue20 { background-color: #004e8c;}
.bg-cyan-blue10 { background-color: #0078d4;}
.border-cyan-blue10 { border-color: #0078d4;}
.bg-blue10 { background-color: #4f6bed;}
.bg-egyptian-blue { background-color: #1034A6;}
.bg-blue-magenta40 { background-color: #373277;}
.bg-blue-magenta30 { background-color: #5c2e91;}
.bg-blue-magenta20 { background-color: #8764b8;}
.bg-blue-magenta10 { background-color: #8378de;}
.bg-magenta20 { background-color: #881798;}
.bg-magenta10 { background-color: #c239b3;}
.bg-magenta-pink20 { background-color: #9b0062;}
.bg-magenta-light, .bg-magenta-pink10 { background-color: #e3008c;}
.bg-theme-tertiary { background-color: #71afe5;}
.bg-theme-lighter-alt { background-color: #eff6fc;}
.bg-yellow-ms { background-color: #ffb900;}
.bg-yellow-light { background-color: #fff100;}
.bg-orange-ms { background-color: #d83b01;}
.bg-orange-light { background-color: #ea4300;}
.bg-red-dark { background-color: #a80000;}
.bg-red-ms { background-color: #e81123;}
.bg-magenta-dark { background-color: #5c005c;}
.bg-magenta-ms { background-color: #b4009e;}
.bg-purple-dark { background-color: #32145a;}
.bg-purple-ms { background-color: #5c2d91;}
.bg-purple-light { background-color: #b4a0ff;}
.bg-blue-dark { background-color: #002050;}
.bg-blue-mid { background-color: #00188f;}
.bg-blue-light { background-color: #00bcf2;}
.bg-teal-dark { background-color: #004b50;}
.bg-teal-ms { background-color: #008272;}
.bg-teal-light { background-color: #00b294;}
.bg-green-dark { background-color: #004b1c;}
.bg-green-ms { background-color: #107c10;}
.bg-green-light { background-color: #bad80a;}
.bg-brown3 { background-color: #600000;}
.bg-cyan2 { background-color: #1aebff;}
.bg-dark-purple4 { background-color: #37006e;}
.bg-blue-shade30 { background-color: #004578;}
.border-blue-shade30 {border-color: #004578;}
.bg-blue-shade20 { background-color: #005a9e;}
.border-blue-shade20 {border-color: #004578;}
.bg-blue-shade10 { background-color: #106ebe;}
.border-blue-shade10 {border-color: #106ebe;}
.bg-blue-tint10 { background-color: #2b88d8;}
.border-blue-tint10 {border-color: #2b88d8;}
.bg-blue-tint20 { background-color: #c7e0f4;}
.border-blue-tint20 {border-color: #c7e0f4;}
.bg-blue-tint30 { background-color: #deecf9;}
.border-blue-tint30 {border-color: #deecf9;}
.bg-blue-tint40 { background-color: #eff6fc;}
.border-blue-tint40 {border-color: #eff6fc;}
.bg-success2 { background-color: #dff6dd;}
.bg-warning2 { background-color: #fff4ce;}
.bg-severe-warning { background-color: #fed9cc;}
.bg-error { background-color: #fde7e9;}
.bg-info{ background-color: #45a3ba; }
.bg--secondary{ background-color: #9194a1; }
.bg--secondary-1{ background-color: #f7f7f8; }
.bg--secondary-2{ background-color: #e9eaec; }
.bg--secondary-3{ background-color: #d3d4d9; }
.bg--secondary-4{ background-color: #bbbcc4; }
.bg--secondary-5{ background-color: #9194a1; }
.bg--secondary-6{ background-color: #686c7d; }
.bg--secondary-7{ background-color: #454754; }
.bg--secondary-8{ background-color: #2b2d36; }
.bg--secondary-9{ background-color: #0e0e0f; }
.bg--primary{ background-color: #0a87c2; }
.bg--primary-1{ background-color: #e7f3f9; }
.bg--primary-2{ background-color: #b6dbed; }
.bg--primary-3{ background-color: #85c3e1; }
.bg--primary-4{ background-color: #54abd4; }
.bg--primary-5{ background-color: #0a87c2; }
.bg--primary-6{ background-color: #075f88; }
.bg--primary-7{ background-color: #054461; }
.bg--primary-8{ background-color: #03283a; }
.bg--primary-9{ background-color: #010d13; }
.bg-success{ background-color: #409990; }
.bg--success{ background-color: #3baf18; }
.bg--success-1{ background-color: #e6fbd0; }
.bg--success-2{ background-color: #c7f7a1; }
.bg--success-3{ background-color: #9ce770; }
.bg--success-4{ background-color: #72cf4a; }
.bg--success-5{ background-color: #3baf18; }
.bg--success-6{ background-color: #269610; }
.bg--success-7{ background-color: #167c0c; }
.bg--success-8{ background-color: #0a6508; }
.bg--success-9{ background-color: #055308; }
.bg-warning{ background-color: #ea5600; }
.bg--warning{ background-color: #ffaf2d; }
.bg--warning-1{ background-color: #fff6d4; }
.bg--warning-2{ background-color: #fff5bc; }
.bg--warning-3{ background-color: #fff2a1; }
.bg--warning-4{ background-color: #ffd660; }
.bg--warning-5{ background-color: #ffaf2d; }
.bg--warning-6{ background-color: #ff8719; }
.bg--warning-7{ background-color: #c15a0d; }
.bg--warning-8{ background-color: #782e04; }
.bg--warning-9{ background-color: #290c00; }
.bg--danger{ background-color: #f23218; }
.bg--danger-1{ background-color: #fde7e4; }
.bg--danger-2{ background-color: #fab8af; }
.bg--danger-3{ background-color: #f78879; }
.bg--danger-4{ background-color: #f45843; }
.bg--danger-5{ background-color: #f23218; }
.bg--danger-6{ background-color: #bc200b; }
.bg--danger-7{ background-color: #861708; }
.bg--danger-8{ background-color: #500e05; }
.bg--danger-9{ background-color: #1b0502; }
.bg-turquoise4{ background-color: #009b9b !important;}
.bg-turquoise5{ background-color: #006b6b !important;}
.bg-turquoise6 { background-color: #1abc9c;}
.bg-obscure-dull-cyan{ background-color: #006666 !important;}
.bg-dark-green-blue{ background-color: #006633;}
.bg-turquoise8{ background-color: #00848c;}
.bg-turquoise9{ background-color: #66cc99;}
.bg-steel-grey{ background-color: #53687c !important;}
.bg-pale-rose-c5{ background-color: #d3c5be !important;}
.bg-pale-rose1{/* comp-books.css */
background-color: #D3C5BE !important;
}
.bg-grey-d5{ background-color: #D5D5D5;}
.bg-grey-6D{ background-color: #6D6D6D;}
.color-grey-6D {color: #6D6D6D;}
.lr-border-grey-6D {border-color: #6D6D6D;}
.bg-grey1{ /* comp-books.css */
background-color: #404050;
}
.bg-grey2{ /* comp-books.css */
background-color: #5E789C;
}
.bg-grey3{ background-color: #2C3F66;}
.bg-grey4{ /* comp-books.css */
background-color: #5A5963;
}
.bg-grey5{/*css.html*/
background-color: #475570;
}
.bg-grey6{/* dm-modal */
background-color: #607d8b;
}
.bg-grey7{/* pamyat-naroda.ru */
background-color: #567793;
}
.bg-raven{ background-color: #727B89;}
.bg-grey-w { background-color:#5D7896;}
.color-grey-w {color: #5D7896;}
.lr-border-grey {border-color: #5D7896;}
.bg-grey-suva { background-color:#9a8c89;}
.color-grey-suva {color: #9a8c89 !important;}
.lr-border-grey-suva {border-color: #9a8c89;}
.bg-grey-cyprus { background-color:#003333;}
.color-grey-cyprus {color: #003333 !important;}
.lr-border-grey-cyprus {border-color: #003333;}
.bg-dark-gray{ background-color: #222222 !important;}
.bg-light-gray{ background-color: #999999 !important;}
.bg-metallic{ background-color: #bebebe;}
.color-metallic {color: #bebebe;}
.lr-border-metallic {border-color: #bebebe;}
.bg-hover-metallic:hover{
color: #000000;
background-color: #bebebe;
}
.bg-gunmetal{ background-color: #2a3439;}
.color-gunmetal {color: #2a3439;}
.bg-grey-c8{ background-color: #333340 !important;}
.bg-grey-c9{ background-color: #70708c !important;}
.bg-purple1{ background-color: #9999CC !important;}
.bg-purple2{background-color: #6f42c1;}
.bg-light-violet1{ background-color: #cecefa !important;}
.bg-light-violet2{ background-color: #e6e6ff !important;}
.bg-violet1{ background-color: #99c !important;}
.bg-violet2{ background-color: rgb(200, 200, 250) !important;}
.bg-dark-violet{ background-color: #021859 !important;}
.bg-aliceblue {background-color: #f0f8ff;}
.bg-antiquewhite {background-color: #faebd7;}
.bg-aqua {background-color: #00ffff;}
.bg-aquamarine {background-color: #7fffd4;}
.bg-azure {background-color: #f0ffff;}
.bg-light-azure {background-color: #55acee;}
.bg-azure2 {background-color: #3C93D5;}
.bg-beige {background-color: #f5f5dc;}
.bg-bisque {background-color: #ffe4c4;}
.bg-black {background-color: #000000;}
.lr-border-black{border-color: #000;}
.lr-border-black li {border-color: #000;}
.bg-black-hsl {background-color: hsl(210,8%,5%);}
.bg-hover-black:hover,
.lr-nav-black li a:hover {
background-color: #000 !important;
color: #fff;
}
.bg-black-children * { background-color: #000; }
/*
.lr-nav-black li a:visited {
color: #337ab7;
}
.lr-nav-black li a:focus {
background-color: transparent !important;
color: #337ab7;
}
*/
.bg-black-025 {background-color: #fafafb;}
.bg-black-025-hsl {background-color: hsl(210,8%,97.5%);}
.bg-black-050 {background-color: #eff0f1;}
.bg-black-050-hsl {background-color: hsl(210,8%,95%);}
.bg-black-075 {background-color: #e4e6e8;}
.bg-black-075-hsl {background-color: hsl(210,8%,90%);}
.bg-black-100 {background-color: #d6d9dc;}
.bg-black-100-hsl {background-color: hsl(210,8%,85%);}
.bg-black-150 {background-color: #c8ccd0;}
.bg-black-150-hsl {background-color: hsl(210,8%,80%);}
.bg-black-200 {background-color: #bbc0c4;}
.bg-black-200-hsl {background-color: hsl(210,8%,75%);}
.bg-black-300 {background-color: #9fa6ad;}
.bg-black-300-hsl {background-color: hsl(210,8%,65%);}
.bg-black-350 {background-color: #9199a1;}
.bg-black-350-hsl {background-color: hsl(210,8%,60%);}
.bg-black-400 {background-color: #848d95;}
.bg-black-400-hsl {background-color: hsl(210,8%,55%);}
.bg-black-500 {background-color: #6a737c;}
.color-black-500 {color: #6a737c !important;}
.lr-border-black-500 {border-color: #6a737c;}
.bg-black-500-hsl {background-color: hsl(210,8%,45%);}
.bg-black-russian { background-color:#1B1C33;}
.color-black-russian {color: #1B1C33 !important;}
.lr-border-black-russian {border-color: #1B1C33;}
.bg-black-600 {background-color: #535a60;}
.bg-black-600-hsl {background-color: hsl(210,8%,35%);}
.bg-black-700 {background-color: #3c4146;}
.bg-black-700-hsl {background-color: hsl(210,8%,25%);}
.bg-black-750 {background-color: #2f3337;}
.bg-black-750-hsl {background-color: hsl(210,8%,20%);}
.bg-nero { background-color:#232323;}
.color-nero {color: #232323 !important;}
.lr-border-nero {border-color: #232323;}
.bg-black-800 {background-color: #242729;}
.bg-black-800-hsl {background-color: hsl(210,8%,15%);}
.bg-black-900 {background-color: #0c0d0e;}
.bg-black-900-hsl {background-color: hsl(210,8%,5%);}
.bg-blanchedalmond {background-color: #ffebcd;}
.bg-green-slack { background-color: #53b388; }
.bg-blue-ariel { background-color: #5a69a9; }
.bg-blue-ariel2 { background-color: #50869e; }
.bg-pink-aurora { background-color: #c26468; }
.bg-light-purple2 { background-color: #bf7cc7; }
/* BLUE, DARKBLUE */
.bg--blue { background-color: hsl(206,100%,40%);}
.bg--blue-050 { background-color: hsl(206,100%,97%);}
.bg--blue-100 { background-color: hsl(206,96%,90%);}
.bg--blue-200 { background-color: hsl(206,93%,83.5%);}
.bg--blue-300 { background-color: hsl(206,90%,69.5%);}
.bg--blue-400 { background-color: hsl(206,85%,57.5%);}
.bg--blue-500 { background-color: hsl(206,100%,52%);}
.bg--blue-600 { background-color: hsl(206,100%,40%);}
.bg--blue-700 { background-color: hsl(209,100%,37.5%);}
.bg--blue-800 { background-color: hsl(209,100%,32%);}
.bg--blue-900 { background-color: hsl(209,100%,26%);}
.bg-blue-050 { background-color: #f2f9ff;}
.bg-blue-100 { background-color: #cfeafe;}
.bg-blue-200 { background-color: #addafc;}
.bg-blue-300 { background-color: #6cbbf7;}
.bg-blue-400 { background-color: #379fef;}
.bg-blue-500 { background-color: #0095ff;}
.bg-blue-550 { background-color: #007bff;}
.bg-blue-600 { background-color: #0077cc;}
.bg-blue-700 { background-color: #0064bd;}
.bg-blue-800 { background-color: #0054a3;}
.bg-blue-900 { background-color: #004487;}
.bg-color-blue {background-color: #0000ff;}
.lr-border-blue {border-color: #0000ff;}
.lr-border-blue li {border-color: #0000ff;}
.bg-blueviolet {background-color: #8a2be2;}
.bg-blue089 { background-color:#003089;}
.bg-prussian-blue { background-color:#003153;}
.color-prussian-blue {color: #003153 !important;}
.lr-border-prussian-blue {border-color: #003153;}
.bg-prussian-blue2 { background-color:#003B70;}
.color-prussian-blue2 {color: #003B70 !important;}
.lr-border-prussian-blue2 {border-color: #003B70;}
.bg-prussian-blue3 { background-color:#003163;}
.color-bg-prussian-blue3 {color: #003163 !important;}
.lr-border-bg-prussian-blue3 {border-color: #003163;}
.bg-darkblue-green { background-color:#055c80;}
.bg-blue13 { background-color:#3d5afe;}
.bg-blue15 { background-color:#5a5eff;}
.bg-blue17{ background-color:#7cc0de;}
.bg-blue100 { background-color:#00c1d5;}
.bg-grayishblue { background-color:#C7D5EC;}
.bg-blue1395 { background-color:#3950C9;}
.bg-very-dark-blue { background-color:#130040;}
.bg-blue73 { background-color:#1e73be;}
.bg-lightblue-ef { background-color:#b1d0ef;}
.bg-mediumblue-light { background-color:#4e86bf;}
.bg-columbia-blue { background-color:#9fcfff;}
.color-columbia-blue {color: #9fcfff !important;}
.lr-border-columbia-blue {border-color: #9fcfff;}
.bg-paleblue { background-color:#def;}
.bg-blue196 { background-color:#196e9c; }
.bg-blue60 { background-color:#0060a0;}
.bg-blue-b { background-color:#17568c !important;} /*joomla dmin*/
.bg-light-blue-a { background-color: #9bb4d5;}
.bg-light-blue-darken-4 { background-color: #01579b !important;} /* materialize.css */
.bg-light-blue-darken-40 { background:#0061A0; }
.bg-blue68 { background-color:#074e68;}
.bg-blue12 { background-color:#2f96b4;}
.bg-cadetblue {background-color: #5f9ea0;}
.bg-cornflowerblue {background-color: #6495ed;}
.bg-pale-cornflower-blue {background-color: #abcdef;}
.bg-darkblue {/*Диаграмма 1*/
background-color: #004586 !important;
}
.bg-dark-blue {background-color: #00008b;}
.bg-darkblue3{ background-color: #0e1f40 !important;}
.bg-darkblue4{ background-color: #062237 !important;}
.bg-darkblue5{ background-color: #153449 !important;}
.bg-darkblue-tango{ background-color: #0c253c !important;}
.bg-darkblue-tango2{ background-color: #001b33 !important;}
.bg-darkblue-project{ background-color: #082844;}
.bg-darkblue-m { background-color:#2B3956;}
.color-darkblue-m {color: #2B3956 !important;}
.lr-border-darkblue {border-color: #2B3956;}
.bg-darkblue-gray{ background-color: #335566;}
.bg-midnightblue2 { background-color:#000040;}
.color-midnightblue2 {color: #000040 !important;}
.lr-border-midnightblue {border-color: #000040;}
.bg-tropaz { background-color:#335280;}
.color-tropaz {color: #335280 !important;}
.lr-border-tropaz {border-color: #335280;}
.bg-very-darkblue{ background-color: #001B33;}
.bg-darkblue-a{ background-color: #002168;}
.bg-darkblue-sea{ background-color: #004262;}
.bg-medium-blue { background-color: #5f99cf;}
.bg-facebook-blue { background-color: #3C5A99;}
.bg-dark-blue-lib { background-color: #45557a;}
.bg-dark-blue-a { background-color: #003aaa;}
.bg-dark-blue-v { background-color: #040053;} /* vodmir */
.bg-lightblue1 {/*Диаграмма 12*/
background-color: #0084d1 !important;
}
.bg-lightblue2 {/*Диаграмма 6*/
background-color: #083caf !important;
}
.bg-lightblue3 {/*bootstrap 2 primary ???*/
background-color: #6aa6c0 !important;
}
.bg-lightblue4 {/* video.css*/
background-color: #C9E0ED !important;
}
.bg-lightblue5 {/* video.css*/
background-color: #BBD8E9 !important;
}
.bg-lightblue-v {/* vodmir */
background-color: #d2e1f9 !important;
}
.bg-steelblue {background-color: #4682b4;}
.bg-lightsteelblue {background-color: #b0c4de;}
.bg-steelblue1{ background-color: #4682b4 !important;}
.bg-lightsteelblue2{ /* comp-books.css */
background-color: #83A0C5 !important;
}
.bg-lightsteelblue3{ background-color: #3b5a6f !important;}
.bg-lightsteelblue4{ background-color: #b6cfed !important;}
.bg-lightsteelblue5{ background-color: #77a2cf !important;}
.bg-lightsteelblue6{ background-color: #C7D5EC !important;}
.bg-lightsteelblue7{ background-color: #AABAD5 !important;}
.bg-lightsteelblue8{ background-color: #AFC6DB !important;}
.bg-grey-blue { background-color: #5a819d !important;}
.bg-blue-grey-900 {/*c1*/
background-color: #315570 !important;
}
.bg-blue-grey-200 { background-color: #8CAAB5 !important}
.bg-blue-grey-100{ background-color: #cfdfe6 !important;}
.bg-lightblue-grey { background-color: #e6e6ff !important;}
.bg-pale-dull-azure{ background:#99CCFF !important;}
.bg-hover-blue:hover{
color: #99CCFF !important;
background-color: #0000ff !important;
}
.lr-nav-blue > li > a:hover {
background-color: ##0000ff !important;
color: #99CCFF;
}
.bg-hover-lightblue:hover{
color: #0000ff !important;
background-color: #99CCFF !important;
}
.lr-nav-lightblue > li > a:hover {
background-color: #99CCFF !important;
color: #0000ff;
}
.bg-lightskyblue1{ background-color: #87cefa !important;}
.bg-sky-blue5{ background-color: #006699 !important;}
.bg-sky-blue66{ background-color: #003366 !important;}
.bg-sky-blue-a{ background-color: #007dfd;}
.bg-sky-blue{ background-color: #00ccff !important;}
.bg-sky-blue2{ background-color: #3399ff !important;}
.bg-sky-blue3{ background-color: #6699cc !important;}
.bg-sky-blue4{ /*selection*/
background-color: #0174e9 !important;
}
.bg-sky-blue5{ /*wordpress header*/
background-color: #1e73be !important;
}
.bg-sky-blue6 {/*css.html*/
background-color: #0088FF !important;
}
.bg-sky-blue7 { background-color: #5bc0de !important;}
.bg-sky-blue8{ background-color: #336699 !important;}
.bg-sky-blue10{ background-color: #99ccff !important;}
.bg-blue{ background-color: #3498db !important;}
.bg-blue1{/*css.html*/
background-color: #0000bb !important;
}
.bg-blue2{/*bookmarks.html*/
background-color: #006b9b !important;
}
.bg-blue4{ background-color: #337ab7 !important;}
.bg-blue5{ background-color: #000099 !important;}
.bg-blue8{ background-color: #669999 !important;}
.bg-blue9{ background-color: #99cccc !important;}
.bg-blue-c3{/* c4 */
background-color: #269abc !important;
}
.bg-blue-sky2{ background-color: #3465a4 !important;}
.bg-deepskyblue {background-color: #00bfff;}
.bg-dodgerblue {background-color: #1e90ff;}
.lr-border-dodgerblue{border-color: #1e90ff;}
.lr-border-dodgerblue li {border-color: #1e90ff;}
.bg-blue-h {background-color: #5A819D;}
.bg-light-cyan-azure {background-color: #33ccff;}
.bg-brown {background-color: #a52a2a;}
.bg-brown1e {background-color: #1e1e1e}
.bg-brown2e {background-color: #2e2e2e}
.bg-brown30 { background-color:#bf864e; }
.bg-coffee { background-color:#706555; }
.bg-coffee2 { background-color:#5F3D26; }
.bg-coffee3 { background-color:#795D4C; }
.bg-coffee-bean { background-color:#2A140E; }
.bg-tea { background-color:#923c01; }
.bg-tea2 { background-color:#440808; }
.bg-red-brown {background-color: #5A2000;}
.bg-sealbrown { background-color:#3A160E;}
.color-sealbrown {color: #3A160E !important;}
.lr-border-brown, .lr-border-sealbrown {border-color: #3A160E;}
.bg-burlywood {background-color: #deb887;}
.bg-chocolate {background-color: #d2691e;}
.bg-coral {background-color: #ff7f50;}
.bg-cornsilk {background-color: #fff8dc;}
.bg-crimson {background-color: #dc143c;}
.bg-cyan {background-color: #00ffff;}
.lr-border-cyan { border-color:#00ffff;}
.lr-border-cyan li { border-color: #00ffff;}
.bg-greencyan {background-color: #17a2b8;}
.bg-cyan3 {background-color: #159fd2;}
.lr-border-cyan3 { border-color:#159fd2;}
.lr-border-cyan3 li { border-color: #159fd2;}
.bg-darkcyan {background-color: #008b8b;}
.bg-darkgoldenrod {background-color: #b8860b;}
.bg-darkgray {background-color: #a9a9a9;}
.bg-darkgrey-term {background-color: #073642;}
.bg-darkgreen {background-color: #006400;}
.bg-darkkhaki {background-color: #bdb76b;}
.bg-darkmagenta {background-color: #8b008b;}
.bg-darkolivegreen {background-color: #556b2f;}
.bg-darkorchid {background-color: #9932cc;}
.bg-darksalmon {background-color: #e9967a;}
.bg-darkseagreen {background-color: #8fbc8f;}
.bg-darkslateblue {background-color: #483d8b;}
.bg-darkslateblue2 {background-color: #3d5396;}
.bg-darkslategray, .bg-darkslategrey {background-color: #2f4f4f;}
.bg-darkturquoise {background-color: #00ced1;}
.bg-darkviolet {background-color: #9400d3;}
.bg-deeppink {background-color: #ff1493;}
/* Raspberry (color) https://en.wikipedia.org/wiki/Raspberry_(color) */
.bg-raspberry {background-color: #E30B5C;}
.bg-dimgray {background-color: #696969;}
.bg-feldspar {background-color: #d19275;}
.bg-firebrick {background-color: #b22222;}
.bg-floralwhite {background-color: #fffaf0;}
.bg-forestgreen {background-color: #228b22;}
.bg-fuchsia {background-color: #ff00ff;}
.bg-gainsboro {background-color: #dcdcdc;}
.bg-ghostwhite {background-color: #f8f8ff;}
.bg-gold {background-color: #ffd700;}
.bg-goldenrod {background-color: #daa520;}
.bg-gold2 { background-color: #ffcc01;}
.bg-gold3 { background-color: #fff4d1;}
.bg-gold4 { background-color: #f1b600;}
.bg-gold5 { background-color:#FFD201;}
.color-gold5 {color: #FFD201 !important;}
.lr-border-gold {border-color: #FFD201;}
.bg--gold { background-color: hsl(48,100%,50%);}
.bg--gold-lighter { background-color: hsl(48,100%,91%);}
.bg--gold-darker { background-color: hsl(45,100%,47%);}
.bg-bronze { background-color: #caa789;}
.bg-bronze2 { background-color: #f2e9e1;}
.bg-bronze3 { background-color: #ab825f;}
.bg--bronze { background-color: hsl(28,38%,67%);}
.bg--bronze-lighter { background-color: hsl(28,40%,92%);}
.bg--bronze-darker { background-color: hsl(28,31%,52%);}
.bg-coffee-ae { background-color: #ae9e88;}
.color-coffee {color: #ae9e88;}
.lr-border-coffee {border-color: #ae9e88;}
/*Оттенки серого цвета*/
.bg-dark-blue-gray{ background-color: #334455 !important;}
.bg-blue-gray{ background-color: #203040;}
.bg-blue-gray2 { background-color:#DEE7EF;}
.color-blue-gray {color: #DEE7EF !important;}
.lr-border-blue-gray {border-color: #DEE7EF;}
.bg-lightgrey {background-color: #d3d3d3;}
.bg-lightgrey-b {background-color: #DEE2DE;}/*busybox.net*/
.bg-lightgrey-e { background-color: #e9edf0;}
.bg-very-lightgrey {background-color: #E0E0E0;}
.bg-lightgray { background-color: #eee;}
.bg-gray220 { background-color: #11100f;}
.border-gray220 { border-color: #11100f;}
.bg-gray210 { background-color: #161514;}
.border-gray210 { border-color: #161514;}
.bg-gray200 { background-color: #1b1a19;}
.border-gray200 { border-color: #1b1a19;}
.bg-gray190 { background-color: #201f1e;}
.bg-gray180 { background-color: #252423;}
.bg-gray170 { background-color: #292827;}
.bg-gray160 { background-color: #323130;}
.bg-gray150 { background-color: #3b3a39;}
.bg-gray151 { background-color: #393939;}
.bg-gray140 { background-color: #484644;}
.bg-gray130 { background-color: #605e5c;}
.bg-gray131 { background-color: #69797e;}
.bg-gray120 { background-color: #797775;}
.bg-gray121 { background-color: #7a7574;}
.bg-gray110 { background-color: #8a8886;}
.bg-gray {background-color: #808080;}
.bg-gray100 { background-color: #979593;}
.bg-gray90 { background-color: #a19f9d;}
.bg-gray91 { background-color: #a0aeb2;}
.bg-gray80 { background-color: #b3b0ad;}
.bg-gray70 { background-color: #bebbb8;}
.bg-gray60 { background-color: #c8c6c4;}
.bg-gray50 { background-color: #d2d0ce;}
.bg-gray40 { background-color: #e1dfdd;}
.bg-gray30 { background-color: #edebe9;}
.bg-gray20 { background-color: #f3f2f1;}
.bg-gray10 { background-color: #faf9f8;}
.bg-grey-BF { background-color:#BFBFBF;} /*Серый, #BFBFBF */
.bg-steely { background-color:#AFAFAF;} /*Стальной, #AFAFAF */
.bg-silvery { background-color:#CECECE;} /*Серебристый, #CECECE */
.bg-pearl { background-color:#C7D0CC;} /*Перламутровый, #C7D0CC */
.bg-plumbic { background-color:#798081;} /*:Свинцовый, #798081 */
.bg-grey-mouse { background-color:#9E9E9E;} /*:Мышиный, #9E9E9E */
.bg-anthracite { background:#303030;} /*:Антрацитовый, #303030 */
.bg-dove-colored { background:#79A0C1;} /*Сизый*/
.bg-greentea { background-color:#CADABA;} /*Серо-зелёный чай, #CADABA */
.bg-grey5050 { background-color:#505050;} /*:Мокрый асфальт,#505050 */
.bg-grey-carbon46 { background-color:#464646;} /*:Угольный,#464646 */
.bg-greyD53 { background-color:#4D5D53;} /*:Фельдграу,#4D5D53 */
/* GREEN */
.bg-green {background-color: #008000;}
.lr-border-green{border-color: #008000;}
.lr-border-green li {border-color: #008000;}
.bg-hover-green:hover{
color: #ffd700 !important;
background-color: #008000 !important;
}
.lr-scrollbar-green{ scrollbar-color: #94C356 rgba(87, 92, 85, 0.15);}
.bg-greenyellow {background-color: #adff2f;}
.bg-green-025 { background-color: #eef8f1;}
.bg-green-050 { background-color: #dcf0e2;}
.bg-green-100 { background-color: #cae8d4;}
.bg-green-200 { background-color: #a6d9b7;}
.bg-green-300 { background-color: #82ca9a;}
.bg-green-400 { background-color: #5eba7d;}
.bg-green-450 { background-color: #28a745;}
.bg-green-500 { background-color: #48a868;}
.bg-green-600 { background-color: #3d8f58;}
.bg-green-700 { background-color: #2f6f44;}
.bg-green-800 { background-color: #29603b;}
.bg-green-900 { background-color: #1e472c;}
.bg--green { background-color: hsl(140,40%,55%);}
.bg--green-025 { background-color: hsl(140,42%,95%);}
.bg--green-050 { background-color: hsl(140,40%,90%);}
.bg--green-100 { background-color: hsl(140,40%,85%);}
.bg--green-200 { background-color: hsl(140,40%,75%);}
.bg--green-300 { background-color: hsl(140,40%,65%);}
.bg--green-400 { background-color: hsl(140,40%,55%);}
.bg--green-500 { background-color: hsl(140,40%,47%);}
.bg--green-600 { background-color: hsl(140,40%,40%);}
.bg--green-700 { background-color: hsl(140,41%,31%);}
.bg--green-800 { background-color: hsl(140,40%,27%);}
.bg--green-900 { background-color: hsl(140,40%,20%);}
.bg-green1c { background-color:#ccffff;}
.bg-blackgreen5033 { background-color:#225033;}
.bg-blackgreen { background:#21301f;}
.bg-very-dark-green{ background:#004000;}
.bg-very-dark-green2{ background:#072F07;}
.bg-darkgreen4216 { background-color:#1a4216;}
.bg-green-90 { background-color:#90D389;}
.bg-green-78 { background-color:#38d878;}
.bg-green-de3 { background-color:#f0fde3;}
.bg-green-cfd { background-color:#cfdfcc;}
.bg-green-d8 { background-color:#d8efe0;}
.bg-green-11 { background-color:#238f11;}
.bg-green-7f { background-color:#d9ee7f;}
.bg-green-4e { background-color:#a9bf4e;}
.bg-green-1e { background-color:#E3EFB1;}
.bg-green170 { background-color:#70D14E;}
.bg-vivid-very-light-green{ background-color: #f8fff0; border:1px solid #009900;}/* Drupal info alert */
.bg-lightgreen-d{ background-color: #bbee77;}/* Drupal info alert */
.bg-lightgreen-t{ background-color: #94db8a;}/* landing */
.bg-lightgreen-w{ background-color: #d1e4dd}/* wordpress, dmin */
.bg-lightgreen-b{ background-color: #dde7e9 !important}/* bitrix, admin */
.bg-lightgreen-p{ background-color: #e6f0e5 !important}
.bg-lightgreen-s { background-color:#DDFFDD;}
.color-lightgreen-s {color: #DDFFDD !important;}
.lr-border-lightgreen {border-color: #DDFFDD;}
.bg-green-5f { background-color:#E5F2C0;}
.bg-gamboge { background-color:#e5ad00;}
.color-gamboge {color: #e5ad00 !important;}
.lr-border-gamboge {border-color: #e5ad00;}
.bg-green-54 { background-color:#0C9E54;}
.bg-green-F00 { background-color:#66FF00;} /* Ярко-зелёный, #66FF00 */
.bg-chartreuse {background-color: #7fff00;} /*Шартрёз, #7FFF00 */
.bg-yellowchartreuse { background:#DFFF00;} /*Жёлтый шартрез, #DFFF00 */
.bg-greenyellow2 { background:#ADFF2F;} /*Жёлто-зелёный, #ADFF2F */
.bg-greenyellow3 { background:#BFFF00;} /*Лайм, #BFFF00 */
.bg-green-17 { background-color:#7BA05B;} /* Спаржа, #7BA05B */
.bg-green-66 { background-color:#78866B;} /* Защитный, #78866B */
.bg-green-ACE { background-color:#ACE1AF;} /*Серо-зелёный, #ACE1AF */
.bg-green-emerald { background-color:#50C878;} /*Изумрудный, #50C878 */
.bg-green-fern { background-color:#4F7930;} /*:Папоротник, #4F7930 */
.bg-green-45 { background-color:#465945;} /*:Серая спаржа, #465945 */
.bg-green-86 { background-color:#00A86B;} /*Жадеитовый цвет,Желтовато-зелёный, #00A86B */
.bg-green-40 { background-color:#40826D;} /*:Виридиан, #40826D */
.bg-moss-FAD { background-color:#ADDFAD;} /*Мох, #ADDFAD */
.bg-blackgreen214 { background-color:#21421E;} /*:Мирт, #21421E */
.bg-green-pear { background-color:#D1E231;} /*Груша, #D1E231 */
.bg-greenpine { background-color:#01796F;} /*:Сосна,#01796F */
.bg-green-57 { background-color:#2E8B57;} /*:Морская зелень, #2E8B57 */
.bg-green-spring { background-color:#00FF7F;} /*Весенняя зелень, #00FF7F */
.bg-green-swamp { background-color:#ACB78E;} /*Болотная зелень, #ACB78E */
.bg-green-tea { background-color:#D0F0C0;} /*Зелёный чай,#D0F0C0 */
.bg-green-tea2 { background-color:#ecfbcf;}
.bg-forestgrren-22 { background-color:#228B22;} /*:Лесная зелень, #228B22 */
.bg-green-3F { background-color:#3FFF00;} /*Harlequin, #3FFF00 */
.bg-green-008 { background-color:#008000;} /*:Office green, #008000 */
.bg-green-89 { background-color:#D1E189;} /*Lime pulp,#D1E189 */
.bg-green-hunter { background-color:#355E3B;} /*:Охотничий,Hunter_green, #355E3B */
.bg-green-500 { background-color:#00A500;} /*:Ярко-зелёный с желтоватым отливом, #00A500 */
.bg-green-shamrock { background-color:#009E60;} /*:Трилистник, #009E60 */
.bg-green-islamic { background-color:#009900;} /*:Мусульманский,Islamic_green, #009900 */
.bg-persian-green { background:#00A693;} /*:Персидский зелёный, #00A693 */
/*https://cpalettes.com/color/03aea6*/
.bg-persian-green2 { background:#03AEA6;}
.bg-color-test14D5D53 { background:#4D5D53;} /*:Фельдграу, #4D5D53 */
.bg-lawngreen {background-color: #7cfc00;}
.bg-lightseagreen {background-color: #20b2aa;}
.bg-mediumspringgreen {background-color: #00fa9a;}
.bg-mediumseagreen {background-color: #3cb371;}
.bg-lime {background-color: #00ff00;}
.bg-limegreen {background-color: #32cd32;} /*Лаймовый, Lime_Green, #32CD32 */
.bg-light-weak-yellow { background:#cccc99;}
.bg-bluegreen{ background-color: #006666;}
.bg-bluegreen2{ background-color: #336666 !important;}
.bg-darkgreen{/* gitlab header */
background-color: #0d4524 !important;
}
.bg-darkgreen2{/* windows7 desktop */
background-color: #094546 !important;
}
.bg-darkgreen2{/* windowsXP desktop */
background-color: #003200 !important;
}
.bg-green-lime{/* video.css */
background-color: #98FB98 !important;
}
.bg-lightgreen{ background-color: #d9ead3 !important;}
.bg-lightgreen2 {background-color: #bee4ce;}
.bg-lightgreen3 {background-color: #90ee90;}
.bg-light-green4 {background-color: #99e657;}
.bg-palegreen2{ background-color: #99cc99 !important;}
.bg-palegreen3{/*www.neberitrubku.ru/nomer-telefona/*/
background-color: #cfd9db !important;
}
.bg-palegreen-b{ background-color: #d3ead5;}
.bg-green-grass1{ background-color: #9c9 !important;}
.bg-green-grass2{/* gitlab button, bg */
background-color: #1aaa55 !important;
}
.bg-green-grass3{/* gitlab button, border */
background-color: #18a050 !important;
}
.bg-grey-green{ background-color: #c6d6de !important;}
.bg-grey-green2{ background-color: #607d8b !important;}
.bg-grey-green3{ background-color: #dae9ea !important;}
.bg-grey-green-abba{/* book_Rods */
background-color: #abbabb !important;
}
.bg-grey-green4{
background-color: #e6eaec !important;
}
.bg-dark-greygreen { background:#324f5a; }
.bg-grey-green5{ background-color: #BEDFE4 !important;}
.bg-palegrey-green{ background-color: #f0f3f6 !important;}
.bg-teal {background-color: #008080;}
.lr-border-teal{border-color: #008080;}
.lr-border-teal li {border-color: #008080;}
.bg-hover-teal:hover,
.lr-nav-teal > li > a:hover {
background-color: #008080 !important;
color: #fff;
}
.bg-teal2 {background-color: #20c997;}
.bg-vivid-teal { background:#00B8D9;}
.bg-dark-teal { background-color: #003438;}
.bg-medium-teal { background-color: #65a3be;}
.bg-teal-b {background-color: #018fbc;}
.bg-hotpink {background-color: #ff69b4;}
.bg-indianred {background-color: #cd5c5c;}
.bg-indigo {background-color: #4b0082;}
.bg-indigo2 {background-color: #6610f2;}
.bg-ivory {background-color: #fffff0;}
.bg-khaki {background-color: #f0e68c;}
.bg-khaki-desktop {background-color: #7E735F;}/* win10, desktop color*/
.bg-moss {background-color: #486860;}/* win10, desktop color*/
.bg-sea-desktop {background-color: #038387;}/* win10, desktop color*/
.bg-mint {background-color: #018574;}/* win10, desktop color*/
.bg-lavender {background-color: #e6e6fa !important;}
.bg-lavenderblush {background-color: #fff0f5 !important;}
.bg-lavender-h {background-color: #C9C6D3 !important;}/* lib body color*/
.bg-lavender-bff { background-color:#cbcbff;}
.bg-lavender-ccf { background-color:#ccf;}
.bg-lemonchiffon {background-color: #fffacd;}
.bg-lightblue {background-color: #add8e6;}
.bg-lightcoral {background-color: #f08080;}
.bg-lightcyan {background-color: #e0ffff;}
.bg-lightgoldenrodyellow {background-color: #fafad2;}
.bg-lightpink {background-color: #ffb6c1;}
.bg-lightsalmon {background-color: #ffa07a;}
.bg-lightskyblue {background-color: #87cefa;}
.bg-lightslateblue {background-color: #8470ff;}
.bg-lightslategray {background-color: #778899;}
.bg-lightyellow {background-color: #ffffe0;}
.bg-linen {background-color: #faf0e6;}
.bg-magenta {background-color: #ff00ff;}
.bg-mediumaquamarine {background-color: #66cdaa;}
.bg-mediumblue {background-color: #0000cd;}
.bg-mediumorchid {background-color: #ba55d3;}
.bg-mediumpurple {background-color: #9370d8;}
.bg-mediumslateblue {background-color: #7b68ee;}
.bg-mediumturquoise {background-color: #48d1cc;}
.bg-mediumvioletred {background-color: #c71585;}
.bg-midnightblue {background-color: #191970;}
.bg-mintcream {background-color: #f5fffa;}
.bg-honeydew {background-color: #f0fff0;}
.bg-mistyrose {background-color: #ffe4e1;}
.bg-moccasin {background-color: #ffe4b5;}
.bg-navajowhite {background-color: #ffdead;}
.bg-navy {background-color: #000080;}
.bg-oldlace {background-color: #fdf5e6;}
.bg-olive {background-color: #808000;}
.bg-olivedrab, .bg-olivegray {background-color: #6b8e23;}/*:Оливково-серый, #6B8E23 */
.bg-orchid {background-color: #da70d6;}
.bg-palegoldenrod {background-color: #eee8aa;}
.bg-palegreen {background-color: #98fb98;}
.bg-paleturquoise {background-color: #afeeee;}
.bg-palevioletred {background-color: #d87093;}
.bg-papayawhip {background-color: #ffefd5;}
.bg-peachpuff {background-color: #ffdab9;}
.bg-peru {background-color: #cd853f;}
.bg-pink {background-color: #ffc0cb;}
.bg-pink2 {background-color: #e83e8c;}
.bg-pink-icq {background-color: rgb(232,133,146);} /*#eb8592 */
.bg-sweet-pink {background-color: rgb(232,146,133);} /*#EB9285 */
.bg-plum {background-color: #dda0dd;}
.bg-powderblue {background-color: #b0e0e6;}
.bg-powderblue-light {background-color:#d1ecf1;}
.bg-purple {background-color: #800080;}
.bg-rebeccapurple{background-color: #639;}
.bg-powder-050 { background-color: #f4f8fb;}
.bg-powder-100 { background-color: #e1ecf4;}
.bg-powder-200 { background-color: #d1e5f1;}
.bg-powder-300 { background-color: #b3d3ea;}
.bg-powder-400 { background-color: #a0c7e4;}
.bg-powder-500 { background-color: #7aa7c7;}
.bg-powder-600 { background-color: #5b8db1;}
.bg-powder-700 { background-color: #39739d;}
.bg-powder-800 { background-color: #2c5777;}
.bg-powder-900 { background-color: #1e3c52;}
.bg--powder { background-color: hsl(205,46%,92%);}
.bg--powder-050 { background-color: hsl(205,47%,97%);}
.bg--powder-100 { background-color: hsl(205,46%,92%);}
.bg--powder-200 { background-color: hsl(205,53%,88%);}
.bg--powder-300 { background-color: hsl(205,57%,81%);}
.bg--powder-400 { background-color: hsl(205,56%,76%);}
.bg--powder-500 { background-color: hsl(205,41%,63%);}
.bg--powder-600 { background-color: hsl(205,36%,53%);}
.bg--powder-700 { background-color: hsl(205,47%,42%);}
.bg--powder-800 { background-color: hsl(205,46%,32%);}
.bg--powder-900 { background-color: hsl(205,46%,22%);}
/* ORANGE */
.bg-orange {background-color: #ffa500;}
.bg-orangered {background-color: #ff4500;}
.bg-orange1 { background-color: #ff950e !important;}
.bg-orange2 { background-color: #ffb515 !important;}
.bg-orange-tango { background-color: #e09d00 !important;}
.bg-orange3 { background-color: #ffa500 !important;}
.bg-orange4 {/* video.css*/
background-color: #FECD90 !important;
}
.bg-orange5 { background-color: #E9B96E;}
.bg-amber { background-color: #FFC000;}
.color-amber { color: #FFC000;}
.bg-amber2 { background-color: #FFC600;}
.lr-border-amber, .border-amber{border-color: #FFC000;}
.lr-border-amber li {border-color: #FFC000;}
.lr-nav-amber li a:hover, .bg-hover-amber:hover {
background-color: #FFC000;
color: #000000;
background-image: none;
}
.bg--orange { background-color::hsl(27,90%,55%);}
.bg--orange-050 { background-color: hsl(27,100%,97%);}
.bg--orange-100 { background-color: hsl(27,95%,90%);}
.bg--orange-200 { background-color:hsl(27,90%,83%);}
.bg--orange-300 { background-color:hsl(27,90%,70%);}
.bg--orange-400 { background-color:hsl(27,90%,55%);}
.bg--orange-500 { background-color:hsl(27,90%,50%);}
.bg--orange-600 { background-color:hsl(27,90%,45%);}
.bg--orange-700 { background-color:hsl(27,90%,39%);}
.bg--orange-800 { background-color:hsl(27,87%,35%);}
.bg--orange-900 { background-color:hsl(27,80%,30%);}
.bg-orange-050 { background-color: #fff7f2;}
.bg-orange-100 { background-color: #fee3cf;}
.bg-orange-200 { background-color: #fcd0ad;}
.bg-orange-300 { background-color: #f7aa6d;}
.bg-orange-400 { background-color: #f48024;}
.bg-orange-450 { background-color: #fd7e14;}
.bg-orange-500 { background-color: #f2720c;}
.bg-orange-600 { background-color: #da670b;}
.bg-orange-700 { background-color: #bd5c00;}
.bg-orange-800 { background-color: #a35200;}
.bg-orange-900 { background-color: #874600;}
.bg-light-orange {background-color: #EDD4A0;}
.bg-light-orange2 {background-color: #EAE2D3;}
.bg-light-orange3 {background-color: #cac2b1;}/* Thor bg */
.bg-light-orange4 {background-color: #f2eadb;}
.bg-light-orange-ee{ background-color: #eee5d5;}
.bg-vivid-orange { background-color: #ffaa00;}
.bg-vivid-orange2 {background-color: #FFB515;}
.bg-vivid-orange3 {background-color: #FFAC19;}
.bg-vivid-orange5 { background:#ffac00; }
.bg-vivid-orange4 {background-color: #fedab8;}
/* win10, desktop color, light-orange*/
.bg-golden, .bg-darkorange {background-color: #ff8c00;}
.bg-darkorange2 { background:#f89406;}
.bg-hover-orange:hover{
color: #000 !important;
background-color: #f89406 !important;
}
.bg-darkorange-b { background-color:#FF8000;}
.color-darkorange {color: #FF8000 !important;}
.lr-border-darkorange {border-color: #FF8000;}
/* RED */
.bg-red-636 { background-color: #e32636;}
.bg-red-e52 { background-color: #e52b50;}
.bg-red-33e { background-color: #ff033e;}
.bg-red-050 { background-color: #fdf3f4;}
.bg-red-100 { background-color: #f9d3d7;}
.bg-red-200 { background-color: #f4b4bb;}
.bg-red-300 { background-color: #e87c87;}
.bg-red-400 { background-color: #de535e;}
.bg-red-450 { background-color: #dc3545;}
.bg-red-500 { background-color: #d1383d;}
.bg-red-600 { background-color: #c02d2e;}
.bg-red-700 { background-color: #ac2726;}
.bg-red-800 { background-color: #942121;}
.bg-red-900 { background-color: #7a1819;}
.bg--red { background-color: hsl(358,62%,52%);}
.bg--red-050 { background-color: hsl(358,75%,97%);}
.bg--red-100 { background-color: hsl(358,76%,90%);}
.bg--red-200 { background-color: hsl(358,74%,83%);}
.bg--red-300 { background-color: hsl(358,70%,70%);}
.bg--red-400 { background-color: hsl(358,68%,59%);}
.bg--red-500 { background-color: hsl(358,62%,52%);}
.bg--red-600 { background-color: hsl(358,62%,47%);}
.bg--red-700 { background-color: hsl(358,64%,41%);}
.bg--red-800 { background-color: hsl(358,64%,35%);}
.bg--red-900 { background-color: hsl(358,67%,29%);}
.bg-maroon {background-color: #800000;}
.lr-border-maroon{border-color: #800000;}
.lr-border-maroon li {border-color: #800000;}
.bg-hover-maroon:hover {
background-color: #800000 !important;
color: #fff;
}
.bg-darkred {background-color: #8b0000;}
.bg-very-darkred {background-color: #2F0709;}
.bg-marlboro-red {background-color: #C80000;}
.bg-red {background-color: #ff0000;}
.bg-red-children * { background-color: #ff0000; }
.lr-border-red{border-color: #f00;}
.lr-border-red li {border-color: #f00;}
.bg-hover-red:hover,
.lr-nav-red > li > a:hover {
background-color: #800000 !important;
color: #ffd700;
}
/*
.lr-nav-red > li > a,
.lr-nav-red > li > a:visited{
color: #b22222;
}
.lr-nav-red > li > a:focus {
background-color: transparent;
color: #337ab7 !important;
border: none;
}
*/
.bg-red-scarlet{ background-color: #ff2400;}
.bg-lightred-t{ background-color: #cec1bc;}/* landing */
.bg-lilac{ background-color: #C8A2C8;}
.bg-red-817 { background:#E23817;}
.bg-red-f00 { background:#de4f00;}
.bg-red-62f { background:#bd362f;}
.bg-tomato {background-color: #ff6347;}
.bg-rosybrown {background-color: #bc8f8f;}
.bg-royalblue {background-color: #4169e1;}
.bg-saddlebrown {background-color: #8b4513;}
.bg-saddlebrown2 {background-color: #945913;}
.bg-salmon {background-color: #fa8072;}
.bg-sandybrown {background-color: #f4a460;}
.bg-seagreen {background-color: #2e8b57;}
.bg-seashell {background-color: #fff5ee;}
.bg-sienna {background-color: #a0522d;}
.bg-silver {background-color: #c0c0c0;}
.lr-border-silver, .border-silver, .lr-border-silver li { border-color: #c0c0c0 !important;}
.bg-lightsilver {background-color: #e9e9e9;}
.bg-silver-f1 {background-color: #f1f1f1;}
.bg-silver-f7 {background-color: #f7f7f7;}
.bg-silver2 { background-color: #b4b8bc;}
.bg-silver3 { background-color: #e8e8e8;}
.bg-silver4 { background-color: #9a9c9f;}
.bg--silver { background-color: hsl(210,6%,72%);}
.bg--silver-lighter { background-color: hsl(0,0%,91%);}
.bg--silver-darker { background-color: hsl(210,3%,61%);}
.bg-skyblue {background-color: #87ceeb;}
.bg-slateblue {background-color: #6a5acd;}
.bg-slateblue2 {background-color: #5843C2;}
.color-slateblue2 {color: #5843C2 !important;}
.lr-border-slateblue2 {border-color: #5843C2;}
.bg-slategray {background-color: #708090;}
.bg-snow {background-color: #fffafa;}
.bg-springgreen {background-color: #00ff7f;}
.bg-tan {background-color: #d2b48c;}
.bg-thistle {background-color: #d8bfd8;}
.bg-turquoise {background-color: #40e0d0;}
.bg-violet {background-color: #ee82ee;}
.bg-hover-violet:hover{
color: #fff;
background-color: #A777B2;
background-image: none;
border: 1px solid transparent;
}
.text-hover-violet:hover,
.text-hover-violet:hover a {
color: #A777B2;
}
.bg-violetred {background-color: #d02090;}
.bg-wheat {background-color: #f5deb3;}
.bg-white {background-color: #ffffff !important;}
.lr-border-white, .border-white{border-color: #fff !important;}
.lr-border-white li { border-color: #fff;}
.bg-hover-white:hover{
color: #000000;
background-color: #fff;
background-image: none;
}
.bg-white-children * { background-color: #fff; }
.bg-whitesmoke {background-color: #f5f5f5;}
.bg-whitesmoke2 {background-color: #f4f6f2;}
/* YELLOW */
.bg-yellow-050 { background-color: #fdf7e3;}
.bg-yellow-100 { background-color: #fbf2d4;}
.bg-yellow-200 { background-color: #f1e5bc;}
.bg-yellow-300 { background-color: #e6d178;}
.bg-yellow-400 { background-color: #e9c63f;}
.bg-yellow-500 { background-color: #ddb624;}
.bg-yellow-600 { background-color: #cea51b;}
.bg-yellow-700 { background-color: #b89516;}
.bg-yellow-800 { background-color: #9f8010;}
.bg-yellow-900 { background-color: #826a0b;}
.bg--yellow { background-color: hsl(47,83%,91%);}
.bg--yellow-050 { background-color: hsl(47,87%,94%);}
.bg--yellow-100 { background-color: hsl(47,83%,91%);}
.bg--yellow-200 { background-color: hsl(47,65%,84%);}
.bg--yellow-300 { background-color: hsl(47,69%,69%);}
.bg--yellow-400 { background-color: hsl(47,79%,58%);}
.bg--yellow-500 { background-color: hsl(47,73%,50%);}
.bg--yellow-600 { background-color: hsl(47,76%,46%);}
.bg--yellow-700 { background-color: hsl(47,79%,40%);}
.bg--yellow-800 { background-color: hsl(47,82%,34%);}
.bg--yellow-900 { background-color: hsl(47,84%,28%);}
.bg-yellow {background-color: #ffff00;}
.lr-border-yellow {border-color:#ffff00;}
.bg-yellowgreen {background-color: #9acd32;}
.bg-yellowgreen2 { background:#b2c27a;}
.lr-border-yellowgreen {border-color:#9acd32;}
.lr-border-yellowgreen li { border-color: #9acd32;}
.lr-nav-yellowgreen li a {color: #ffffff !important;}
.bg-hover-yellowgreen:hover, .lr-nav-yellowgreen li a:hover { background-color: #9acd32 !important;}
.lr-nav-yellowgreen li a:visited {color: #daa520;}
.lr-nav-yellowgreen li a:focus { color: #ffd700;}
.bg-yellow-F00 { background:#FFDF00;}
.bg-vivid-light-yellow{ background:#fffbe1;}
.bg-yellow1 { background-color: #ffd320 !important;}
.bg-yellow2 { background-color: #ffcc00 !important;}
.bg-yellow3 { background-color: #ffc107 !important;}
.bg-yellow-pre, .bg-pre { background-color: #fff7d7}
.bg-red-brown-2f { background-color: #2f0606 !important;}
.bg-red-pink { background-color: #a68caa !important;}
.bg-color-test12A3443 { background:#2A3443;}
.bg-color-test1242E3B { background:#242E3B;}
.bg-light-beige { background:#efc8b1; }
.bg-middlebrown { background:#bf794e; }
.bg-peach2 { background:#efd0b1; }
.bg-matte-white{background-color:#f2f3f4;}
.bg-white-d5{background-color:#ffefd5;}
.bg-white-cream{background-color:#fffdd0;}
.bg-white-blond{background-color:#faf0be;}
.bg-vanilla{background-color:#f3e5ab;}
.bg-rosy-af{background-color:#ebc2af;}
.bg-almond{background-color:#efdecd;}
.bg-yellow-flax{background-color:#eedc82;}
.bg-yellow-peach{background-color:#fadfad;}
.bg-peach-b4{background-color:#ffe5b4;}
.bg-pale-yellow{background-color:#f0dc82;}
.bg-old-gold{background-color:#cfb53b;}
.bg-brown-chestnut{background-color:#986960;}
.bg-darkcoral{background-color:#cd5b45;}
.bg-copper{background-color:#b87333;}
.bg-orange-rose{background-color:#ff9966;}
.bg-carrot{background-color:#ed9121;}
.bg-orange-ff99{background-color:#ff9900;}
.bg-darkmandarin{background-color:#ffa812;}
.bg-brown-7722{background-color:#cc7722;}
.bg-orange-0f{background-color:#e49b0f;}
.bg-orange-ba00{background-color:#ffba00;}
.bg-orange-430{background-color:#f4c430;}
.bg-amber-bf00{background-color:#ffbf00;}
.bg-mustard{background-color:#ffdb58;}
.bg-corn{background-color:#fbec5d;}
.bg-lemon{background-color:#fde910;}
.bg-yellow-d800{background-color:#ffd800;}
.bg-deeporange { background:#CCA96E; }
.bg-brown-c3 { background-color:#e0e0c3;}
.bg-brown-c2 { background-color:#ead9c2;}
.bg-brown-e2 { background-color:#f1ebe2;}
.bg-color-test1707070 { background:#707070;}
.bg-color-test13f3f3f { background:#3f3f3f;}
.bg-color-test1666 { background:#666;}
.bg-brown-49b { background-color:#beb49b;}
.bg-nugget { background-color:#BE8F1C;}
.color-nugget {color: #BE8F1C !important;}
.lr-border-nugget {border-color: #BE8F1C;}
.bg-brown-b3 { background-color:#d8c8b3;}
.bg-concrete { background-color:#f3f3f3;}
/* https://www.omiod.com/colors/?rgb=d0ccd5 */
.bg-light-purple { background:#D0CCD5}/*.film_description*/
.bg-yellowgreen { background:#D0CCA5;}/*.film_roles*/
.bg-color-test1dedddf { background:#dedddf;}
.bg-color-test1c6c3c6 { background:#c6c3c6;}
.bg-color-test1c6c3c6 { background:#c6c3c6;}
.bg-color-test1gb7766 { background:rgb(77,66,90); }
.bg-color-test1gb7792 { background:rgb(77,92,106); }
.bg-color-test14D425A { background:#4D425A; }
.bg-dark-purple1 { background:#2E1441;}
.bg-dark-purple2 { background:#41013D;}
.bg-dark-purple3 { background:#580C61;}
.bg-color-test14f5a6e { background:#4f5a6e;}
.bg-color-test1D5DBE1 { background:#D5DBE1;}
.bg-color-test1a7adbc { background:#a7adbc;}
.bg-color-test145557a { background:#45557a;}
.bg-peach { background-color: #ffcc99;}
.bg-green-sea { background-color: #16a085;}
.bg-emerald { background-color: #2ecc71;}
.bg-nephritis { background-color: #27ae60;}
.bg-peter-river { background-color: #3498db;}
.bg-belize-hole { background-color: #2980b9;}
.bg-amethyst { background-color: #9b59b6;}
.bg-wisteria { background-color: #8e44ad;}
.bg-wet-asphalt { background-color: #34495e;}
.bg-midnight-blue { background-color: #2c3e50;}
.bg-sun-flower { background-color: #f1c40f;}
.bg-orange-f { background-color: #f39c12;}
.bg-carrot { background-color: #e67e22;}
.bg-pumpkin { background-color: #d35400;}
.bg-alizarin { background-color: #e74c3c;}
.bg-pomegranate { background-color: #c0392b;}
.bg-clouds { background-color: #ecf0f1;}
.bg-silver-f { background-color: #bdc3c7;}
.bg-concrete-f { background-color: #95a5a6;}
.bg-asbestos { background-color: #7f8c8d;}
/* Gradients */
.bg-gradient-blue { /*.mobapp-btn.blue.registr*/
background: -webkit-linear-gradient(#7fbeea, #5ba2d3);
background: -o-linear-gradient(#7fbeea, #5ba2d3);
background: -moz-linear-gradient(#7fbeea, #5ba2d3);
background: linear-gradient(#7fbeea, #5ba2d3);
border-color: #7fbeea;
}
.bg-gradient-blue2 {
background: rgb(67,151,209);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzOTdkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmI4ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(67,151,209,1) 0%, rgba(102,184,230,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,151,209,1)), color-stop(100%,rgba(102,184,230,1)));
background: -webkit-linear-gradient(top, rgba(67,151,209,1) 0%,rgba(102,184,230,1) 100%);
background: -o-linear-gradient(top, rgba(67,151,209,1) 0%,rgba(102,184,230,1) 100%);
background: -ms-linear-gradient(top, rgba(67,151,209,1) 0%,rgba(102,184,230,1) 100%);
background: linear-gradient(to bottom, rgba(67,151,209,1) 0%,rgba(102,184,230,1) 100%);
-webkit-box-shadow: inset 0 1px 2px #12b3db, 0 1px 2px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 1px 2px #12b3db, 0 1px 2px rgba(255, 255, 255, 0.3);
color: #273362;
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.65);
}
.bg-gradient-blue3 {
background: -webkit-linear-gradient(-45deg,#0080bc,#00619a,#00295a,#004479);
background: -o-linear-gradient(-45deg,#0080bc,#00619a,#00295a,#004479);
background: -moz-linear-gradient(-45deg,#0080bc,#00619a,#00295a,#004479);
background: linear-gradient(-45deg,#0080bc,#00619a,#00295a,#004479);
}
.bg-gradient-blue-green {
background-color: #3f9cca;
background: -webkit-linear-gradient(#4cadd4, #3896c5);
background: -o-linear-gradient(#4cadd4, #3896c5);
background: -moz-linear-gradient(#4cadd4, #3896c5);
background: linear-gradient(#4cadd4, #3896c5);
border-color: #4cadd4;
}
.bg-gradient-blue-white {
background: #b3dced;
background: -moz-linear-gradient(-45deg, #b3dced 0%, #29b8e5 50%, #bce0ee 100%);
background: -webkit-linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
background: -o-linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
background: linear-gradient(-45deg, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
}
.bg-gradient-cyan {
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.bg-gradient-cyan2 {
color: #040d0f;
background-image: -webkit-linear-gradient(bottom, #29a0d1, #5af9ff);
background-image: -moz-linear-gradient(bottom, #29a0d1, #5af9ff);
background-image: -o-linear-gradient(bottom, #29a0d1, #5af9ff);
background-image: linear-gradient(to top, #29a0d1, #5af9ff);
}
.bg-gradient-primary,
.lr-btn-primary {/* Bootstrap button */
color:#fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -moz-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(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
/*
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(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bg-gradient-orange {
border-color: #925c23;
/*box-shadow: 0 1px 2px #777;*/
color: #694219;
background-color:#f5c489;
background:-webkit-gradient(linear, left top, left bottom, from(#FED99A), to(#ECAE78));
background:-moz-linear-gradient(top, #FED99A, #ECAE78);
background:-o-linear-gradient(top, #FED99A, #ECAE78);
background:linear-gradient(top, #FED99A, #ECAE78);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FED99A', endColorstr='#ECAE78');
}
.bg-gradient-orange2 {
background: -webkit-linear-gradient(#ffd862, #ffc30b);
background: -o-linear-gradient(#ffd862, #ffc30b);
background: -moz-linear-gradient(#ffd862, #ffc30b);
background: linear-gradient(#ffb644, #ff9e07);
border-color: #ffb644;
}
.bg-gradient-darkorange {
background: -webkit-linear-gradient(#ff8c00, #ffa500);
background: -o-linear-gradient(#ff8c00, #ffa500);
background: -moz-linear-gradient(#ff8c00, #ffa500);
background: linear-gradient(#ff8c00, #ffa500);
border-color: #ffa500;
}
.bg-gradient-warning {/* Bootstrap button */
background-color: #faa732;
*background-color: #f89406;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
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(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bg-gradient-red {
background: -webkit-linear-gradient(#f27966, #eb4d4d);
background: -o-linear-gradient(#f27966, #eb4d4d);
background: -moz-linear-gradient(#f27966, #eb4d4d);
background: linear-gradient(#f27966, #eb4d4d);
border-color: #f27966;
}
.bg-gradient-lightred {
background: #b82705; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4MjcwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjYzcyNzAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNkMjJhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMyUiIHN0b3AtY29sb3I9IiNkYTJkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNlMTNiMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNlYzU1MGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWQ1MzA2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #b82705 0%, #c72700 3%, #d22a00 6%, #da2d00 13%, #e13b03 52%, #ec550c 97%, #ed5306 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b82705), color-stop(3%,#c72700), color-stop(6%,#d22a00), color-stop(13%,#da2d00), color-stop(52%,#e13b03), color-stop(97%,#ec550c), color-stop(100%,#ed5306)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b82705 0%,#c72700 3%,#d22a00 6%,#da2d00 13%,#e13b03 52%,#ec550c 97%,#ed5306 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b82705 0%,#c72700 3%,#d22a00 6%,#da2d00 13%,#e13b03 52%,#ec550c 97%,#ed5306 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b82705 0%,#c72700 3%,#d22a00 6%,#da2d00 13%,#e13b03 52%,#ec550c 97%,#ed5306 100%); /* IE10+ */
background: linear-gradient(to bottom, #b82705 0%,#c72700 3%,#d22a00 6%,#da2d00 13%,#e13b03 52%,#ec550c 97%,#ed5306 100%); /* W3C */
}
.bg-gradient-lightred2 {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6200), to(#dd2400));
background-image: -o-linear-gradient(top, #ff6200 0%, #dd2400 100%);
background-image: linear-gradient(to bottom, #ff6200 0%, #dd2400 100%);
}
.bg-gradient-red2 {
background-color: #ae2d52;
border: solid 1px rgba(0,0,0,.1);
background-image: -webkit-linear-gradient(bottom,#ae2d52,#ff567e);
background-image: -moz-linear-gradient(bottom,#ae2d52,#ff567e);
background-image: -o-linear-gradient(bottom,#ae2d52,#ff567e);
background-image: linear-gradient(to top,#ae2d52,#ff567e);
}
.bg-gradient-red3 {
background-color: #da4f49;
*background-color: #bd362f;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bg-gradient-danger {/* Bootstrap button */
background-color: #da4f49;
*background-color: #bd362f;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
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(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bg-gradient-darkred {
background: #f1274d;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1274d), to(#42020d));
background: -webkit-linear-gradient(#f1274d, #42020d);
background: -moz-linear-gradient(#f1274d, #42020d);
background: -ms-linear-gradient(#f1274d, #42020d);
background: -o-linear-gradient(#f1274d, #42020d);
background: linear-gradient(#f1274d, #42020d);
}
.bg-gradient-brown {
color: #f2eadb;
background: rgb(120,6,6);
background: -moz-linear-gradient(top, rgba(200, 87, 87,1) 0%, rgba(92,3,3,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200, 87, 87,1)), color-stop(100%,rgba(92,3,3,1)));
background: -webkit-linear-gradient(top, rgba(200, 87, 87,1) 0%,rgba(92,3,3,1) 100%);
background: -o-linear-gradient(top, rgba(200, 87, 87,1) 0%,rgba(92,3,3,1) 100%);
background: -ms-linear-gradient(top, rgba(200, 87, 87,1) 0%,rgba(92,3,3,1) 100%);
background: linear-gradient(to bottom, rgb(200, 87, 87) 0%,rgba(92,3,3,1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#780606', endColorstr='#5c0303',GradientType=0 );
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.bg-darkblue-gradient {
background: linear-gradient(180deg, #2678c9, #15416e);
}
.bg-gradient-blue-V {
background: #2c5885; /* Old browsers */
background: -moz-linear-gradient(left, #2c5885 7%, #4682b2 20%, #172e46 56%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(7%,#2c5885), color-stop(20%,#4682b2), color-stop(56%,#172e46)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #2c5885 7%,#4682b2 20%,#172e46 56%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #2c5885 7%,#4682b2 20%,#172e46 56%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #2c5885 7%,#4682b2 20%,#172e46 56%); /* IE10+ */
background: linear-gradient(to right, #2c5885 7%,#4682b2 20%,#172e46 56%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5885', endColorstr='#172e46',GradientType=1 ); /* IE6-9 */
}
.bg-gradient-blue-radial {
background-image: -ms-radial-gradient(center, ellipse closest-corner, #135987 30%, #092f48 100%);
background-image: -moz-radial-gradient(center, ellipse closest-corner, #135987 30%, #092f48 100%);
background-image: -o-radial-gradient(center, ellipse closest-corner, #135987 30%, #092f48 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(30, #135987), color-stop(100, #092f48));
background-image: -webkit-radial-gradient(center, ellipse closest-corner, #135987 30%, #092f48 100%);
background-image: radial-gradient(ellipse closest-corner at center, #135987 30%, #092f48 100%);
}
.bg-gradient-darkblue {
background-image: linear-gradient(to top, #011d51 0%, #008bab 100%);
}
.bg-gradient-success {/* Bootstrap button */
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
*background-color: #51a351;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
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(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bg-gradient-green {
background-color: #7ec971;
background-image: -webkit-linear-gradient(bottom,#7ec971,#90e182);
background-image: -moz-linear-gradient(bottom,#7ec971,#90e182);
background-image: -o-linear-gradient(bottom,#7ec971,#90e182);
background-image: linear-gradient(to top,#7ec971,#90e182);
}
.bg-gradient-green2 {
background-image: -webkit-linear-gradient(bottom, #0caa40, #2cf136);
background-image: -moz-linear-gradient(bottom, #0caa40, #2cf136);
background-image: -o-linear-gradient(bottom, #0caa40, #2cf136);
background-image: linear-gradient(to top, #0caa40, #2cf136);
}
.bg-gradient-green3 {
background-image: -webkit-linear-gradient(bottom,#789931,#c3e245);
background-image: -moz-linear-gradient(bottom,#789931,#c3e245);
background-image: -o-linear-gradient(bottom,#789931,#c3e245);
background-image: linear-gradient(to top,#789931,#c3e245);
}
.bg-gradient-green4 {
background-color: #5bb75b;
*background-color: #51a351;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bg-gradient-info {/* Bootstrap button */
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
*background-color: #2f96b4;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat: repeat-x;
border-color: #2f96b4 #2f96b4 #1f6377;
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(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bg-gradient-greywhite-left {
background: #a2a2a2;
background: -moz-linear-gradient(left, #a2a2a2 35%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(35%,#a2a2a2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left, #a2a2a2 35%,#ffffff 100%);
background: -o-linear-gradient(left, #a2a2a2 35%,#ffffff 100%);
background: -ms-linear-gradient(left, #a2a2a2 35%,#ffffff 100%);
background: linear-gradient(to right, #a2a2a2 35%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#ffffff',GradientType=1 );
}
.bg-gradient-greywhite-right {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 35%, #a2a2a2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(35%,#ffffff), color-stop(100%,#a2a2a2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 35%,#a2a2a2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 35%,#a2a2a2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 35%,#a2a2a2 100%); /* IE10+ */
background: linear-gradient(to right, #ffffff 35%,#a2a2a2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a2a2a2',GradientType=1 ); /* IE6-9 */
}
.bg-gradient-left {/* webapp_lib*/
background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff -30%, #aaaaaa 100%) repeat scroll 0% 0%;
}
.bg-gradient-right {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #aaaaaa 0%, #ffffff 130%) repeat scroll 0% 0%;
}
.bg-gradient-left-darkblue {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #45557a 0%, #021838 100%) repeat scroll 0% 0%;
}
.bg-gradient-right-darkblue {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #021838 0%, #45557a 100%) repeat scroll 0% 0%;
}
.bg-gradient-grey-navbar {
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, 0.1);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
}
.bg-gradient-default {/* Bootstrap button */
color:#000;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bg-gradient-lightgrey {
background: #f9f9f9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f9f9f9 0%, #f8f8f8 33%, #f5f5f5 38%, #f5f5f5 52%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(33%,#f8f8f8), color-stop(38%,#f5f5f5), color-stop(52%,#f5f5f5), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#f8f8f8 33%,#f5f5f5 38%,#f5f5f5 52%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#f8f8f8 33%,#f5f5f5 38%,#f5f5f5 52%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#f8f8f8 33%,#f5f5f5 38%,#f5f5f5 52%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9f9f9 0%,#f8f8f8 33%,#f5f5f5 38%,#f5f5f5 52%,#eaeaea 100%); /* W3C */
border: 1px solid rgba(0, 0, 0, 0.1);
}
.bg-gradient-lightgrey2 {
background-image: -webkit-linear-gradient(bottom, #a0a0a0, #f0f0f0);
background-image: -moz-linear-gradient(bottom, #a0a0a0, #f0f0f0);
background-image: -o-linear-gradient(bottom, #a0a0a0, #f0f0f0);
background-image: linear-gradient(to top, #a0a0a0, #f0f0f0);
}
.bg-gradient-bw-hor {
background: linear-gradient(transparent,rgba(0,0,0,0.95));
}
/*
https://madeas.ru/%D0%BF%D0%BE%D0%B4%D0%B1%D0%BE%D1%80%D0%BA%D0%B0-%D0%BB%D1%8E%D0%B1%D0%B8%D0%BC%D1%8B%D1%85-%D0%B3%D1%80%D0%B0%D0%B4%D0%B8%D0%B5%D0%BD%D1%82%D0%BE%D0%B2/
*/
.gradients .grad {
display: inline-block;
width: 110px;
height: 110px;
border-radius: 50%;
margin: 10px auto;
align-items: center;
justify-content: center;
counter-increment: div;
position: relative;
box-shadow: inset 0 -5px 15px rgba(255, 255, 255, 0.4),
inset -2px -1px 40px rgba(0, 0, 0, 0.1),
0 0 1px lightgray;
/* clip-path: polygon(0 0, 100% 0, 100% 25px, 90% 25px, 90% 75%, 100% 75%, 100% 100%, 0 100%); */
text-align: center;
}
.gradients .grad::after {
/*
content: attr(class);
color: white;
font-size: 18px;
*/
}
.gradients .grad::before {
position: absolute;
left: 15px;
top: 7px;
transform: rotate(-25deg);
content: '';
width: 40px;
height: 20px;
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e8e8e8 1%, rgba(255, 255, 255, 0) 100%);
border-radius: 40px / 20px;
}
.gradients .grad:hover {
transform: scale(1.5);
transition: .2s ease;
z-index: 2;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.gradients .grad-12 {
background-image: linear-gradient(to right, #0069ff, #1633ff);
}
.gradients .grad-19 {
background-image: linear-gradient(135deg, #ffae27 0%, #de496d 100%);
}
.gradients .grad-25 {
background-image: linear-gradient(#E85B6F, #112B4D);
}
.gradients .grad-27 {
background-image: linear-gradient(#112B4D, #786BAF);
}
.gradients .grad-28 {
background: linear-gradient(to top right, #030021, #040023 2%, #0b0539 24%, #0e0741 38%, #2c1575 71%, #2d308f) 50% no-repeat, linear-gradient(rgba(0, 8, 255, 0.1), rgba(0, 8, 255, 0)) 50% no-repeat;
}
.bg-gradient-gold {
background:
radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #FDB931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%),
radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.bg-gradient-rainbow {
background: linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #00f, #4b0082, #ee82ee);
}
.colorbox.bg-gradient-rainbow {
width: 600px;
}
.colorbox {
padding: 20px 20px 20px 20px;
display: inline-block;
}
.bg-gradient-test {
}
.bg-fc_red { background-color: #ca0067 !important;}
.bg-fc_red_l { background-color: #e00073 !important;}
.bg-fc_blue { background-color: #0c2868 !important;}
.bg-fc_blue_l { background-color: #3b4a88 !important;}
.bg-fc_blue_2l { background-color: #3d5396 !important;}
.bg-fc_blue_3l { background-color: #3253a7 !important;}
/*ORANGE*/
.bamb--orange-gradient{background: linear-gradient(360deg, #FBBB20 0%, #FCD370 100%) };
.bamb-bg-orange-50 {background-color:#FEF2D4;}
.bamb-color-orange-50 {color:#FEF2D4;}
.bamb-bg-orange-100 {background-color:#FEECC0;}
.bamb-color-orange-100 {color:#FEECC0;}
.bamb-bg-orange-150 {background-color:#FEE5AC;}
.bamb-color-orange-150 {color:#FEE5AC;}
.bamb-bg-orange-200 {background-color:#FDDF98;}
.bamb-color-orange-200 {color:#FDDF98;}
.bamb-bg-orange-300 {background-color:#FCD370;}
.bamb-color-orange-300 {color:#FCD370;}
.bamb-bg-orange-400 {background-color:#FCC648;}
.bamb-color-orange-400 {color:#FCC648;}
.bamb-bg-orange-500 {background-color:#FBBA20;}
.bamb-color-orange-500 {color:#FBBA20;}
.bamb-bg-orange-600 {background-color:#E9A504;}
.bamb-color-orange-600 {color:#E9A504;}
.bamb-bg-orange-700 {background-color:#BC8503;}
.bamb-color-orange-700 {color:#BC8503;}
.bamb-bg-orange-750 {background-color:#A57503;}
.bamb-color-orange-750 {color:#A57503;}
.bamb-bg-orange-800 {background-color:#8F6503;}
.bamb-color-orange-800 {color:#8F6503;}
.bamb-bg-orange-850 {background-color:#785502;}
.bamb-color-orange-850 {color:#785502;}
.bamb-bg-orange-900 {background-color:#624502;}
.bamb-color-orange-900 {color:#624502;}
/*VIOLET*/
.bamb-bg-violet-50 {background-color:#F2EBF4;}
.bamb-color-violet-50 {color:#F2EBF4;}
.bamb-bg-violet-100 {background-color:#EADEEC;}
.bamb-color-violet-100 {color:#EADEEC;}
.bamb-bg-violet-150 {background-color:#E2D1E5;}
.bamb-color-violet-150 {color:#E2D1E5;}
.bamb-bg-violet-200 {background-color:#DAC4DD;}
.bamb-color-violet-200 {color:#DAC4DD;}
.bamb-bg-violet-300 {background-color:#C9AACF;}
.bamb-color-violet-300 {color:#C9AACF;}
.bamb-bg-violet-400 {background-color:#B990C0;}
.bamb-color-violet-400 {color:#B990C0;}
.bamb-bg-violet-500 {background-color:#A876B1;}
.bamb-color-violet-500 {color:#A876B1;}
.bamb-bg-violet-600 {background-color:#945A9F;}
.bamb-color-violet-600 {color:#945A9F;}
.bamb-bg-violet-700 {background-color:#794A81;}
.bamb-color-violet-700 {color:#794A81;}
.bamb-bg-violet-750 {background-color:#6B4173;}
.bamb-color-violet-750 {color:#6B4173;}
.bamb-bg-violet-800 {background-color:#5E3964;}
.bamb-color-violet-800 {color:#5E3964;}
.bamb-bg-violet-850 {background-color:#503156;}
.bamb-color-violet-850 {color:#503156;}
.bamb-bg-violet-900 {background-color:#422847;}
.bamb-color-violet-900 {color:#422847;}
/*GREEN*/
.bamb-bg-green-50 {background-color:#EAF4DE;}
.bamb-color-green-50 {color:#EAF4DE;}
.bamb-bg-green-100 {background-color:#E1EECF;}
.bamb-color-green-100 {color:#E1EECF;}
.bamb-bg-green-150 {background-color:#D7E9C0;}
.bamb-color-green-150 {color:#D7E9C0;}
.bamb-bg-green-200 {background-color:#CDE4B1;}
.bamb-color-green-200 {color:#CDE4B1;}
.bamb-bg-green-300 {background-color:#BAD992;}
.bamb-color-green-300 {color:#BAD992;}
.bamb-bg-green-400 {background-color:#A7CF74;}
.bamb-color-green-400 {color:#A7CF74;}
.bamb-bg-green-500 {background-color:#94C456;}
.bamb-color-green-500 {color:#94C456;}
.bamb-bg-green-600 {background-color:#7DAF3D;}
.bamb-color-green-600 {color:#7DAF3D;}
.bamb-bg-green-700 {background-color:#658D31;}
.bamb-color-green-700 {color:#658D31;}
.bamb-bg-green-750 {background-color:#597C2B;}
.bamb-color-green-750 {color:#597C2B;}
.bamb-bg-green-800 {background-color:#4D6B25;}
.bamb-color-green-800 {color:#4D6B25;}
/*====== panels color schemes =======*/
.lr-panel-gray > .lr-panel-heading {
background-color: #315570;
border-color: #315570;
color: #fff;
}
.lr-panel-blue-c3 {
border-color: #269abc;
}
.lr-panel-blue-c3 > .lr-panel-heading {
background-color: #269abc;
border-color: #269abc;
color: #fff;
}
.lr-panel-purple {
border-color: #9999cc;
}
.lr-panel-purple > .lr-panel-heading {
background-color: #9999cc;
border-color: #9999cc;
color: #fff;
}
.lr-panel-turquoise {
border-color: #009688;
}
.lr-panel-turquoise > .lr-panel-heading {
background-color: #009688;
border-color: #009688;
color: #fff;
}
.lr-panel-grey {
border-color: #728ca4;
}
.lr-panel-grey > .lr-panel-heading {
background-color: #728ca4;
border-color: #728ca4;
color: #fff;
}
.lr-panel-violet {
border-color: #434e7b;
}
.lr-panel-violet > .lr-panel-heading {
background-color: #434e7b;
border-color: #434e7b;
color: #fff;
}
.lr-panel-deepskyblue {
border-color: #00bfff;
background-color: #00bfff;
}
.lr-panel-deepskyblue > .lr-panel-heading {
background-color: #00bfff;
border-color: #00bfff;
}
.lr-panel-darkblue {
background-color: #003366 !important;
border-radius: 0 !important;
}
.lr-panel-darkblue .lr-panel-heading {
background-color: transparent !important;
border-color: #159fd2;
color: #159fd2 !important;
}
.lr-panel-darkblue .lr-panel-body {
padding: 10px;
}
.lr-panel-darkblue .lr-list-group {
background-color: #99ccff;
margin: 0 5px;
padding: 5px 5px;
}
.lr-panel-darkblue .lr-list-group li{
border: 1px solid !important;
border-color: #159fd2 !important;
margin: 5px 5px;
}
.lr-panel-darkred {
background-color: #8b0000 !important;
border-radius: 0 !important;
}
.lr-panel-darkred .lr-panel-heading {
background-color: #a52a2a !important;
border-color: #f00;
}
.lr-panel-darkred .lr-panel-body {
padding: 10px;
}
.lr-panel-darkred .lr-list-group {
background-color: #fffaf0 !important;
margin: 0 5px;
padding: 5px 5px;
}
.lr-panel-darkred .lr-list-group li{
border: 1px solid !important;
border-color: #f00 !important;
margin: 5px 5px;
}
.lr-panel-darkred .lr-nav > li > a,
.lr-panel-darkred .lr-nav > li > a:visited{
color: #9c8f4b;
}
.bg-hover-darkred:hover,
.lr-panel-darkred .lr-nav > li > a:hover {
background-color: #800000 !important;
color: #ffd700;
}
.lr-panel-darkred .lr-nav > li > a:focus {
background-color: transparent;
color: #337ab7 !important;
border: none;
}
.lr-panel-grey {
background-color: #607d8b !important;
border-radius: 0 !important;
}
.lr-panel-grey .lr-panel-heading {
background-color: #607d8b !important;
border-color: #fff;
}
.lr-panel-grey .lr-panel-body {
padding: 10px;
}
.lr-panel-grey .lr-list-group {
background-color: #607d8b !important;
margin: 0 5px;
padding: 5px 5px;
}
.lr-panel-grey .lr-list-group li{
border: 1px solid !important;
border-color: #fff !important;
margin: 5px 5px;
}
.lr-panel-grey .lr-nav > li > a,
.lr-panel-grey .lr-nav > li > a:visited{
color: #e5c51c;
}
.bg-hover-grey:hover {
background-color: #607d8b !important;
}
.lr-panel-grey .lr-nav > li > a:hover {
background-color: #800000 !important;
color: #ffd700;
}
.lr-panel-grey .lr-nav > li > a:focus {
background-color: transparent;
color: #fff !important;
border: none;
}
/*====== page color schemes =======*/
body.page-blue {
background-color: #082844;/* bg-darkblue-project */
}
.page-blue .lr-container {
background-color: #b6cfed; /*bg-lightsteelblue4*/
}
.page-blue .lr-panel-inline {
width: 30%;
border-radius: 5px;
/*margin: 0;*/
}
.page-blue .lr-panel-inline {
background-color: #fffafa;/*bg-snow*/
}
.page-blue .lr-btn { /*lr-btn-darkblue*/
background-color: #004586;
-webkit-box-shadow: inset 0 36px 38px -38px #fff;
-moz-box-shadow: inset 0 36px 38px -38px #fff;
box-shadow: inset 0 36px 38px -38px #fff;
border-color: #3f9cca;
color: #fff;
font-size: 14px;
font-weight: 400;
}
.page-blue .lr-panel-heading {
background-color: #018fbc;/* bg-teal-b */
color: #ffffff;
}
.page-blue .lr-panel {
/*background-color: #ffffff;*/
}
body.page-green {
background-color: #006666;/*bg-bluegreen*/
}
.page-green .lr-container {
background-color: #d1e4dd; /*bg-lightgreen-w*/
color: #000000;
}
.page-green .lr-panel-heading {
background-color: #038387;/*bg-sea-desktop*/
color: #ffffff;
}
.page-green .lr-panel-body {
background-color: #f5fffa;/*bg-mintcream*/
}
.page-green .lr-panel-heading.orange {
background-color: #FFAC19;/*bg-vivid-orange3*/
color: #000000;
}
.page-green .lr-panel-body.orange {
background-color: #fff8dc;/*bg-cornsilk*/
}
.page-green .lr-btn {/*.lr-btn-green-shadow*/
color: #fff;
background-color: #008b8b;
border-color: #008b8b;
-webkit-box-shadow: inset 0 36px 38px -38px #fff;
-moz-box-shadow: inset 0 36px 38px -38px #fff;
box-shadow: inset 0 36px 38px -38px #fff;
font-size: 14px;
font-weight: 400;
}
.page-green .lr-btn:hover,
.page-green .lr-btn:focus {
color: #000;
background-color: #ff8c00;
}
/*==== LAYERS ===*/
.pos-rel, .pos-relative {position: relative; }
.pos-rel-center {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pos-static {position: static; }
.pos-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.pos-left-0 { left: 0; }
.pos-left-5 { left: 5%; }
.pos-left-10 { left: 10%; }
.pos-left-15 { left: 15%; }
.pos-left-25 { left: 25%; }
.pos-left-50 { left: 50%; }
.pos-left-75 { left: 75%; }
.pos-left-80 { left: 80%; }
.pos-left-90 { left: 90%; }
.pos-left-100 { left: 100%; }
.pos-rel-left-5px{left:5px;}
.pos-rel-left-10px{left:10px;}
.pos-rel-left-20px{left:20px;}
.pos-rel-left-25px{left:25px;}
.pos-rel-left-30px{left:30px;}
.pos-right-0{right: 0; }
.pos-top-0{ top: 0; }
.pos-top-5 { top: 5%; }
.pos-top-10 { top: 10%; }
.pos-top-15 { top: 15%; }
.pos-top-25 { top: 25%; }
.pos-top-50 { top: 50%; }
.pos-top-75 { top: 75%; }
.pos-top-80 { top: 80%; }
.pos-top-90 { top: 90%; }
.pos-top-100 { top: 100%; }
.pos-rel-top-5px{top:5px;}
.pos-rel-top-10px{top:10px;}
.pos-rel-top-20px{top:20px;}
.pos-rel-top-25px{top:25px;}
.pos-rel-top-30px{top:30px;}
.pos-bottom-0{bottom: 0; }
.pos-left-auto {left: auto;}
.pos-right-auto { right: auto; }
.pos-top-auto {top: auto;}
.pos-bottom-auto {bottom: auto;}
.ml-100px-negative { margin-left: -100px; }
.pos-abs, .pos-absolute { position: absolute;}
.pos-abs-left-top {
position: absolute;
left: 0;
top: 0;
}
.pos-abs-center-top {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pos-abs-right-top {
position: absolute;
right: 0;
top: 0;
}
.pos-abs-left-center {
position: absolute;
left: 0;
top: 50%;
}
.pos-abs-center {
position: absolute;
left: 50%;
top: 50%;
/*
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
*/
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pos-abs-center-x {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pos-abs-center-y {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.pos-abs-right-center {
position: absolute;
right: 0;
top: 50%;
}
.pos-abs-left-bottom {
position: absolute;
left: 0;
bottom: 0;
}
.pos-abs-center-bottom {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pos-abs-right-bottom {
position: absolute;
right: 0;
bottom: 0;
}
.pos-fixed { position: fixed; }
.pos-fixed-left-top {
position: fixed;
left: 0;
top: 0;
}
.pos-fixed-center-top {
position: fixed;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pos-fixed-right-top {
position: fixed;
right: 0;
top: 0;
}
.pos-fixed-left-center {
position: fixed;
left: 0;
top: 50%;
}
.pos-fixed-center {
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pos-fixed-right-center {
position: fixed;
right: 0;
top: 50%;
}
.pos-fixed-left-bottom {
position: fixed;
left: 0;
bottom: 0;
}
.pos-fixed-center-bottom {
position: fixed;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.pos-fixed-right-bottom {
position: fixed;
right: 0;
bottom: 0;
}
/*====== MEDIA styles =======
https://bootstrap-5.ru/docs/5.2/layout/breakpoints/#core-concepts
https://getuikit.com/v2/docs/core.html
*/
/* bootstrap3 */
/*
@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; }
}
*/
@media (min-width: 1400px){
.lr-hidden-xxl { display: none !important; }
.d-none-xxl{display:none}
.w50-xxl{width:80%;}
.w60-xxl{width:80%;}
.w70-xxl{width:80%;}
.w80-xxl{width:80%;}
.w90-xxl{width:90%;}
.w100-xxl{width:100%;}
}
@media (min-width: 1280px) and (max-width: 1400px){
.lr-hidden-lg { display: none !important; }
}
@media (min-width: 980px) and (max-width: 1280px){
.lr-hidden-md { display: none !important; }
}
@media (min-width: 768px) and (max-width: 980px){
.lr-hidden-sm { display: none !important; }
}
@media (min-width: 600px) and (max-width: 768px){
.lr-hidden-xs { display: none !important; }
}
@media (max-width: 600px){
.lr-hidden-xxs { display: none !important; }
}
@media screen and (max-width:1400px){
.d-none-xl {display:none}
.p10-xl{padding:10px;}
.pt10-xl{padding-top:10px;}
.pb10-xl{padding-bottom:10px;}
.pr10-xl{padding-right:10px;}
.pl10-xl{padding-left:10px;}
.m10-xl{margin:10px;}
.mt10-xl{margin-top:10px;}
.mb10-xl{margin-bottom:10px;}
.mr10-xl{margin-right:10px;}
.ml10-xl{margin-left:10px;}
}
@media (max-width:1280px){
.lr-panel-inline { width: 45%; }
.p0-lg {padding: 0;}
.p10-lg{padding:10px;}
.pt10-lg{padding-top:10px;}
.pb10-lg{padding-bottom:10px;}
.pr10-lg{padding-right:10px;}
.pl10-lg{padding-left:10px;}
.m10-lg{margin:10px;}
.mt10-lg{margin-top:10px;}
.mb10-lg{margin-bottom:10px;}
.mr10-lg{margin-right:10px;}
.ml10-lg{margin-left:10px;}
.m-auto-lg{margin:auto;}
.w60-lg { width:60%; }
.w80-lg{width:80%;}
.w100-lg{width:100%;}
.w-auto-lg{width:auto;}
}
@media (max-width:980px){
.lr-container { width: 90%;}
.list-group-item a { display: block; }
.lr-panel-inline { width: auto !important; }
.d-none-md{ display:none }
.d-block-md{ display:block !important }
.p0-md {padding: 0;}
.pt0-md {padding-top: 0;}
.pb0-md {padding-bottom: 0;}
.pl0-md {padding-left: 0;}
.pr0-md {padding-right: 0;}
.p10-md{padding:10px;}
.pt10-md{padding-top:10px;}
.pb10-md{padding-bottom:10px;}
.pr10-md{padding-right:10px;}
.pl10-md{padding-left:10px;}
.m0-md {margin: 0;}
.mt0-md {margin-top: 0;}
.mb0-md {margin-bottom: 0;}
.ml0-md {margin-left: 0;}
.mr0-md {margin-right: 0;}
.m10-md{margin:10px;}
.mt10-md{margin-top:10px;}
.mb10-md{margin-bottom:10px;}
.mr10-md{margin-right:10px;}
.ml10-md{margin-left:10px;}
.m-auto-md{margin:auto;}
.w50-md{width:50%;}
.w60-md{width:60%;}
.w70-md{width:70%;}
.w80-md{width:80%;}
.w90-md{width:90%;}
.w100-md{width:100%;}
.w-auto-md{width:auto;}
.h-auto-md {height: auto;}
.lr-flex-wrap-md { flex-wrap: wrap;}
.lr-flex-center-md { justify-content: center;}
.lr-flex-auto-md { flex: auto; }
}
@media screen and (max-width:768px){
.page-header h1 { font-size: 150%; }
.float-left, .pull-left { float: none; }
.float-right, .pull-right { float: none; }
.d-none-sm {display:none}
.d-block-sm{ display:block !important}
.p0-sm {padding: 0;}
.pt0-sm {padding-top: 0;}
.pb0-sm {padding-bottom: 0;}
.pl0-sm {padding-left: 0;}
.pr0-sm {padding-right: 0;}
.p10-sm{padding:10px;}
.pt10-sm{padding-top:10px;}
.pb10-sm{padding-bottom:10px;}
.pr10-sm{padding-right:10px;}
.pl10-sm{padding-left:10px;}
.p20-sm{padding:20px;}
.pt20-sm{padding-top:20px;}
.pb20-sm{padding-bottom:20px;}
.pr20-sm{padding-right:20px;}
.pl20-sm{padding-left:20px;}
.m0-sm {margin: 0;}
.mt0-sm {margin-top: 0;}
.mb0-sm {margin-bottom: 0;}
.ml0-sm {margin-left: 0;}
.mr0-sm {margin-right: 0;}
.m10-sm{margin:10px;}
.mt10-sm{margin-top:10px;}
.mb10-sm{margin-bottom:10px;}
.mr10-sm{margin-right:10px;}
.ml10-sm{margin-left:10px;}
.m-auto-sm{margin:auto;}
.lr-text-center-sm, .text-center-sm{text-align:center;}
.lr-flex-wrap-sm { flex-wrap: wrap;}
.lr-flex-center-sm { justify-content: center;}
.lr-flex-auto-sm { flex: auto; }
.w50-sm{width:50%;}
.w60-sm{width:60%;}
.w70-sm{width:70%;}
.w80-sm{width:80%;}
.w100-sm{width:100%;}
.w-auto-sm{width:auto;}
.h-auto-sm {height: auto;}
.h400px-sm {height: 400px; }
.h300px-sm {height: 300px; }
.h200px-sm {height: 200px; }
}
@media (max-width:600px){
.lr-container { width: 99%; }
.page-header h1 { font-size: 120%; }
.lr-panel-inline { display: block; }
.d-none-xs {display:none}
.d-block-xs{ display:block !important}
.p10-xs{padding:10px;}
.pt10-xs{padding-top:10px;}
.pb10-xs{padding-bottom:10px;}
.pr10-xs{padding-right:10px;}
.pl10-xs{padding-left:10px;}
.p20-xs{padding:20px;}
.pt20-xs{padding-top:20px;}
.pb20-xs{padding-bottom:20px;}
.pr20-xs{padding-right:20px;}
.pl20-xs{padding-left:20px;}
.m0-xs {margin: 0;}
.mt0-xs {margin-top: 0;}
.mb0-xs {margin-bottom: 0;}
.ml0-xs {margin-left: 0;}
.mr0-xs {margin-right: 0;}
.m10-xs{margin:10px;}
.mt10-xs{margin-top:10px;}
.mb10-xs{margin-bottom:10px;}
.mr10-xs{margin-right:10px;}
.ml10-xs{margin-left:10px;}
.w-auto-xs{width:auto;}
.lr-flex-auto-xs { flex: auto; }
.h200px-xs {height: 200px;}
}
/* iPhone */
@media screen and (max-width:414px){
.d-none-xxs{display:none}
.d-block-xxs{ display:block }
}
/* iPhone 6 */
@media screen and (max-width:375px){
}
/* Galaxy S9 */
@media screen and (max-width:360px){
.lr-container {
width: 100%;
padding: 0;
}
.p20 {padding: 2px; }
.m20{margin:2px;}
.lr-panel-body { padding: 5px; }
}
.d-inline{display:inline}
.d-inline-block{display:inline-block}
.d-block{display:block}
.d-table{display:table}
.d-table-row{display:table-row}
.d-table-cell{display:table-cell}
.d-flex{display:flex}
.d-inline-flex{display:inline-flex}
.d-none, .lr-hidden, .lr-hide {display:none}
.template { display:none}
.lr-overflow-auto {overflow: auto;}
.lr-overflow-hidden {overflow: hidden;}
.lr-overflow-scroll {overflow: scroll;}
.lr-overflow-scroll-y {overflow-y: scroll;}
.lr-overflow-visible {overflow: visible !important;}
/* TRANSFORM */
.lr-rotate-3, .rotate-3{transform: rotate(-3deg);}
.lr-rotate3, .rotate3{transform: rotate(3deg);}
.lr-rotate-5, .rotate-5{transform: rotate(-5deg);}
.lr-rotate5, .rotate5{transform: rotate(5deg);}
.lr-rotate-10, .rotate-10{transform: rotate(-10deg);}
.lr-rotate10, .rotate10{transform: rotate(10deg);}
.lr-rotate-15, .rotate-15{transform: rotate(-15deg);}
.lr-rotate15, .rotate15{transform: rotate(15deg);}
.lr-rotate-20, .rotate-20{transform: rotate(-20deg);}
.lr-rotate20, .rotate20{transform: rotate(20deg);}
.lr-rotate-25, .rotate-25{transform: rotate(-25deg);}
.lr-rotate25, .rotate25{transform: rotate(25deg);}
.lr-rotate-30, .rotate-30{transform: rotate(-30deg);}
.lr-rotate30, .rotate30{transform: rotate(30deg);}
.lr-rotate-35, .rotate-35{transform: rotate(-35deg);}
.lr-rotate35, .rotate35{transform: rotate(35deg);}
.lr-rotate-40, .rotate-40{transform: rotate(-40deg);}
.lr-rotate40, .rotate40{transform: rotate(40deg);}
.lr-rotate45, .rotate45 {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.lr-rotate-45, .rotate-45 {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.lr-rotate90, .rotate90 {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.lr-rotate-90, .rotate-90 {
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.lr-rotate180, .rotate180 {transform: rotate(180deg);}
.lr-rotate-180, .rotate-180 {transform: rotate(-180deg);}
.lr-rotate270, .rotate270 {transform: rotate(270deg);}
.lr-rotate-270, .rotate-270 {transform: rotate(-270deg);}
.lr-slide-right{
transform: translateX(-150%);
animation: an-slide-right 3s forwards;
}
@keyframes an-slide-right {
0% {transform: translateX(-150%);}
100% {transform: translateY(0);}
}
.lr-slide-down {
transform: translateY(-100%);
animation: an-slide-down 2s forwards;
}
@keyframes an-slide-down {
0% {transform: translateY(-100%);}
100% {transform: translateY(0);}
}
.lr-slide-down2 {
/*transform: translateY(-5%);*/
animation: an-slide-down2 5s forwards;
}
@keyframes an-slide-down2 {
0% {transform: translateY(-15%);}
15% {transform: translateY(0);}
}
/* POPUP TILE */
.lr-tile, .lr-popup {
/* margin: 5px;*/
/* padding: 5px;*/
/*border: 1px solid #EDEDEC;*/
background-color: inherit;
background-position: center;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.lr-tile:hover,
.lr-popup:hover {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
}
.lr-transition {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lr-transition-1 {
-webkit-transition: all 1s;
transition: all 1s;
}
.lr-transition-07 {
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.lr-transition-05 {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.lr-opacity-0 { opacity: 0; }
.lr-opacity-01 {opacity: 0.1; }
.lr-opacity-02 {opacity: 0.2; }
.lr-opacity-03 {opacity: 0.3; }
.lr-opacity-04 {opacity: 0.4; }
.lr-opacity-05 {opacity: 0.5; }
.lr-opacity-06 {opacity: 0.6; }
.lr-opacity-07 {opacity: 0.7; }
.lr-opacity-08 {opacity: 0.8; }
.lr-opacity-09 {opacity: 0.9; }
.lr-opacity-1 { opacity: 1; }
/* FONTS */
.fz9{font-size:9px;}
.fz10{font-size:10px;}
.fz11{font-size:11px;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz17{font-size:17px;}
.fz18{font-size:18px;}
.fz19{font-size:19px;}
.fz20{font-size:20px;}
.fz21{font-size:21px;}
.fz22{font-size:22px;}
.fz24{font-size:24px;}
.fz26{font-size:26px;}
.fz28{font-size:28px;}
.fz30{font-size:30px;}
.fz1rem{font-size:1rem}
.fz1-125rem{font-size:1.125rem}
.fz1-5rem{font-size:1.5rem}
/* Weight modifier
=================== */
.lr-fw-300 {font-weight: 300;}
.lr-fw-400 {font-weight: 400;}
.lr-fw-700 {font-weight: 700;}
.lr-fw-900 {font-weight: 900;}
.lr-font-bold{ font-weight:bold;}
.lr-font-italic{ font-style:italic;}
.lr-text-small{ font-size: 80%;}
.lr-font-arial{font-family: 'Arial';}
.lr-font-amatic{font-family: 'Amatic SC';}
.lr-font-anton{font-family: 'Anton';}
.lr-font-barlow{font-family: 'Barlow';}
.lr-font-basic{font-family: 'Basic';}
.lr-font-bebas{font-family: 'Bebas Neue';}
.lr-font-bitstream{font-family: 'Bitstream Charter';}
.lr-font-caudex{font-family: 'Caudex';}
.lr-font-chelsea{font-family: 'Chelsea Market';}
.lr-font-cinzel{font-family: 'Cinzel';}
.lr-font-cookie{font-family: 'Cookie';}
.lr-font-corben{font-family: 'Corben';}
.lr-font-garamond-c{font-family: 'Cormorant Garamond';}
.lr-font-cormorant-sc{font-family: 'Cormorant SC';}
.lr-font-comfortaa{font-family: 'Comfortaa';}
.lr-font-damion{font-family: 'Damion';}
.lr-font-dancing{font-family: 'Dancing Script';}
.lr-font-garamond-e{font-family:'EB Garamond'}
.lr-font-enriqueta{font-family:'Enriqueta'}
.lr-font-forum{font-family:'Forum'}
.lr-font-fredericka{font-family: 'Fredericka the Great';}
.lr-font-hind{font-family: 'Hind';}
.lr-font-georgia{font-family: 'Georgia';}
.lr-font-helvetica{font-family: "Helvetica Neue", Helvetica;}
.lr-font-jockey{font-family:'Jockey One'}
.lr-font-josefin{font-family:'Josefin Slab'}
.lr-font-jura{font-family:'Jura'}
.lr-font-kelly{font-family:'Kelly Slab'}
.lr-font-inter{font-family:'Inter'}
.lr-font-lato{font-family:'Lato'}
.lr-font-libre-b{font-family:'Libre Baskerville'}
.lr-font-libre-f{font-family:'Libre Franklin'}
.lr-font-lobster{font-family:'Lobster'}
.lr-font-marck{font-family:'Marck Script'}
.lr-font-monoton{font-family:'Monoton'}
.lr-font-montserrat{font-family: 'Montserrat';}
.lr-font-mfcandy{font-family: 'Mf Candy';}
.lr-font-haviland{font-family:'Mr De Haviland'}
.lr-font-niconne{font-family:'Niconne'}
.lr-font-noticia{font-family: 'Noticia Text';}
.lr-font-nimbus{font-family: 'Nimbus Sans L';}
.lr-font-opensans-cond{font-family: 'Open Sans Condensed';}
.lr-font-opensans{font-family: 'Open Sans';}
.lr-font-oswald{font-family: 'Oswald';}
.lr-font-overlock{font-family: 'Overlock';}
.lr-font-pacifico{font-family: 'Pacifico';}
.lr-font-patrick{font-family: 'Patrick Hand';}
.lr-font-play{font-family: 'Play';}
.lr-font-playfair{font-family: 'Playfair Display';}
.lr-font-poppins{font-family: 'Poppins';}
.lr-font-play{font-family: 'Play';}
.lr-font-pt-sans{font-family: 'PT Sans';}
.lr-font-questrial{font-family: 'Questrial';}
.lr-font-raleway{font-family: 'Raleway';}
.lr-font-rochester{font-family: 'Rochester';}
.lr-font-roboto{font-family: 'Roboto';}
.lr-font-rozha{font-family: 'Rozha One';}
.lr-font-sacramento{font-family: 'Sacramento';}
.lr-font-sail{font-family: 'Sail';}
.lr-font-sarina{font-family: 'Sarina';}
.lr-font-sans-serif{font-family: sans-serif;}
.lr-font-signika{font-family: 'Signika';}
.lr-font-spinnaker{font-family: 'Spinnaker';}
.lr-font-suez{font-family: 'Suez One';}
.lr-font-tahoma{font-family: Tahoma;}
.lr-font-unica{font-family: 'Unica One';}
.lr-font-work-sans{font-family: 'Work Sans';}
.lr-font-google-sans{font-family: 'Google Sans Text';}
.lr-font-ubuntu{font-family: 'Ubuntu';}
.lr-font-yeseva{font-family: 'Yeseva One';}
.lr-font-kurale{font-family: 'Kurale';}
.product-card {
/*width: 270px;
min-height: 440px;*/
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
padding: 10px;
border: 1px solid #EDEDEC;
}
/*------unsort---------*/
/*
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
*/