#Tour *{box-sizing:border-box}#Tour.hidden{pointer-events:none;}#Tour.hidden #Tour-box{opacity:0;transform:scale(.5)}#Tour.hidden #Tour-masks .mask,#Tour.hidden #Tour-canvas{opacity:0}#Tour #Tour-box-wrap{position:fixed;width:auto;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:block;z-index:100003;transition:all .3s ease-out}#Tour #Tour-box{width:250px;min-height:69px;max-height:500px;padding:.5em;background:#fff;box-shadow:0 6px 19px 2px rgba(0,0,0,0.14);border-radius:2px;transition:all .3s ease;transform:scale(1);}#Tour #Tour-box.dark-box{background:rgba(0,0,0,0.8);color:#fff;}#Tour #Tour-box.dark-box #Tour-close{background:rgba(255,255,255,0.81);color:#000;}#Tour #Tour-box.dark-box #Tour-close:hover{background:#ee342f;color:#fff}#Tour #Tour-box.dark-box #Tour-step{background:#fff;color:rgba(0,0,0,0.8)}#Tour #Tour-box.dark-box #Tour-length{background:rgba(255,255,255,0.2);color:#bababa}#Tour #Tour-box.dark-box #Tour-tip.left{left:5px}#Tour #Tour-box.dark-box #Tour-tip.center{left:50%}#Tour #Tour-box.dark-box #Tour-tip.right{right:5px}#Tour #Tour-box.dark-box #Tour-tip.side.center{top:50%}#Tour #Tour-box.dark-box #Tour-tip.side.top{top:5px}#Tour #Tour-box.dark-box #Tour-tip.side.bottom{bottom:5px}#Tour #Tour-box.dark-box #Tour-tip.top{top:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(0,0,0,0.8)}#Tour #Tour-box.dark-box #Tour-tip.bottom{bottom:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,0.8)}#Tour #Tour-box.dark-box #Tour-tip.side.left{left:-10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid rgba(0,0,0,0.8)}#Tour #Tour-box.dark-box #Tour-tip.side.right{right:-10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid rgba(0,0,0,0.8)}#Tour #Tour-tip{position:absolute;display:block;width:0;height:0;}#Tour #Tour-tip.hidden{opacity:0}#Tour #Tour-tip.vertical.left{left:5px}#Tour #Tour-tip.vertical.center{left:50%}#Tour #Tour-tip.vertical.right{right:5px}#Tour #Tour-tip.vertical.top{top:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff}#Tour #Tour-tip.vertical.bottom{bottom:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff}#Tour #Tour-tip.horizontal.top{top:5px}#Tour #Tour-tip.horizontal.center{top:50%}#Tour #Tour-tip.horizontal.bottom{bottom:5px}#Tour #Tour-tip.horizontal.left{left:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #fff}#Tour #Tour-tip.horizontal.right{right:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff}#Tour #Tour-close{position:absolute;top:-7px;right:-7px;width:14px;height:14px;background:rgba(0,0,0,0.8);border-radius:100%;font-size:8px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;}#Tour #Tour-close:hover{background:#ec1d18}#Tour #Tour-content{width:100%;height:100%;max-height:470px;overflow-x:hidden;overflow-y:auto;position:relative;border-bottom:solid 32px transparent;padding:0 4px;font-size:14px}#Tour #Tour-step,#Tour #Tour-length{width:24px;height:24px;color:#fff;position:absolute;bottom:.7em;font-size:12px;font-weight:bold;border-radius:50px;display:flex;align-items:center;justify-content:center}#Tour #Tour-step{background:rgba(0,0,0,0.7);left:.7em;z-index:1}#Tour #Tour-length{background:#ccc;left:2.2em;z-index:0}#Tour #Tour-actions{position:absolute;bottom:.5em;right:.5em;height:24px;}#Tour #Tour-actions button{height:100%;border:none;border-radius:2px;font-size:.75em;padding:4px 7px;color:#fff;background-color:#868686;}#Tour #Tour-actions button:hover{background-color:#6b6b6b}#Tour #Tour-actions button[disabled]{opacity:.2;}#Tour #Tour-actions button[disabled]:hover{opacity:.2}#Tour #Tour-actions button:focus,#Tour #Tour-actions button:focus:active{outline:none}#Tour #Tour-actions button.success{background-color:#60bd68;}#Tour #Tour-actions button.success:hover{background-color:#43a14b}#Tour #Tour-actions button.danger{background-color:#ec1d18;}#Tour #Tour-actions button.danger:hover{background-color:#c01410}#Tour #Tour-previous{margin-right:.5em}#Tour #Tour-masks .mask{position:fixed;z-index:100001;}#Tour #Tour-masks .mask.top,#Tour #Tour-masks .mask.bottom{width:100%;height:0;left:0}#Tour #Tour-masks .mask.left,#Tour #Tour-masks .mask.right{width:0;height:100%;top:0}#Tour #Tour-masks .mask.top{top:0}#Tour #Tour-masks .mask.bottom{bottom:0}#Tour #Tour-masks .mask.left{left:0}#Tour #Tour-masks .mask.right{right:0}#Tour #Tour-canvas{position:fixed;z-index:100002;top:0;left:0;pointer-events:none}.animsition,
.animsition-overlay {
position: relative;
opacity: 0;
animation-fill-mode: both;
}
/**
* overlay option
*/
.animsition-overlay-slide {
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
background-color: #ddd;
}
/* loading option */
.animsition-loading,
.animsition-loading:after {
width: 32px;
height: 32px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
border-radius: 50%;
z-index: 100;
}
.animsition-loading {
background-color: transparent;
border-top: 5px solid rgba(0, 0, 0, 0.2);
border-right: 5px solid rgba(0, 0, 0, 0.2);
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-left: 5px solid #eee;
transform: translateZ(0);
animation-iteration-count:infinite;
animation-timing-function: linear;
animation-duration: .8s;
animation-name: animsition-loading;
}
@keyframes animsition-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-in {
animation-name: fade-in;
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fade-out {
animation-name: fade-out;
}
@keyframes fade-in-up {
0% {
transform: translateY(500px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up {
animation-name: fade-in-up;
}
@keyframes fade-out-up {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-500px);
opacity: 0;
}
}
.fade-out-up {
animation-name: fade-out-up;
}
@keyframes fade-in-up-sm {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up-sm {
animation-name: fade-in-up-sm;
}
@keyframes fade-out-up-sm {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-100px);
opacity: 0;
}
}
.fade-out-up-sm {
animation-name: fade-out-up-sm;
}
@keyframes fade-in-up-lg {
0% {
transform: translateY(1000px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up-lg {
animation-name: fade-in-up-lg;
}
@keyframes fade-out-up-lg {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-1000px);
opacity: 0;
}
}
.fade-out-up-lg {
animation-name: fade-out-up-lg;
}
@keyframes fade-in-down {
0% {
transform: translateY(-500px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down {
animation-name: fade-in-down;
}
@keyframes fade-out-down {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(500px);
opacity: 0;
}
}
.fade-out-down {
animation-name: fade-out-down;
}
@keyframes fade-in-down-sm {
0% {
transform: translateY(-100px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down-sm {
animation-name: fade-in-down-sm;
}
@keyframes fade-out-down-sm {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(100px);
opacity: 0;
}
}
.fade-out-down-sm {
animation-name: fade-out-down-sm;
}
@keyframes fade-in-down-lg {
0% {
transform: translateY(-1000px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down-lg {
animation-name: fade-in-down;
}
@keyframes fade-out-down-lg {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(1000px);
opacity: 0;
}
}
.fade-out-down-lg {
animation-name: fade-out-down-lg;
}
@keyframes fade-in-left {
0% {
transform: translateX(-500px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left {
animation-name: fade-in-left;
}
@keyframes fade-out-left {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(-500px);
opacity: 0;
}
}
.fade-out-left {
animation-name: fade-out-left;
}
@keyframes fade-in-left-sm {
0% {
transform: translateX(-100px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left-sm {
animation-name: fade-in-left-sm;
}
@keyframes fade-out-left-sm {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(-100px);
opacity: 0;
}
}
.fade-out-left-sm {
animation-name: fade-out-left-sm;
}
@keyframes fade-in-left-lg {
0% {
transform: translateX(-1500px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left-lg {
animation-name: fade-in-left-lg;
}
@keyframes fade-out-left-lg {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(-1500px);
opacity: 0;
}
}
.fade-out-left-lg {
animation-name: fade-out-left-lg;
}
@keyframes fade-in-right {
0% {
transform: translateX(500px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right {
animation-name: fade-in-right;
}
@keyframes fade-out-right {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(500px);
opacity: 0;
}
}
.fade-out-right {
animation-name: fade-out-right;
}
@keyframes fade-in-right-sm {
0% {
transform: translateX(100px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right-sm {
animation-name: fade-in-right-sm;
}
@keyframes fade-out-right-sm {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(100px);
opacity: 0;
}
}
.fade-out-right-sm {
animation-name: fade-out-right-sm;
}
@keyframes fade-in-right-lg {
0% {
transform: translateX(1500px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right-lg {
animation-name: fade-in-right-lg;
}
@keyframes fade-out-right-lg {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(1500px);
opacity: 0;
}
}
.fade-out-right-lg {
animation-name: fade-out-right-lg;
}
@keyframes rotate-in {
0% {
transform: rotate(-90deg);
transform-origin: center center;
opacity: 0;
}
100% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
}
.rotate-in {
animation-name: rotate-in;
}
@keyframes rotate-out {
0% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
100% {
transform: rotate(90deg);
transform-origin: center center;
opacity: 0;
}
}
.rotate-out {
animation-name: rotate-out;
}
@keyframes rotate-in-sm {
0% {
transform: rotate(-45deg);
transform-origin: center center;
opacity: 0;
}
100% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
}
.rotate-in-sm {
animation-name: rotate-in-sm;
}
@keyframes rotate-out-sm {
0% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
100% {
transform: rotate(45deg);
transform-origin: center center;
opacity: 0;
}
}
.rotate-out-sm {
animation-name: rotate-out-sm;
}
@keyframes rotate-in-lg {
0% {
transform: rotate(-180deg);
transform-origin: center center;
opacity: 0;
}
100% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
}
.rotate-in-lg {
animation-name: rotate-in-lg;
}
@keyframes rotate-out-lg {
0% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
100% {
transform: rotate(180deg);
transform-origin: center center;
opacity: 0;
}
}
.rotate-out-lg {
animation-name: rotate-out-lg;
}
@keyframes flip-in-x {
0% {
transform: perspective(550px) rotateX(90deg);
opacity: 0;
}
100% {
transform: perspective(550px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x {
animation-name: flip-in-x;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-out-x {
0% {
transform: perspective(550px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(550px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x {
animation-name: flip-out-x;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-in-x-nr {
0% {
transform: perspective(100px) rotateX(90deg);
opacity: 0;
}
100% {
transform: perspective(100px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x-nr {
animation-name: flip-in-x-nr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-out-x-nr {
0% {
transform: perspective(100px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(100px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x-nr {
animation-name: flip-out-x-nr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-in-x-fr {
0% {
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
100% {
transform: perspective(1000px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x-fr {
animation-name: flip-in-x-fr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-out-x-fr {
0% {
transform: perspective(1000px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x-fr {
animation-name: flip-out-x-fr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-in-y {
0% {
transform: perspective(550px) rotateY(90deg);
opacity: 0;
}
100% {
transform: perspective(550px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y {
animation-name: flip-in-y;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-out-y {
0% {
transform: perspective(550px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(550px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y {
animation-name: flip-out-y;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-in-y-nr {
0% {
transform: perspective(100px) rotateY(90deg);
opacity: 0;
}
100% {
transform: perspective(100px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y-nr {
animation-name: flip-in-y-nr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-out-y-nr {
0% {
transform: perspective(100px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(100px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y-nr {
animation-name: flip-out-y-nr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-in-y-fr {
0% {
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
}
100% {
transform: perspective(1000px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y-fr {
animation-name: flip-in-y-fr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flip-out-y-fr {
0% {
transform: perspective(1000px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y-fr {
animation-name: flip-out-y-fr;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes zoom-in {
0% {
transform: scale(.7);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in {
animation-name: zoom-in;
}
@keyframes zoom-out {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(.7);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out {
animation-name: zoom-out;
}
@keyframes zoom-in-sm {
0% {
transform: scale(.95);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in-sm {
animation-name: zoom-in-sm;
}
@keyframes zoom-out-sm {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(.95);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out-sm {
animation-name: zoom-out-sm;
}
@keyframes zoom-in-lg {
0% {
transform: scale(.4);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in-lg {
animation-name: zoom-in-lg;
}
@keyframes zoom-out-lg {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(.4);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out-lg {
animation-name: zoom-out-lg;
}
@keyframes overlay-slide-in-top {
0% {
height: 100%;
}
100% {
height: 0;
}
}
.overlay-slide-in-top {
top: 0;
height: 0;
animation-name: overlay-slide-in-top;
}
@keyframes overlay-slide-out-top {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.overlay-slide-out-top {
top: 0;
height: 100%;
animation-name: overlay-slide-out-top;
}
@keyframes overlay-slide-in-bottom {
0% {
height: 100%;
}
100% {
height: 0;
}
}
.overlay-slide-in-bottom {
bottom: 0;
height: 0;
animation-name: overlay-slide-in-bottom;
}
@keyframes overlay-slide-out-bottom {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.overlay-slide-out-bottom {
bottom: 0;
height: 100%;
animation-name: overlay-slide-out-bottom;
}
@keyframes overlay-slide-in-left {
0% {
width: 100%;
}
100% {
width: 0;
}
}
.overlay-slide-in-left {
width: 0;
animation-name: overlay-slide-in-left;
}
@keyframes overlay-slide-out-left {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.overlay-slide-out-left {
left: 0;
width: 100%;
animation-name: overlay-slide-out-left;
}
@keyframes overlay-slide-in-right {
0% {
width: 100%;
}
100% {
width: 0;
}
}
.overlay-slide-in-right {
right: 0;
width: 0;
animation-name: overlay-slide-in-right;
}
@keyframes overlay-slide-out-right {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.overlay-slide-out-right {
right: 0;
width: 100%;
animation-name: overlay-slide-out-right;
}
/*!
* Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
padding: 4px;
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.highlighted {
background: #d9edf7;
border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eee;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
margin-top: 3px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 18px;
padding: 4px 5px;
font-weight: normal;
line-height: 18px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker.css.map *//* iCheck plugin Flat skin
----------------------------------- */
.icheckbox_flat,
.iradio_flat {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/flat.png?2176d6d6e814b0da1c71b73ca7a675e8) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat {
background-position: 0 0;
}
.icheckbox_flat.checked {
background-position: -22px 0;
}
.icheckbox_flat.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat.checked.disabled {
background-position: -66px 0;
}
.iradio_flat {
background-position: -88px 0;
}
.iradio_flat.checked {
background-position: -110px 0;
}
.iradio_flat.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat,
.iradio_flat {
background-image: url(/images/vendor/icheck/skins/flat/flat@2x.png?0fd2837df39867a90c7a6fca9ca6fe6e);
background-size: 176px 22px;
}
}
/* red */
.icheckbox_flat-red,
.iradio_flat-red {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/red.png?ed1ce1933095ec957aefb354238b7696) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-red {
background-position: 0 0;
}
.icheckbox_flat-red.checked {
background-position: -22px 0;
}
.icheckbox_flat-red.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-red.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-red {
background-position: -88px 0;
}
.iradio_flat-red.checked {
background-position: -110px 0;
}
.iradio_flat-red.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-red.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-red,
.iradio_flat-red {
background-image: url(/images/vendor/icheck/skins/flat/red@2x.png?68651299040a20c2fd93ba3df98b32a0);
background-size: 176px 22px;
}
}
/* green */
.icheckbox_flat-green,
.iradio_flat-green {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/green.png?bd7c28773430b3ea5c507e00986c58c9) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-green {
background-position: 0 0;
}
.icheckbox_flat-green.checked {
background-position: -22px 0;
}
.icheckbox_flat-green.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-green.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-green {
background-position: -88px 0;
}
.iradio_flat-green.checked {
background-position: -110px 0;
}
.iradio_flat-green.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-green.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-green,
.iradio_flat-green {
background-image: url(/images/vendor/icheck/skins/flat/green@2x.png?e11d63f3475d3eb97bf6d5fb2097954b);
background-size: 176px 22px;
}
}
/* blue */
.icheckbox_flat-blue,
.iradio_flat-blue {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/blue.png?36ae7b1e1de65a74be291624eab4a6f8) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-blue {
background-position: 0 0;
}
.icheckbox_flat-blue.checked {
background-position: -22px 0;
}
.icheckbox_flat-blue.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-blue.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-blue {
background-position: -88px 0;
}
.iradio_flat-blue.checked {
background-position: -110px 0;
}
.iradio_flat-blue.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-blue.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-blue,
.iradio_flat-blue {
background-image: url(/images/vendor/icheck/skins/flat/blue@2x.png?5e10458811e6aa98278d2b2183700035);
background-size: 176px 22px;
}
}
/* aero */
.icheckbox_flat-aero,
.iradio_flat-aero {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/aero.png?72ad39ae940fcfe016761168fc09408b) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-aero {
background-position: 0 0;
}
.icheckbox_flat-aero.checked {
background-position: -22px 0;
}
.icheckbox_flat-aero.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-aero.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-aero {
background-position: -88px 0;
}
.iradio_flat-aero.checked {
background-position: -110px 0;
}
.iradio_flat-aero.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-aero.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-aero,
.iradio_flat-aero {
background-image: url(/images/vendor/icheck/skins/flat/aero@2x.png?30a715df6ce8bdea2c5de23af928be61);
background-size: 176px 22px;
}
}
/* grey */
.icheckbox_flat-grey,
.iradio_flat-grey {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/grey.png?30801d6a64f82a02413e3fae63cba53b) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-grey {
background-position: 0 0;
}
.icheckbox_flat-grey.checked {
background-position: -22px 0;
}
.icheckbox_flat-grey.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-grey.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-grey {
background-position: -88px 0;
}
.iradio_flat-grey.checked {
background-position: -110px 0;
}
.iradio_flat-grey.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-grey.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-grey,
.iradio_flat-grey {
background-image: url(/images/vendor/icheck/skins/flat/grey@2x.png?d160d152e6fe25409a365ad2e9b9142c);
background-size: 176px 22px;
}
}
/* orange */
.icheckbox_flat-orange,
.iradio_flat-orange {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/orange.png?1aeb9bfc53322703a9a73b712cf358f9) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-orange {
background-position: 0 0;
}
.icheckbox_flat-orange.checked {
background-position: -22px 0;
}
.icheckbox_flat-orange.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-orange.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-orange {
background-position: -88px 0;
}
.iradio_flat-orange.checked {
background-position: -110px 0;
}
.iradio_flat-orange.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-orange.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-orange,
.iradio_flat-orange {
background-image: url(/images/vendor/icheck/skins/flat/orange@2x.png?97f1f8c82810b354063b1daabe13bfb9);
background-size: 176px 22px;
}
}
/* yellow */
.icheckbox_flat-yellow,
.iradio_flat-yellow {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/yellow.png?b80c9cf4e68212b31e4bfefb5b850e35) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-yellow {
background-position: 0 0;
}
.icheckbox_flat-yellow.checked {
background-position: -22px 0;
}
.icheckbox_flat-yellow.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-yellow.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-yellow {
background-position: -88px 0;
}
.iradio_flat-yellow.checked {
background-position: -110px 0;
}
.iradio_flat-yellow.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-yellow.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-yellow,
.iradio_flat-yellow {
background-image: url(/images/vendor/icheck/skins/flat/yellow@2x.png?04850a2414ba46fb33c9e0dd670a1a12);
background-size: 176px 22px;
}
}
/* pink */
.icheckbox_flat-pink,
.iradio_flat-pink {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/pink.png?ef2ce4dcf4e30f9c1864b973a99564b6) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-pink {
background-position: 0 0;
}
.icheckbox_flat-pink.checked {
background-position: -22px 0;
}
.icheckbox_flat-pink.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-pink.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-pink {
background-position: -88px 0;
}
.iradio_flat-pink.checked {
background-position: -110px 0;
}
.iradio_flat-pink.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-pink.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-pink,
.iradio_flat-pink {
background-image: url(/images/vendor/icheck/skins/flat/pink@2x.png?a4dd2663820b6e65ddb19f9b9ea7c31e);
background-size: 176px 22px;
}
}
/* purple */
.icheckbox_flat-purple,
.iradio_flat-purple {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(/images/vendor/icheck/skins/flat/purple.png?da1144dfb4e10c4fa7c35f4bc8945e90) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_flat-purple {
background-position: 0 0;
}
.icheckbox_flat-purple.checked {
background-position: -22px 0;
}
.icheckbox_flat-purple.disabled {
background-position: -44px 0;
cursor: default;
}
.icheckbox_flat-purple.checked.disabled {
background-position: -66px 0;
}
.iradio_flat-purple {
background-position: -88px 0;
}
.iradio_flat-purple.checked {
background-position: -110px 0;
}
.iradio_flat-purple.disabled {
background-position: -132px 0;
cursor: default;
}
.iradio_flat-purple.checked.disabled {
background-position: -154px 0;
}
/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_flat-purple,
.iradio_flat-purple {
background-image: url(/images/vendor/icheck/skins/flat/purple@2x.png?158759dcf5248781e7d714962cc7585a);
background-size: 176px 22px;
}
}.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }
/*!
* Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select)
*
* Copyright 2012-2020 SnapAppointments, LLC
* Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
*/
@-webkit-keyframes bs-notify-fadeOut {
0% {
opacity: 0.9;
}
100% {
opacity: 0;
}
}
@-o-keyframes bs-notify-fadeOut {
0% {
opacity: 0.9;
}
100% {
opacity: 0;
}
}
@keyframes bs-notify-fadeOut {
0% {
opacity: 0.9;
}
100% {
opacity: 0;
}
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
display: none !important;
}
.bootstrap-select {
width: 220px \0;
/*IE9 and below*/
vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
position: relative;
width: 100%;
text-align: right;
white-space: nowrap;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
margin-top: -1px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2 !important;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
border-color: #28a745;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
height: auto;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
float: none;
z-index: auto;
}
.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
width: auto;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
float: right;
}
.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
height: 100%;
font-size: inherit;
line-height: inherit;
border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
font-size: inherit;
line-height: inherit;
border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
outline: none !important;
}
.bootstrap-select.bs-container {
position: absolute;
top: 0;
left: 0;
height: 0 !important;
padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
z-index: 1060;
}
.bootstrap-select .dropdown-toggle .filter-option {
position: static;
top: 0;
left: 0;
float: left;
height: 100%;
width: 100%;
text-align: left;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
padding-right: inherit;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
position: absolute;
padding-top: inherit;
padding-bottom: inherit;
padding-left: inherit;
float: none;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
width: 0 !important;
float: left;
opacity: 0 !important;
overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
width: 100%;
}
.bootstrap-select .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
-webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
-o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
animation: 300ms linear 750ms forwards bs-notify-fadeOut;
}
.bootstrap-select .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
position: static;
display: inline;
padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
content: '\00a0';
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
content: '';
display: block;
width: 0.5em;
height: 1em;
border-style: solid;
border-width: 0 0.26em 0.26em 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
bottom: auto;
top: -4px;
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
bottom: auto;
top: -4px;
border-top: 6px solid white;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
padding: 4px 8px;
}
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
width: 50%;
}
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-donebutton .btn-group button {
width: 100%;
}
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px;
}
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */.app-documents .form-group .dropdown-toggle {
height: 46px;
padding: 12px 18px 8px 13px;
background-color: #fff;
border-color: #e0e0e0;
border-width: 1px 0 1px 1px;
}
.app-documents .form-group .filter-option {
float: none !important;
text-overflow: ellipsis;
vertical-align: middle;
}
.app-documents .form-group .input-search-btn {
z-index: 4;
font-size: 20px;
}
.app-documents .form-group .input-search-btn + .form-control {
height: 46px;
padding: 8px 48px 8px 13px;
border-radius: 0 4px 4px 0;
}
.app-documents .documents-wrap {
position: relative;
margin-top: 25px;
margin-bottom: 25px;
}
.app-documents .articles {
padding: 30px 30px 0;
margin-top: 25px;
margin-bottom: 25px;
background-color: #fff;
border-radius: .286rem;
}
.app-documents .articles .blocks > li {
margin-bottom: 50px;
}
.app-documents .articles-item {
position: relative;
padding-left: 45px;
}
.app-documents .articles-item > .icon {
position: absolute;
top: 0;
left: 0;
font-size: 25px;
}
.app-documents .articles-item a {
color: #757575;
}
.app-documents .categories {
margin-top: 25px;
margin-bottom: 25px;
}
.app-documents .categories .blocks > li {
margin-bottom: 30px;
}
.app-documents .category {
height: 100%;
padding: 30px;
text-align: center;
background-color: #fff;
border-radius: .286rem;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.app-documents .category .icon-wrap > .icon {
font-size: 65px;
}
.app-documents .article::after {
display: block;
clear: both;
content: "";
}
.app-documents .article-sidebar, .app-documents .article-content {
float: left;
background-color: #fff;
border-radius: .286rem;
}
.app-documents .sticky {
position: sticky;
top: 86px;
}
.app-documents .article-sidebar {
width: 260px;
padding: 20px 15px;
margin-bottom: 30px;
}
.app-documents .article-sidebar .list-group {
margin-bottom: 0;
}
.app-documents .article-sidebar .list-group .list-group {
display: none;
}
.app-documents .article-sidebar .list-group-item {
padding: 0;
margin-bottom: 1px;
border: none;
}
.app-documents .article-sidebar .list-group-item a {
display: block;
flex: 100%;
padding: 10px 15px;
overflow: hidden;
font-weight: 300;
color: #757575;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.app-documents .article-sidebar .list-group-item a:hover, .app-documents .article-sidebar .list-group-item a:focus {
color: #757575;
background-color: #eee;
}
.app-documents .article-sidebar .list-group-item a + .list-group {
margin-top: 1px;
}
.app-documents .article-sidebar .list-group-item a.dropdown-toggle:after {
display: none;
}
.app-documents .article-sidebar .list-group-item .active {
color: #3949ab;
background-color: #eee;
}
.app-documents .article-sidebar .list-group-item .active ~ .dropdown-menu {
position: relative;
top: 0;
display: block;
flex: 100%;
float: none;
padding: 0;
border: none;
box-shadow: none;
}
.app-documents .article-sidebar .list-group-item .active ~ .dropdown-menu .dropdown-item {
width: 100%;
padding-left: 25px;
margin: 1px 0;
}
.app-documents .article-sidebar .list-group-item .list-group-item > a {
padding-left: 25px;
}
.app-documents .article-content {
width: calc(100% - 290px);
padding: 20px 30px;
margin-left: 30px;
}
.app-documents .article-content section {
margin-bottom: 22px;
}
.app-documents .article-content section h4 {
margin-top: -80px;
border-top: 80px solid transparent;
}
.app-documents .article-content section:first-child {
margin-top: -80px;
}
.app-documents .article-content section:first-child h4 {
margin-top: 0;
}
.app-documents .article-footer {
padding: 30px;
font-size: 24px;
background-color: #eee;
border-radius: .286rem;
}
.app-documents .article-footer::after {
display: block;
clear: both;
content: "";
}
.app-documents .article-footer-actions {
float: right;
}
@media (max-width: 767px) {
.app-documents .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 140px !important;
}
.app-documents .article-sidebar, .app-documents .article-content {
width: 100%;
margin-left: 0;
}
.app-documents .article-sidebar.sticky {
position: relative;
top: 0;
}
}
@media (max-width: 767px) {
.app-documents .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100px;
}
}
/*!
* Cropper v4.1.0
* https://fengyuanchen.github.io/cropper
*
* Copyright 2014-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2019-10-12T07:43:47.783Z
*/
.cropper-container {
direction: ltr;
font-size: 0;
line-height: 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cropper-container img {
display: block;
height: 100%;
image-orientation: 0deg;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
overflow: hidden;
}
.cropper-drag-box {
background-color: #fff;
opacity: 0;
}
.cropper-modal {
background-color: #000;
opacity: 0.5;
}
.cropper-view-box {
display: block;
height: 100%;
outline: 1px solid #39f;
outline-color: rgba(51, 153, 255, 0.75);
overflow: hidden;
width: 100%;
}
.cropper-dashed {
border: 0 dashed #eee;
display: block;
opacity: 0.5;
position: absolute;
}
.cropper-dashed.dashed-h {
border-bottom-width: 1px;
border-top-width: 1px;
height: calc(100% / 3);
left: 0;
top: calc(100% / 3);
width: 100%;
}
.cropper-dashed.dashed-v {
border-left-width: 1px;
border-right-width: 1px;
height: 100%;
left: calc(100% / 3);
top: 0;
width: calc(100% / 3);
}
.cropper-center {
display: block;
height: 0;
left: 50%;
opacity: 0.75;
position: absolute;
top: 50%;
width: 0;
}
.cropper-center::before,
.cropper-center::after {
background-color: #eee;
content: ' ';
display: block;
position: absolute;
}
.cropper-center::before {
height: 1px;
left: -3px;
top: 0;
width: 7px;
}
.cropper-center::after {
height: 7px;
left: 0;
top: -3px;
width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
display: block;
height: 100%;
opacity: 0.1;
position: absolute;
width: 100%;
}
.cropper-face {
background-color: #fff;
left: 0;
top: 0;
}
.cropper-line {
background-color: #39f;
}
.cropper-line.line-e {
cursor: ew-resize;
right: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-n {
cursor: ns-resize;
height: 5px;
left: 0;
top: -3px;
}
.cropper-line.line-w {
cursor: ew-resize;
left: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-s {
bottom: -3px;
cursor: ns-resize;
height: 5px;
left: 0;
}
.cropper-point {
background-color: #39f;
height: 5px;
opacity: 0.75;
width: 5px;
}
.cropper-point.point-e {
cursor: ew-resize;
margin-top: -3px;
right: -3px;
top: 50%;
}
.cropper-point.point-n {
cursor: ns-resize;
left: 50%;
margin-left: -3px;
top: -3px;
}
.cropper-point.point-w {
cursor: ew-resize;
left: -3px;
margin-top: -3px;
top: 50%;
}
.cropper-point.point-s {
bottom: -3px;
cursor: s-resize;
left: 50%;
margin-left: -3px;
}
.cropper-point.point-ne {
cursor: nesw-resize;
right: -3px;
top: -3px;
}
.cropper-point.point-nw {
cursor: nwse-resize;
left: -3px;
top: -3px;
}
.cropper-point.point-sw {
bottom: -3px;
cursor: nesw-resize;
left: -3px;
}
.cropper-point.point-se {
bottom: -3px;
cursor: nwse-resize;
height: 20px;
opacity: 1;
right: -3px;
width: 20px;
}
@media (min-width: 768px) {
.cropper-point.point-se {
height: 15px;
width: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
height: 10px;
width: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
height: 5px;
opacity: 0.75;
width: 5px;
}
}
.cropper-point.point-se::before {
background-color: #39f;
bottom: -50%;
content: ' ';
display: block;
height: 200%;
opacity: 0;
position: absolute;
right: -50%;
width: 200%;
}
.cropper-invisible {
opacity: 0;
}
.cropper-bg {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
display: block;
height: 0;
position: absolute;
width: 0;
}
.cropper-hidden {
display: none !important;
}
.cropper-move {
cursor: move;
}
.cropper-crop {
cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed;
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
font-size: 2em;
}
@font-face {
font-family: "raty";
font-style: normal;
font-weight: normal;
src: url("/fonts/raty.eot");
src: url("/fonts/raty.eot?#iefix") format("embedded-opentype");
src: url("/fonts/raty.svg#raty") format("svg");
src: url("/fonts/raty.ttf") format("truetype");
src: url("/fonts/raty.woff") format("woff");
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "raty";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-transform: none;
}
.cancel-on-png:before {
content: "\e600";
}
.cancel-off-png:before {
content: "\e601";
}
.star-on-png:before {
content: "\f005";
}
.star-off-png:before {
content: "\f006";
}
.star-half-png:before {
content: "\f123";
}
/*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?v=4.5.0');src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
@charset "utf-8";
.site-navbar {
background-color: #3f51b5;
}
@media (min-width: 768px) {
.site-navbar .navbar-header {
display: none;
}
}
.site-navbar .navbar-container {
background-color: #fff;
margin-left: 0 !important;
}
.site-navbar .navbar-container .navbar-brand-center {
position: absolute;
left: 50%;
padding: 0;
margin: 0;
transform: translate(-50%, 0);
}
.site-navbar .navbar-container .navbar-brand-center > a {
display: block;
padding: 20px;
}
@media (max-width: 767px) {
.site-navbar .navbar-container .navbar-brand-center {
display: none;
}
}
.site-navbar .navbar-container .navbar-brand-center .navbar-brand-logo-normal {
display: none;
}
.site-navbar .navbar-container .navbar-brand-center .navbar-brand-logo-special {
display: inline-block;
}
.site-navbar .navbar-container .navbar-toolbar [data-toggle="menubar"] {
padding: 6px 7px;
margin-top: 16px;
margin-right: 10px;
margin-bottom: 16px;
border-radius: 1000px;
}
.site-navbar .navbar-container .navbar-toolbar [data-toggle="menubar"]:focus, .site-navbar .navbar-container .navbar-toolbar [data-toggle="menubar"]:hover {
color: #fff;
background-color: transparent;
}
.site-navbar .navbar-container .navbar-search-overlap {
z-index: 1;
}
.site-navbar.navbar-inverse .navbar-container {
background-color: transparent;
}
.site-navbar.navbar-inverse .navbar-container .navbar-brand-center .navbar-brand-logo-normal {
display: inline-block;
}
.site-navbar.navbar-inverse .navbar-container .navbar-brand-center .navbar-brand-logo-special {
display: none;
}
@media (max-width: 767px) {
.site-navbar.navbar-default .navbar-toggler {
color: #fff;
}
.site-navbar.navbar-default .navbar-brand {
color: #fff;
}
.site-navbar.navbar-default .hamburger:before, .site-navbar.navbar-default .hamburger:after, .site-navbar.navbar-default .hamburger .hamburger-bar {
background: #fff;
}
}
@media (max-width: 767px) {
.site-navbar.navbar .navbar-header {
flex: 1 1 auto;
}
.site-navbar.navbar .navbar-collapse {
flex: 1 1 100%;
}
.site-navbar.navbar .navbar-search {
flex: 1 1 100%;
}
}
html, body {
height: 100%;
}
body {
padding-top: 66.01px;
}
.site-menubar {
position: fixed;
top: 66.01px;
z-index: 1400;
width: 260px;
height: calc(100% - 66.01px);
height: 100%;
font-family: "Roboto", sans-serif;
color: rgba(117, 117, 117, .9);
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
opacity: 0;
transition: width .25s, opacity .25s, transform .25s;
transform: translate3d(-240px, 0, 0);
}
.site-menubar-header {
height: 140px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.site-menubar-header .cover {
height: 100%;
}
.site-menubar-header .cover .cover-image {
height: 100%;
}
.site-menubar-header .avatar {
float: left;
margin-right: 20px;
}
.site-menubar-header .site-menubar-info {
overflow: hidden;
}
.site-menubar-header .site-menubar-user {
margin-top: 6px;
margin-bottom: 6px;
font-size: 14px;
color: #fff;
}
.site-menubar-header .site-menubar-email {
margin-bottom: 0;
font-size: 12px;
color: rgba(255, 255, 255, .6);
}
.site-menubar-body {
height: 100%;
height: calc(100% - 38px) !important;
}
.site-menubar ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-menubar a {
outline: none;
}
.site-menubar a:hover, .site-menubar a:focus {
text-decoration: none;
}
.site-menubar .scrollable-inverse.scrollable .scrollable-bar-handle {
background: rgba(158, 158, 158, .6);
}
.site-menubar.site-menubar-dark {
background: #212121;
box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}
.site-menu {
padding-bottom: 20px;
overflow-y: hidden;
font-size: 14px;
}
.site-menu-item > a {
white-space: nowrap;
cursor: pointer;
}
.site-menu-icon {
display: inline-block;
width: 1em;
margin-right: 16px;
text-align: center;
}
.site-menu-title {
display: inline-block;
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.site-menu-title:first-child {
margin-left: 0.5em;
}
.site-menu-arrow {
position: relative;
display: inline-block;
font-family: "Material Design Iconic";
font-style: normal;
font-weight: normal;
transition: transform .15s;
transform: translate(0, 0);
text-rendering: auto;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.site-menu-arrow:before {
content: "";
}
.site-menu-arrow, .site-menu-badge, .site-menu-label {
position: absolute;
right: 25px;
display: inline-block;
vertical-align: middle;
}
.site-menu .badge, .site-menu .label {
padding: 2px 5px 3px;
font-size: .858rem;
font-weight: 300;
}
.site-menu-item {
position: relative;
white-space: nowrap;
}
.site-menu-item a {
display: block;
color: rgba(117, 117, 117, .9);
}
.site-menu-item.is-hidden {
opacity: 0;
}
.site-menu-item.is-shown {
opacity: 1;
}
.site-menu-item.open > a .site-menu-arrow {
transform: rotate(90deg);
}
.site-menu-item.open > .site-menu-sub {
display: block;
}
.site-menu-item:not(.open) > a .site-menu-arrow {
transform: none;
}
.site-menu-item:not(.open) > .site-menu-sub {
display: none;
}
.site-menu > .site-menu-item {
padding: 0;
}
.site-menu > .site-menu-item > a {
padding: 0 25px;
font-weight: 400;
line-height: 38px;
}
.site-menu > .site-menu-item.open {
background: rgba(33, 33, 33, .05);
}
.site-menu > .site-menu-item.open > a {
color: #424242;
background: transparent;
}
.site-menu > .site-menu-item.open.hover > a {
background: transparent;
}
.site-menu > .site-menu-item.hover > a, .site-menu > .site-menu-item:hover > a {
color: #424242;
background-color: rgba(33, 33, 33, .05);
}
.site-menu > .site-menu-item.active {
background: rgba(33, 33, 33, .05);
border-top: 1px solid rgba(0, 0, 0, .04);
border-bottom: 1px solid rgba(0, 0, 0, .04);
}
.site-menu > .site-menu-item.active > a {
color: #424242;
background: transparent;
}
.site-menu > .site-menu-item.active.hover > a {
background: transparent;
}
.site-menu .site-menu-sub {
padding: 5px 0;
margin: 0;
font-size: 14px;
background: transparent;
}
.site-menu .site-menu-sub .site-menu-item {
line-height: 34px;
color: rgba(117, 117, 117, .9);
background: transparent;
}
.site-menu .site-menu-sub .site-menu-item.has-sub {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.site-menu .site-menu-sub .site-menu-item.has-sub.open {
border-top-color: rgba(0, 0, 0, .06);
border-bottom-color: rgba(0, 0, 0, .06);
}
.site-menu .site-menu-sub .site-menu-item > a {
padding: 0 25px;
}
.site-menu .site-menu-sub .site-menu-item.open {
background: rgba(33, 33, 33, .05);
}
.site-menu .site-menu-sub .site-menu-item.open > a {
color: #424242;
}
.site-menu .site-menu-sub .site-menu-item.open.hover > a {
background-color: transparent;
}
.site-menu .site-menu-sub .site-menu-item.hover > a, .site-menu .site-menu-sub .site-menu-item:hover > a {
color: #424242;
background-color: rgba(255, 255, 255, .02);
}
.site-menu .site-menu-sub .site-menu-item.active {
background: rgba(33, 33, 33, .05);
}
.site-menu .site-menu-sub .site-menu-item.active > a {
color: #424242;
}
.site-menu .site-menu-sub .site-menu-item.active.hover > a {
background-color: transparent;
}
.site-menubar-dark .site-menu-item a {
color: rgba(158, 158, 158, .9);
}
.site-menubar-dark .site-menu-item.hover > a, .site-menubar-dark .site-menu-item:hover > a {
background: transparent;
}
.site-menubar-dark .site-menu > .site-menu-item.open {
background: #1e1e1e;
}
.site-menubar-dark .site-menu > .site-menu-item.open > a {
color: #fff;
}
.site-menubar-dark .site-menu > .site-menu-item.hover, .site-menubar-dark .site-menu > .site-menu-item:hover {
background-color: rgba(255, 255, 255, .02);
}
.site-menubar-dark .site-menu > .site-menu-item.hover > a, .site-menubar-dark .site-menu > .site-menu-item:hover > a {
color: rgba(255, 255, 255, .8);
}
.site-menubar-dark .site-menu > .site-menu-item.active {
background: #1e1e1e;
}
.site-menubar-dark .site-menu > .site-menu-item.active > a {
color: #fff;
}
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.open {
background: rgba(0, 0, 0, .06);
}
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.open > a {
color: #fff;
}
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover, .site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover {
background-color: rgba(0, 0, 0, .06);
}
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover > a, .site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover > a {
color: rgba(255, 255, 255, .8);
}
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.hover.open, .site-menubar-dark .site-menu .site-menu-sub .site-menu-item:hover.open {
background-color: rgba(0, 0, 0, .06);
}
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.active {
background: rgba(0, 0, 0, .06);
}
.site-menubar-dark .site-menu .site-menu-sub .site-menu-item.active > a {
color: #fff;
}
.site-sidebar {
z-index: 1210;
}
.site-sidebar.slidePanel {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
}
.site-sidebar.slidePanel.slidePanel-right, .site-sidebar.slidePanel.slidePanel-left {
width: 300px;
overflow: hidden;
}
.site-sidebar-content {
height: 100%;
}
.site-sidebar-nav.nav-tabs > .nav-item {
flex: 1 1 32%;
}
.site-sidebar-nav.nav-tabs > .nav-item > .nav-link {
padding: 0;
font-size: 16px;
line-height: 90px;
text-align: center;
}
.site-sidebar-nav.nav-tabs > .nav-item > .nav-link > .icon {
margin-right: 0;
}
.site-sidebar-tab-content {
height: 100%;
height: calc(100% - 90px);
}
.site-sidebar-tab-content > .tab-pane {
height: 100%;
padding: 20px 30px;
}
.site-sidebar-tab-content > .tab-pane.scrollable {
padding: 0;
}
.site-sidebar-tab-content > .tab-pane .scrollable-content {
padding: 20px 30px;
}
.site-sidebar-tab-content > .tab-pane .list-group {
margin-right: -30px;
margin-left: -30px;
}
.site-sidebar-tab-content > .tab-pane .list-group > .list-group-item {
padding-right: 30px;
padding-left: 30px;
}
.site-sidebar .conversation {
position: absolute;
top: 0;
right: -100%;
z-index: 1700;
width: 100%;
height: 100%;
background-color: #fff;
transition: all .3s;
}
.site-sidebar .conversation.active {
right: 0;
}
.site-sidebar .conversation-header {
height: 90px;
border-bottom: 1px solid #e0e0e0;
}
.site-sidebar .conversation-header > * {
padding: 0 30px;
margin: 0;
line-height: 90px;
}
.site-sidebar .conversation-more, .site-sidebar .conversation-return {
color: rgba(66, 66, 66, .4);
cursor: pointer;
}
.site-sidebar .conversation-more:hover, .site-sidebar .conversation-more:focus, .site-sidebar .conversation-return:hover, .site-sidebar .conversation-return:focus {
color: rgba(66, 66, 66, .6);
}
.site-sidebar .conversation-more:active, .site-sidebar .conversation-return:active {
color: #424242;
}
.site-sidebar .conversation-title {
position: relative;
top: 1px;
z-index: -1;
color: #424242;
text-align: center;
}
.site-sidebar .conversation-content {
padding: 30px 15px;
}
.site-sidebar .conversation-reply {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 60px;
padding: 10px 0;
background-color: #fff;
border-top: 1px solid #e0e0e0;
}
.site-sidebar .conversation-reply .form-control {
border: 0;
border-right: 1px solid #e0e0e0;
}
.site-sidebar .conversation .chats {
height: calc(100% - 150px);
overflow-y: auto;
}
@media (max-width: 767px) {
.site-sidebar.slidePanel.slidePanel-right, .site-sidebar.slidePanel.slidePanel-left {
width: 100%;
}
}
.site-action {
position: fixed;
right: 32px;
bottom: 55px;
z-index: 1290;
animation-duration: 3s;
}
.site-action input {
display: none;
}
.site-action .btn {
box-shadow: 0 10px 10px 0 rgba(60, 60, 60, .1);
}
.site-action .front-icon {
display: block;
}
.site-action .back-icon {
display: none;
}
.site-action-buttons {
position: absolute;
bottom: 56px;
left: 0;
display: none;
width: 100%;
text-align: center;
}
.site-action-buttons .btn {
display: block;
margin: 0 auto;
margin-bottom: 10px;
animation-delay: 100ms;
}
.site-action.active .front-icon {
display: none;
}
.site-action.active .back-icon {
display: block;
}
.site-action.active .site-action-buttons {
display: block;
}
@media (max-width: 767px) {
.site-action .btn-floating {
width: 46px;
height: 46px;
padding: 0;
font-size: 16px;
box-shadow: 0 6px 6px 0 rgba(60, 60, 60, .1);
}
.site-action-buttons {
bottom: 46px;
}
}
body {
background-color: #eceff1;
}
.page {
position: relative;
/*max-width: 1400px;*/
min-height: calc(100vh - 44px - 4.715rem);
margin: 0 auto;
background: #eceff1;
}
.page-dark.layout-full {
color: #fff;
}
.page-dark.layout-full:before {
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
content: "";
background-position: center top;
background-size: cover;
}
.page-dark.layout-full:after {
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
content: "";
background-color: rgba(33, 33, 33, .6);
}
.page-dark.layout-full .brand {
margin-bottom: 22px;
}
.page-dark.layout-full .brand-text {
font-size: 18px;
color: #fff;
text-transform: uppercase;
}
.page-nav-tabs {
padding: 0 30px;
}
.page-content {
padding: 30px;
}
@media (max-width: 479px) {
.page-content {
padding: 10px;
}
}
.page-content-actions {
padding: 0 30px 30px;
}
.page-content-actions .dropdown {
display: inline-block;
}
.page-content-actions::after {
display: block;
clear: both;
content: "";
}
.page-content-table {
max-width: 100%;
padding: 0;
overflow-x: auto;
}
.page-content-table .table > thead > tr > th, .page-content-table .table > tbody > tr > th, .page-content-table .table > thead > tr > td, .page-content-table .table > tbody > tr > td {
padding-top: 20px;
padding-bottom: 20px;
}
.page-content-table .table > thead > tr > th:first-child, .page-content-table .table > tbody > tr > th:first-child, .page-content-table .table > thead > tr > td:first-child, .page-content-table .table > tbody > tr > td:first-child {
padding-left: 30px;
}
.page-content-table .table > thead > tr > th:last-child, .page-content-table .table > tbody > tr > th:last-child, .page-content-table .table > thead > tr > td:last-child, .page-content-table .table > tbody > tr > td:last-child {
padding-right: 30px;
}
.page-content-table .table > tbody > tr:hover > td {
background-color: #eee;
}
.page-content-table .table > tbody > tr > td {
cursor: pointer;
}
.page-content-table .table > tbody > tr:last-child td {
border-bottom: 1px solid #e0e0e0;
}
.page-content-table .table.is-indent > thead > tr > th.pre-cell, .page-content-table .table.is-indent > thead > tr > th.suf-cell, .page-content-table .table.is-indent > tbody > tr > th.pre-cell, .page-content-table .table.is-indent > tbody > tr > th.suf-cell, .page-content-table .table.is-indent > thead > tr > td.pre-cell, .page-content-table .table.is-indent > thead > tr > td.suf-cell, .page-content-table .table.is-indent > tbody > tr > td.pre-cell, .page-content-table .table.is-indent > tbody > tr > td.suf-cell {
width: 30px;
padding: 0;
border-top: none;
border-bottom: none;
}
.page-content-table .table.is-indent > tbody > tr:first-child td {
border-top: none;
}
.page-content-table .table.is-indent > tbody > tr:last-child td.pre-cell, .page-content-table .table.is-indent > tbody > tr:last-child td.suf-cell {
border-bottom: none;
}
.page-content-table .table.is-indent > tfoot > tr > td {
border-top: none;
}
.page-content-table .pagination {
margin-right: 30px;
margin-left: 30px;
}
.page-copyright {
margin-top: 60px;
font-size: .858rem;
color: #424242;
letter-spacing: 1px;
}
.page-copyright .social a {
margin: 0 10px;
text-decoration: none;
}
.page-copyright .social .icon {
font-size: 1.143rem;
color: rgba(66, 66, 66, .6);
}
.page-copyright .social .icon:hover, .page-copyright .social .icon:focus {
color: rgba(66, 66, 66, .8);
}
.page-copyright .social .icon.active, .page-copyright .social .icon:active {
color: #424242;
}
.page-copyright-inverse {
color: #fff;
}
.page-copyright-inverse .social .icon {
color: #fff;
}
.page-copyright-inverse .social .icon:hover, .page-copyright-inverse .social .icon:active {
color: rgba(255, 255, 255, .8);
}
.page-header + .page-content {
padding-top: 0;
}
.page-title {
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
}
.page-title > .icon {
margin-right: .3em;
}
.page-description {
color: #9e9e9e;
}
.page-header {
position: relative;
padding: 30px;
margin-top: 0;
margin-bottom: 0;
background: transparent;
border-bottom: 0;
}
.page-header-actions {
position: absolute;
top: 50%;
right: 30px;
margin: auto;
transform: translateY(-50%);
}
.page-header-actions .btn-icon {
margin-left: 6px;
}
.page-header-actions > * {
margin-bottom: 0;
}
.page-header .breadcrumb {
padding: 0;
margin: 0;
}
.page-header-bordered {
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 30px;
background-color: #fff;
border-bottom: 1px solid transparent;
}
.page-header-tabs {
padding-bottom: 0;
}
.page-header-tabs .nav-tabs-line {
margin-top: 5px;
border-bottom-color: transparent;
}
.page-header-tabs .nav-tabs-line > li > a {
padding: 5px 20px;
}
.page-aside {
position: absolute;
top: 0;
bottom: 0;
width: 260px;
overflow-y: hidden;
background: #fff;
border-right: 1px solid #e0e0e0;
transition: visibility .1s ease, top .3s ease, left .5s ease, right .5s ease;
}
.page-aside .list-group-item.active, .page-aside .list-group-item.active:focus, .page-aside .list-group-item.active:hover {
z-index: 0;
}
.page-aside-left .page-aside {
left: 0;
}
/*.page-aside-left .page-aside + .page-main {
margin-left: 260px;
}*/
.page-aside-right .page-aside {
right: 0;
}
/*.page-aside-right .page-aside + .page-main {
margin-right: 260px;
}*/
.page-aside-right .page-aside .page-aside-inner {
border-right: 0;
border-left: 1px solid #e0e0e0;
}
.page-aside-fixed .page-aside {
position: fixed;
top: 66.01px;
height: calc(100% - 66.01px);
}
.page-aside-fixed .page-aside-inner {
height: 100%;
overflow-y: scroll;
}
/*.page-aside-fixed.page-aside-left .site-footer {
margin-left: 260px;
}*/
.page-aside-fixed.page-aside-right .site-footer {
margin-right: 260px;
}
.page-aside-section {
position: relative;
}
.page-aside-section:first-child {
padding-top: 22px;
}
.page-aside-section:last-child {
margin-bottom: 22px;
}
.page-aside-section:after {
position: relative;
display: block;
margin: 22px;
content: "";
border-bottom: 1px solid #e0e0e0;
}
.page-aside-section:last-child:after {
display: none;
}
.page-aside-switch {
position: absolute;
top: calc(50% - 25px);
display: none;
padding: 15px 8px 15px 4px;
line-height: 1;
cursor: pointer;
background-color: #fff;
border-radius: 0 100px 100px 0;
box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
}
.page-aside-switch .md-chevron-right {
display: inline-block;
}
.page-aside-switch .md-chevron-left {
display: none;
}
.page-aside-left .page-aside-switch {
left: calc(100% - 1px);
padding: 15px 8px 15px 4px;
border-radius: 0 100px 100px 0;
}
.page-aside-left .page-aside-switch .md-chevron-right {
display: inline-block;
}
.page-aside-left .page-aside-switch .md-chevron-left {
display: none;
}
.page-aside-right .page-aside-switch {
right: calc(100% - 1px);
left: auto;
padding: 15px 4px 15px 8px;
border-radius: 100px 0 0 100px;
}
.page-aside-right .page-aside-switch .md-chevron-right {
display: none;
}
.page-aside-right .page-aside-switch .md-chevron-left {
display: inline-block;
}
.page-aside-title {
padding: 10px 30px;
margin: 20px 0 10px;
overflow: hidden;
font-weight: 500;
color: #616161;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
.page-aside .list-group {
margin-bottom: 22px;
}
.page-aside .list-group-item {
padding: 13px 30px;
margin-bottom: 1px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 0;
}
.page-aside .list-group-item .icon {
color: #9e9e9e;
}
.page-aside .list-group-item .list-content {
width: 100%;
}
.page-aside .list-group-item .item-right {
float: right;
}
.page-aside .list-group-item:hover, .page-aside .list-group-item:focus {
color: #3f51b5;
background-color: #eee;
border: 0;
}
.page-aside .list-group-item:hover > .icon, .page-aside .list-group-item:focus > .icon {
color: #3f51b5;
}
.page-aside .list-group-item.active {
color: #3f51b5;
background-color: transparent;
}
.page-aside .list-group-item.active > .icon {
color: #3f51b5;
}
.page-aside .list-group-item.active:hover, .page-aside .list-group-item.active:focus {
color: #3f51b5;
background-color: #eee;
border: 0;
}
.page-aside .list-group-item.active:hover > .icon, .page-aside .list-group-item.active:focus > .icon {
color: #3f51b5;
}
.page-aside .list-group.has-actions .list-group-item {
padding-top: 6px;
padding-bottom: 6px;
line-height: 2.573rem;
cursor: pointer;
}
.page-aside .list-group.has-actions .list-group-item .list-editable {
position: relative;
display: none;
}
.page-aside .list-group.has-actions .list-group-item .list-editable .input-editable-close {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
padding: 0;
margin: 0;
cursor: pointer;
background: 0 0;
border: 0;
outline: none;
transform: translateY(-50%);
-webkit-appearance: none;
}
.page-aside .list-group.has-actions .list-group-item .list-editable .form-group {
margin: 0;
}
.page-aside .list-group.has-actions .list-group-item .item-actions {
position: absolute;
top: 6px;
right: 20px;
display: none;
}
.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon {
padding-right: 2px;
padding-left: 2px;
background-color: transparent;
}
.page-aside .list-group.has-actions .list-group-item .item-actions .btn-icon:hover .icon {
color: #3f51b5;
}
.page-aside .list-group.has-actions .list-group-item .item-actions .icon {
margin: 0;
}
.page-aside .list-group.has-actions .list-group-item:hover .item-right {
display: none;
}
.page-aside .list-group.has-actions .list-group-item:hover .item-actions {
display: block;
}
.page-aside .list-group.has-actions .list-group-item:hover .item-actions .icon {
color: #757575;
}
@media (max-width: 1199px) {
.page-aside {
width: 220px;
}
.page-aside-left .page-aside + .page-main {
margin-left: 220px;
}
.page-aside-right .page-aside + .page-main {
margin-right: 220px;
}
.page-aside-fixed.page-aside-left .site-footer {
margin-left: 220px;
}
.page-aside-fixed.page-aside-right .site-footer {
margin-right: 220px;
}
}
@media (max-width: 767px) {
.page-aside {
position: fixed;
top: 66.01px;
z-index: 1100;
width: 260px;
height: calc(100% - 66.01px);
overflow-y: visible;
visibility: visible;
border-color: transparent;
}
.site-navbar-collapse-show .page-aside {
top: 132.02px;
height: calc(100% - 132.02px);
}
.site-menubar-changing .page-aside, .site-menubar-open .page-aside {
height: 100%;
}
.page-aside .page-aside-inner {
height: 100%;
background-color: #fff;
border-right: 1px solid #e0e0e0;
}
.page-aside.open {
left: 0;
}
.site-menubar-changing .page-aside.open, .site-menubar-open .page-aside.open {
visibility: hidden;
}
.page-aside.open .page-aside-switch .md-chevron-right {
display: none;
}
.page-aside.open .page-aside-switch .md-chevron-left {
display: inline;
}
.page-aside-left .page-aside {
left: -260px;
}
.page-aside-left .page-aside + .page-main {
margin-left: 0;
}
.page-aside-right .page-aside {
right: -260px;
}
.page-aside-right .page-aside + .page-main {
margin-right: 0;
}
.page-aside-right .page-aside.open .page-aside-switch .md-chevron-right {
display: inline;
}
.page-aside-right .page-aside.open .page-aside-switch .md-chevron-left {
display: none;
}
.page-aside-left .page-aside {
left: -260px !important;
}
.page-aside-left .page-aside.open {
left: 0 !important;
}
.page-aside-left .site-footer {
margin-left: 0 !important;
}
.page-aside-right .page-aside {
right: -260px !important;
}
.page-aside-right .page-aside.open {
right: 0 !important;
left: auto;
}
.page-aside-right .site-footer {
margin-right: 0 !important;
}
.page-aside-switch {
display: block;
}
}
.site-footer {
height: 44px;
padding: 10px 30px;
background-color: #fff;
border-top: 1px solid #e0e0e0;
box-shadow: inset 0 0 44px rgba(0, 0, 0, .02);
}
.site-footer::after {
display: block;
clear: both;
content: "";
}
.site-footer-legal {
float: left;
}
.site-footer-actions {
float: right;
}
.site-footer-right {
float: right;
}
.site-footer .scroll-to-top {
color: #757575;
}
.site-footer .scroll-to-top, .site-footer .scroll-to-top:hover, .site-footer .scroll-to-top:active {
text-decoration: none;
}
@media (max-width: 767px) {
.site-footer {
height: 66px;
}
}
@media (max-width: 767px) {
.site-footer-legal, .site-footer-right, .site-footer-actions {
display: block;
float: none;
text-align: center;
}
}
.layout-full {
height: 100%;
}
.layout-full .page {
max-width: none;
height: 100%;
padding: 0;
margin: 0 !important;
background-color: transparent;
}
.layout-full > .loader {
margin-left: 0 !important;
}
body.layout-full {
padding-top: 0;
}
@media (min-width: 1200px) {
.layout-boxed {
background: #e0e0e0;
}
.layout-boxed, .layout-boxed .site-navbar {
max-width: 1320px;
margin-right: auto;
margin-left: auto;
}
}
.layout-boxed .slidePanel-right, .layout-boxed .slidePanel-left {
top: 0;
z-index: 1510;
}
.site-print {
padding-top: 0;
}
.site-print .site-navbar, .site-print .site-menubar, .site-print .site-gridmenu, .site-print .site-footer {
display: none;
}
.site-print .page {
margin: 0 !important;
}
@media (max-width: 767px) {
.site-navbar-collapsing {
transition: padding-top .35s;
}
body.site-navbar-collapse-show {
padding-top: 132.02px;
}
.site-navbar-collapse-show .slidePanel.slidePanel-right, .site-navbar-collapse-show .slidePanel.slidePanel-left {
top: 132.02px;
transition: top .35s;
}
}
body .site-navbar-small {
padding-top: 4.286rem;
}
.site-navbar-small .site-navbar {
height: 4.286rem;
min-height: 4.286rem;
}
.site-navbar-small .site-navbar .navbar-brand {
height: 4.286rem;
padding: 1.357rem 1.429rem;
}
.site-navbar-small .site-navbar .navbar-nav {
margin: .6785rem -1.0715rem;
}
@media (min-width: 768px) {
.site-navbar-small .site-navbar .navbar-nav > li > a {
padding-top: 1.357rem;
padding-bottom: 1.357rem;
}
}
.site-navbar-small .site-navbar .navbar-toggler {
height: 4.286rem;
padding: 1.357rem 1.0715rem;
}
.site-navbar-small .site-navbar .navbar-toolbar > li > a {
padding-top: 1.357rem;
padding-bottom: 1.357rem;
}
.site-navbar-small .site-navbar .navbar-nav > li > a.navbar-avatar, .site-navbar-small .site-navbar .navbar-toolbar > li > a.navbar-avatar {
padding-top: 1.0715rem;
padding-bottom: 1.0715rem;
}
.site-navbar-small .site-navbar .navbar-search-overlap .form-control {
height: 4.286rem !important;
}
.site-navbar-small .page-aside-fixed .page-aside {
top: 4.286rem;
height: calc(100% - 4.286rem);
}
.site-navbar-small .site-menubar {
top: 4.286rem;
}
.site-navbar-small .site-skintools {
top: 6.429rem;
}
.site-navbar-small .slidePanel-right, .site-navbar-small .slidePanel-left {
top: 4.286rem;
}
@media (max-width: 767px) {
body.site-navbar-small {
padding-top: 4.286rem;
}
body.site-navbar-small .site-menubar {
top: 4.286rem;
height: calc(100% - 4.286rem);
}
body.site-navbar-small .page-aside {
top: 4.286rem;
height: calc(100% - 4.286rem);
}
body.site-navbar-small .page-aside-fixed .page-aside {
top: 4.286rem;
height: calc(100% - 4.286rem);
}
body.site-navbar-small .site-skintools {
top: 4.286rempxtoRem(30px);
}
body.site-navbar-small .slidePanel-right, body.site-navbar-small .slidePanel-left {
top: 4.286rem;
}
body.site-navbar-small.site-navbar-collapse-show {
padding-top: 8.572rem;
}
body.site-navbar-small.site-navbar-collapse-show .site-menubar {
top: 8.572rem;
height: calc(100% - 8.572rem);
}
body.site-navbar-small.site-navbar-collapse-show .page-aside {
top: 8.572rem;
height: calc(100% - 8.572rem);
}
body.site-navbar-small.site-navbar-collapse-show .site-skintools {
top: 10.715rem;
}
body.site-navbar-small.site-navbar-collapse-show .slidePanel.slidePanel-left, body.site-navbar-small.site-navbar-collapse-show .slidePanel.slidePanel-right {
top: 8.572rem;
}
}
@media (min-width: 768px) {
.site-menubar-fold:not(.site-menubar-open).site-menubar-changing .site-menu > .site-menu-item > .site-menu-sub {
transition: none;
}
.site-menubar-fold:not(.site-menubar-open) .site-menubar-header {
display: none;
}
.site-menubar-fold:not(.site-menubar-open) .site-menubar {
width: 70px;
opacity: 1;
transform: translate3d(0, 0, 0);
}
.site-menubar-fold:not(.site-menubar-open) .site-menubar-body {
height: 100%;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu {
overflow: visible;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item {
font-size: 14px;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > a {
height: 38px;
line-height: 38px;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > a .site-menu-title, .site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > a .site-menu-icon {
position: absolute;
top: 0;
left: 0;
width: 70px;
text-align: center;
transition: visibility .25s, opacity .25s;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > a .site-menu-arrow {
visibility: hidden;
transition: visibility 0;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > a .site-menu-title {
visibility: hidden;
opacity: 0;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > a .site-menu-icon {
margin-right: 0;
font-size: 16px;
visibility: visible;
opacity: 1;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > a .site-menu-badge {
top: -10px;
left: 40px;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > a .site-menu-label {
display: none;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu .site-menu-sub .site-menu-sub {
display: none;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu .site-menu-sub .site-menu-title:first-child {
margin-left: 0;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu .site-menu-sub .site-menu-item.open > a .site-menu-arrow {
transform: rotate(90deg);
}
.site-menubar-fold:not(.site-menubar-open) .site-menu .site-menu-sub .site-menu-item.open > .site-menu-sub {
display: block;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu .site-menu-sub .site-menu-item:not(.open) > a .site-menu-arrow {
transform: none;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu .site-menu-sub .site-menu-item:not(.open) > .site-menu-sub {
display: none;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > .site-menu-sub {
position: absolute;
top: 0;
left: 70px;
width: 240px;
overflow-y: auto;
visibility: hidden;
background: #fff;
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .1);
opacity: 0;
transition: visibility .25s, opacity .25s;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > .site-menu-sub-up {
top: auto;
bottom: 0;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > .site-menu-sub .site-menu-item > a {
padding: 0 30px;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item > .site-menu-sub .site-menu-item .site-menu-icon {
display: none;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu > .site-menu-item.hover > .site-menu-sub {
display: block;
visibility: visible;
opacity: 1;
}
.site-menubar-fold .page, .site-menubar-fold .site-footer {
padding-left: 70px;
}
.site-menubar-fold .page-aside {
left: 70px;
}
}
.site-menubar-open .site-menubar {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.site-menubar-open [data-toggle="menubar"] .hamburger-arrow-left {
transform: rotate(180deg);
}
.site-menubar-open [data-toggle="menubar"] .hamburger-arrow-left:before {
width: .6em;
transform: translate3d(.45em, .1em, 0) rotate(45deg);
}
.site-menubar-open [data-toggle="menubar"] .hamburger-arrow-left .hamburger-bar {
border-radius: .2em;
}
.site-menubar-open [data-toggle="menubar"] .hamburger-arrow-left:after {
width: .6em;
transform: translate3d(.45em, -0.1em, 0) rotate(-45deg);
}
@media (max-width: 767px) {
.site-menubar-open .page, .site-menubar-open .site-footer {
padding-left: 0;
/*-webkit-transform: translate3d(260px, 0, 0);*/
/*transform: translate3d(260px, 0, 0);*/
}
.site-menubar-changing .page, .site-menubar-changing .site-footer {
transition: transform .25s;
}
.site-menubar-changing .site-menubar {
transition: transform .25s, top .35s, height .35s, width 0;
}
.site-menubar-open .site-menubar {
transform: translate3d(0, 0, 0);
}
}
@media (min-width: 768px) {
.site-menubar-push.site-menubar-changing .page, .site-menubar-push.site-menubar-changing .site-footer {
transition: padding .25s;
}
.site-menubar-push.site-menubar-open .page, .site-menubar-push.site-menubar-open .site-footer {
padding-left: 260px;
}
.site-menubar-push.site-menubar-open .page-aside {
left: 260px;
}
.site-menubar-push.site-menubar-open .site-menubar {
transform: translate3d(0, 0, 0);
}
}
@media (max-width: 767px) {
.site-navbar .brand {
display: none;
}
.site-navbar .brand-mobile {
display: block;
}
.site-menubar {
top: 66.01px;
height: calc(100% - 66.01px);
transform: translate3d(-260px, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000;
}
.site-navbar-collapse-show .site-menubar {
top: 132.02px;
height: calc(100% - 132.02px);
}
.site-menubar-footer {
visibility: hidden;
}
.site-menubar-open .site-menubar-footer {
visibility: visible;
}
.disable-scrolling {
height: 100%;
overflow: hidden;
}
body.site-menubar-open {
height: 100%;
overflow: hidden;
}
body.site-menubar-open .page {
height: 100%;
overflow: hidden;
pointer-events: none;
}
}
.radio-custom, .checkbox-custom {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio-custom label, .checkbox-custom label {
min-height: 22px;
margin-bottom: 0;
font-weight: 300;
cursor: pointer;
}
.radio-custom:empty, .checkbox-custom:empty {
min-height: auto;
margin-top: -22px;
}
.radio-custom input[type="radio"], .checkbox-custom input[type="checkbox"] {
position: absolute;
margin-top: 0;
margin-bottom: 0;
margin-left: -20px;
}
.radio-custom.disabled label, fieldset[disabled] .radio-custom label, .checkbox-custom.disabled label, fieldset[disabled]
.checkbox-custom label {
cursor: not-allowed;
}
.input-group-addon .radio-custom, .input-group-addon .checkbox-custom {
margin: 0;
}
.checkbox-custom {
padding-left: 20px;
}
.checkbox-custom label {
position: relative;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
}
.checkbox-custom label:empty {
padding-left: 0;
}
.checkbox-custom label::before {
position: absolute;
left: 0;
display: inline-block;
width: 20px;
height: 20px;
margin-left: -20px;
content: "";
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: .215rem;
transition: all .3s ease-in-out 0s;
}
.checkbox-custom label::after {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 20px;
height: 20px;
padding-top: 1px;
margin-left: -20px;
font-size: 12px;
line-height: 20px;
color: #757575;
text-align: center;
}
.checkbox-custom input[type="checkbox"], .checkbox-custom input[type="radio"] {
z-index: 1;
width: 20px;
height: 20px;
cursor: pointer;
opacity: 0;
}
.checkbox-custom input[type="checkbox"]:checked + label::before, .checkbox-custom input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-custom input[type="radio"]:checked + label::before, .checkbox-custom input[type="radio"]:checked + input[type="hidden"] + label::before {
border-color: #e0e0e0;
border-width: 10px;
transition: all 300ms ease-in-out 0s;
}
.checkbox-custom input[type="checkbox"]:checked + label::after, .checkbox-custom input[type="checkbox"]:checked + input[type="hidden"] + label::after, .checkbox-custom input[type="radio"]:checked + label::after, .checkbox-custom input[type="radio"]:checked + input[type="hidden"] + label::after {
font-family: "Material Design Iconic";
content: "";
}
.checkbox-custom input[type="checkbox"]:disabled, .checkbox-custom input[type="radio"]:disabled {
cursor: not-allowed;
}
.checkbox-custom input[type="checkbox"]:disabled + label, .checkbox-custom input[type="checkbox"]:disabled + input[type="hidden"] + label, .checkbox-custom input[type="radio"]:disabled + label, .checkbox-custom input[type="radio"]:disabled + input[type="hidden"] + label {
opacity: .65;
}
.checkbox-custom input[type="checkbox"]:disabled + label::before, .checkbox-custom input[type="checkbox"]:disabled + input[type="hidden"] + label::before, .checkbox-custom input[type="radio"]:disabled + label::before, .checkbox-custom input[type="radio"]:disabled + input[type="hidden"] + label::before {
cursor: not-allowed;
background-color: #eee;
border-color: #e0e0e0;
border-width: 1px;
}
.checkbox-custom.checkbox-circle label::before {
border-radius: 50%;
}
.checkbox-custom.checkbox-inline {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.checkbox-inline + .checkbox-inline {
margin-left: 20px;
}
.checkbox-default input[type="checkbox"]:checked + label::before, .checkbox-default input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-default input[type="radio"]:checked + label::before, .checkbox-default input[type="radio"]:checked + input[type="hidden"] + label::before {
background-color: #fff;
border-color: #e0e0e0;
border-width: 1px;
}
.checkbox-default input[type="checkbox"]:checked + label::after, .checkbox-default input[type="checkbox"]:checked + input[type="hidden"] + label::after, .checkbox-default input[type="radio"]:checked + label::after, .checkbox-default input[type="radio"]:checked + input[type="hidden"] + label::after {
color: #3f51b5;
}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-primary input[type="radio"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + input[type="hidden"] + label::before {
background-color: #3f51b5;
border-color: #3f51b5;
}
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="checkbox"]:checked + input[type="hidden"] + label::after, .checkbox-primary input[type="radio"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + input[type="hidden"] + label::after {
color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-danger input[type="radio"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + input[type="hidden"] + label::before {
background-color: #f44336;
border-color: #f44336;
}
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="checkbox"]:checked + input[type="hidden"] + label::after, .checkbox-danger input[type="radio"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + input[type="hidden"] + label::after {
color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-info input[type="radio"]:checked + label::before, .checkbox-info input[type="radio"]:checked + input[type="hidden"] + label::before {
background-color: #00bcd4;
border-color: #00bcd4;
}
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="checkbox"]:checked + input[type="hidden"] + label::after, .checkbox-info input[type="radio"]:checked + label::after, .checkbox-info input[type="radio"]:checked + input[type="hidden"] + label::after {
color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-warning input[type="radio"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + input[type="hidden"] + label::before {
background-color: #ff9800;
border-color: #ff9800;
}
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="checkbox"]:checked + input[type="hidden"] + label::after, .checkbox-warning input[type="radio"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + input[type="hidden"] + label::after {
color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-success input[type="radio"]:checked + label::before, .checkbox-success input[type="radio"]:checked + input[type="hidden"] + label::before {
background-color: #4caf50;
border-color: #4caf50;
}
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="checkbox"]:checked + input[type="hidden"] + label::after, .checkbox-success input[type="radio"]:checked + label::after, .checkbox-success input[type="radio"]:checked + input[type="hidden"] + label::after {
color: #fff;
}
.checkbox-sm {
padding-left: 18px;
}
.checkbox-sm label {
padding-left: 8px;
}
.checkbox-sm label:empty {
padding-left: 0;
}
.checkbox-sm label::before, .checkbox-sm label::after {
width: 18px;
height: 18px;
margin-left: -18px;
}
.checkbox-sm label::after {
font-size: 10px;
line-height: 18px;
}
.checkbox-sm input[type="checkbox"], .checkbox-sm input[type="radio"] {
width: 18px;
height: 18px;
}
.checkbox-sm input[type="checkbox"]:checked + label::before, .checkbox-sm input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-sm input[type="radio"]:checked + label::before, .checkbox-sm input[type="radio"]:checked + input[type="hidden"] + label::before {
border-width: 9px;
}
.checkbox-lg {
padding-left: 24px;
}
.checkbox-lg label {
padding-left: 12px;
}
.checkbox-lg label:empty {
padding-left: 0;
}
.checkbox-lg label::before, .checkbox-lg label::after {
width: 24px;
height: 24px;
margin-left: -24px;
}
.checkbox-lg label::after {
font-size: 14px;
line-height: 24px;
}
.checkbox-lg input[type="checkbox"], .checkbox-lg input[type="radio"] {
width: 24px;
height: 24px;
}
.checkbox-lg input[type="checkbox"]:checked + label::before, .checkbox-lg input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-lg input[type="radio"]:checked + label::before, .checkbox-lg input[type="radio"]:checked + input[type="hidden"] + label::before {
border-width: 12px;
}
.radio-custom {
padding-left: 20px;
}
.radio-custom label {
position: relative;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
}
.radio-custom label:empty {
padding-left: 0;
}
.radio-custom label::before {
position: absolute;
left: 0;
display: inline-block;
width: 20px;
height: 20px;
margin-left: -20px;
content: "";
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 50%;
transition: border 300ms ease-in-out 0s, color 300ms ease-in-out 0s;
}
.radio-custom label::after {
position: absolute;
top: 7px;
left: 7px;
display: inline-block;
width: 6px;
height: 6px;
margin-left: -20px;
content: " ";
background-color: transparent;
border: 2px solid #757575;
border-radius: 50%;
transition: .1s cubic-bezier(.8, -0.33, .2, 1.33);
transform: scale(0, 0);
}
.radio-custom input[type="radio"] {
z-index: 1;
width: 20px;
height: 20px;
cursor: pointer;
opacity: 0;
}
.radio-custom input[type="radio"]:checked + label::before, .radio-custom input[type="radio"]:checked + input[type="hidden"] + label::before {
border-color: #e0e0e0;
border-width: 10px;
}
.radio-custom input[type="radio"]:checked + label::after, .radio-custom input[type="radio"]:checked + input[type="hidden"] + label::after {
transform: scale(1, 1);
}
.radio-custom input[type="radio"]:disabled {
cursor: not-allowed;
}
.radio-custom input[type="radio"]:disabled + label, .radio-custom input[type="radio"]:disabled + input[type="hidden"] + label {
opacity: .65;
}
.radio-custom input[type="radio"]:disabled + label::before, .radio-custom input[type="radio"]:disabled + input[type="hidden"] + label::before {
cursor: not-allowed;
}
.radio-custom.radio-inline {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.radio-inline + .radio-inline {
margin-left: 20px;
}
.radio-default input[type="radio"]:checked + label::before, .radio-default input[type="radio"]:checked + input[type="hidden"] + label::before {
background-color: #fff;
border-color: #e0e0e0;
border-width: 1px;
}
.radio-default input[type="radio"]:checked + label::after, .radio-default input[type="radio"]:checked + input[type="hidden"] + label::after {
border-color: #3f51b5;
}
.radio-primary input[type="radio"]:checked + label::before, .radio-primary input[type="radio"]:checked + input[type="hidden"] + label::before {
border-color: #3f51b5;
}
.radio-primary input[type="radio"]:checked + label::after, .radio-primary input[type="radio"]:checked + input[type="hidden"] + label::after {
border-color: #fff;
}
.radio-danger input[type="radio"]:checked + label::before, .radio-danger input[type="radio"]:checked + input[type="hidden"] + label::before {
border-color: #f44336;
}
.radio-danger input[type="radio"]:checked + label::after, .radio-danger input[type="radio"]:checked + input[type="hidden"] + label::after {
border-color: #fff;
}
.radio-info input[type="radio"]:checked + label::before, .radio-info input[type="radio"]:checked + input[type="hidden"] + label::before {
border-color: #00bcd4;
}
.radio-info input[type="radio"]:checked + label::after, .radio-info input[type="radio"]:checked + input[type="hidden"] + label::after {
border-color: #fff;
}
.radio-warning input[type="radio"]:checked + label::before, .radio-warning input[type="radio"]:checked + input[type="hidden"] + label::before {
border-color: #ff9800;
}
.radio-warning input[type="radio"]:checked + label::after, .radio-warning input[type="radio"]:checked + input[type="hidden"] + label::after {
border-color: #fff;
}
.radio-success input[type="radio"]:checked + label::before, .radio-success input[type="radio"]:checked + input[type="hidden"] + label::before {
border-color: #4caf50;
}
.radio-success input[type="radio"]:checked + label::after, .radio-success input[type="radio"]:checked + input[type="hidden"] + label::after {
border-color: #fff;
}
.radio-sm {
padding-left: 18px;
}
.radio-sm label {
padding-left: 8px;
}
.radio-sm label:empty {
padding-left: 0;
}
.radio-sm label::before {
width: 18px;
height: 18px;
margin-left: -20px;
}
.radio-sm label::after {
top: 7px;
left: 7px;
width: 4px;
height: 4px;
margin-left: -20px;
border-width: 2px;
}
.radio-sm input[type="radio"] {
width: 18px;
height: 18px;
}
.radio-sm input[type="radio"]:checked + label::before, .radio-sm input[type="radio"]:checked + input[type="hidden"] + label::before {
border-width: 9px;
}
.radio-lg {
padding-left: 24px;
}
.radio-lg label {
padding-left: 12px;
}
.radio-lg label:empty {
padding-left: 0;
}
.radio-lg label::before {
width: 24px;
height: 24px;
margin-left: -20px;
}
.radio-lg label::after {
top: 8px;
left: 8px;
width: 8px;
height: 8px;
margin-left: -20px;
border-width: 2px;
}
.radio-lg input[type="radio"] {
width: 24px;
height: 24px;
}
.radio-lg input[type="radio"]:checked + label::before, .radio-lg input[type="radio"]:checked + input[type="hidden"] + label::before {
border-width: 12px;
}
@media (min-width: 768px) {
.form-inline .radio-custom, .form-inline .checkbox-custom {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio-custom label, .form-inline .checkbox-custom label {
padding-left: 0;
}
.form-inline .radio-custom input[type="radio"], .form-inline .checkbox-custom input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .radio-custom label {
padding-left: 10px;
}
.form-inline .checkbox-custom label {
padding-left: 10px;
}
.form-inline .checkbox-custom input[type="checkbox"] {
position: absolute;
margin-left: -20px;
}
.form-inline .radio-custom input[type="radio"] {
position: absolute;
margin-left: -20px;
}
}
.form-horizontal .radio-custom, .form-horizontal .checkbox-custom {
padding-top: .501rem;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio-custom, .form-horizontal .checkbox-custom {
min-height: 2.073rem;
}
.form-material {
position: relative;
}
.form-material.floating {
margin-top: 20px;
margin-bottom: 20px;
}
.form-material.floating + .form-material.floating {
margin-top: 40px;
}
.form-material .form-control {
padding-right: 0;
padding-left: 0;
background-color: transparent;
background-color: transparent;
background-repeat: no-repeat;
background-position: center bottom, center calc(100% - 1px);
background-size: 0 2px, 100% 1px;
transition: background 0s ease-out;
}
.form-material .form-control, .form-material .form-control:focus, .form-material .form-control.focus {
float: none;
background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#e0e0e0, #e0e0e0);
border: 0;
border-radius: 0;
box-shadow: none;
}
.no-cssgradients .form-material .form-control {
border-bottom: 2px solid #e0e0e0;
}
.form-material .form-control::-webkit-input-placeholder {
color: #9e9e9e;
}
.form-material .form-control::-moz-placeholder {
color: #9e9e9e;
}
.form-material .form-control:-ms-input-placeholder {
color: #9e9e9e;
}
.form-material .form-control:disabled::-webkit-input-placeholder {
color: #bdbdbd;
}
.form-material .form-control:disabled::-moz-placeholder {
color: #bdbdbd;
}
.form-material .form-control:disabled:-ms-input-placeholder {
color: #bdbdbd;
}
.form-material .form-control:focus, .form-material .form-control.focus {
background-size: 100% 2px, 100% 1px;
outline: none;
transition-duration: .3s;
}
.no-cssgradients .form-material .form-control:focus, .no-cssgradients .form-material .form-control.focus {
background: transparent;
border-bottom: 2px solid #3f51b5;
}
.form-material .form-control:disabled, .form-material .form-control[disabled], fieldset[disabled] .form-material .form-control {
background: transparent;
background: transparent;
border-bottom: 1px dashed #bdbdbd;
}
.form-material .form-control:disabled ~ .floating-label, .form-material .form-control[disabled] ~ .floating-label, fieldset[disabled] .form-material .form-control ~ .floating-label {
color: #bdbdbd;
}
.form-material textarea.form-control, .form-material select[multiple], .form-material select[size] {
height: auto;
}
.form-material .form-control-label {
font-weight: 500;
}
.form-material.form-group .form-control-label {
padding-top: 0;
padding-bottom: 0;
}
.form-material .floating-label {
position: absolute;
left: 0;
font-size: 1rem;
color: #757575;
pointer-events: none;
transition: .3s ease all;
}
.form-material .floating-label.floating-label-static {
position: relative;
top: auto;
display: block;
}
.form-material [class*="col-"] > .floating-label {
left: 1.0715rem;
}
.form-material .form-control ~ .floating-label {
top: .57142857rem;
font-size: 1rem;
}
.form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label, .form-material .form-control:not(.empty) ~ .floating-label {
top: -0.8rem;
font-size: .8rem;
}
.form-material .form-control:-webkit-autofill ~ .floating-label {
top: -0.8rem;
font-size: .8rem;
}
.form-material .form-control-sm ~ .floating-label {
top: .429rem;
font-size: .858rem;
}
.form-material .form-control-sm:focus ~ .floating-label, .form-material .form-control-sm.focus ~ .floating-label, .form-material .form-control-sm:not(.empty) ~ .floating-label {
top: -0.6864rem;
font-size: .6864rem;
}
.form-material .form-control-sm:-webkit-autofill ~ .floating-label {
top: -0.6864rem;
font-size: .6864rem;
}
.form-material .form-control-lg ~ .floating-label {
top: .4286666667rem;
font-size: 1.286rem;
}
.form-material .form-control-lg:focus ~ .floating-label, .form-material .form-control-lg.focus ~ .floating-label, .form-material .form-control-lg:not(.empty) ~ .floating-label {
top: -1.0288rem;
font-size: 1.0288rem;
}
.form-material .form-control-lg:-webkit-autofill ~ .floating-label {
top: -1.0288rem;
font-size: 1.0288rem;
}
.form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label, .form-material .form-control:not(.empty) ~ .floating-label {
font-weight: 500;
}
.form-material .form-control:-webkit-autofill ~ .floating-label {
font-weight: 500;
}
.form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label {
color: #3f51b5;
}
.form-material textarea.form-control {
padding-bottom: .429rem;
resize: none;
}
.form-material.floating textarea.form-control {
padding-top: .429rem;
}
.form-material select.form-control {
border: 0;
border-radius: 0;
}
.form-material:not(.floating) .form-control-label + select[multiple] {
margin-top: 5px;
}
.form-material .hint {
position: absolute;
display: none;
font-size: 80%;
}
.form-material .form-control:focus ~ .hint, .form-material .form-control.focus ~ .hint {
display: block;
}
.form-material .form-control:not(.empty):invalid ~ .floating-label, .form-material .form-control.focus:invalid ~ .floating-label {
color: #f44336;
}
.form-material .form-control:invalid {
background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}
.form-material.has-warning .form-control:focus, .form-material.has-warning .form-control.focus, .form-material.has-warning .form-control:not(.empty) {
background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#e0e0e0, #e0e0e0);
}
.no-cssgradients .form-material.has-warning .form-control:focus, .no-cssgradients .form-material.has-warning .form-control.focus, .no-cssgradients .form-material.has-warning .form-control:not(.empty) {
background: transparent;
border-bottom: 2px solid #ff9800;
}
.form-material.has-warning .form-control:-webkit-autofill {
background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#e0e0e0, #e0e0e0);
}
.no-cssgradients .form-material.has-warning .form-control:-webkit-autofill {
background: transparent;
border-bottom: 2px solid #ff9800;
}
.form-material.has-warning .form-control:not(.empty) {
background-size: 100% 2px, 100% 1px;
}
.form-material.has-warning .form-control-label {
color: #ff9800;
}
.form-material.has-warning .form-control:focus ~ .floating-label, .form-material.has-warning .form-control.focus ~ .floating-label, .form-material.has-warning .form-control:not(.empty) ~ .floating-label {
color: #ff9800;
}
.form-material.has-warning .form-control:-webkit-autofill ~ .floating-label {
color: #ff9800;
}
.form-material.has-danger .form-control:focus, .form-material.has-danger .form-control.focus, .form-material.has-danger .form-control:not(.empty) {
background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}
.no-cssgradients .form-material.has-danger .form-control:focus, .no-cssgradients .form-material.has-danger .form-control.focus, .no-cssgradients .form-material.has-danger .form-control:not(.empty) {
background: transparent;
border-bottom: 2px solid #f44336;
}
.form-material.has-danger .form-control:-webkit-autofill {
background-image: linear-gradient(#f44336, #f44336), linear-gradient(#e0e0e0, #e0e0e0);
}
.no-cssgradients .form-material.has-danger .form-control:-webkit-autofill {
background: transparent;
border-bottom: 2px solid #f44336;
}
.form-material.has-danger .form-control:not(.empty) {
background-size: 100% 2px, 100% 1px;
}
.form-material.has-danger .form-control-label {
color: #f44336;
}
.form-material.has-danger .form-control:focus ~ .floating-label, .form-material.has-danger .form-control.focus ~ .floating-label, .form-material.has-danger .form-control:not(.empty) ~ .floating-label {
color: #f44336;
}
.form-material.has-danger .form-control:-webkit-autofill ~ .floating-label {
color: #f44336;
}
.form-material.has-success .form-control:focus, .form-material.has-success .form-control.focus, .form-material.has-success .form-control:not(.empty) {
background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#e0e0e0, #e0e0e0);
}
.no-cssgradients .form-material.has-success .form-control:focus, .no-cssgradients .form-material.has-success .form-control.focus, .no-cssgradients .form-material.has-success .form-control:not(.empty) {
background: transparent;
border-bottom: 2px solid #4caf50;
}
.form-material.has-success .form-control:-webkit-autofill {
background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#e0e0e0, #e0e0e0);
}
.no-cssgradients .form-material.has-success .form-control:-webkit-autofill {
background: transparent;
border-bottom: 2px solid #4caf50;
}
.form-material.has-success .form-control:not(.empty) {
background-size: 100% 2px, 100% 1px;
}
.form-material.has-success .form-control-label {
color: #4caf50;
}
.form-material.has-success .form-control:focus ~ .floating-label, .form-material.has-success .form-control.focus ~ .floating-label, .form-material.has-success .form-control:not(.empty) ~ .floating-label {
color: #4caf50;
}
.form-material.has-success .form-control:-webkit-autofill ~ .floating-label {
color: #4caf50;
}
.form-material.has-info .form-control:focus, .form-material.has-info .form-control.focus, .form-material.has-info .form-control:not(.empty) {
background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#e0e0e0, #e0e0e0);
}
.no-cssgradients .form-material.has-info .form-control:focus, .no-cssgradients .form-material.has-info .form-control.focus, .no-cssgradients .form-material.has-info .form-control:not(.empty) {
background: transparent;
border-bottom: 2px solid #00bcd4;
}
.form-material.has-info .form-control:-webkit-autofill {
background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#e0e0e0, #e0e0e0);
}
.no-cssgradients .form-material.has-info .form-control:-webkit-autofill {
background: transparent;
border-bottom: 2px solid #00bcd4;
}
.form-material.has-info .form-control:not(.empty) {
background-size: 100% 2px, 100% 1px;
}
.form-material.has-info .form-control-label {
color: #00bcd4;
}
.form-material.has-info .form-control:focus ~ .floating-label, .form-material.has-info .form-control.focus ~ .floating-label, .form-material.has-info .form-control:not(.empty) ~ .floating-label {
color: #00bcd4;
}
.form-material.has-info .form-control:-webkit-autofill ~ .floating-label {
color: #00bcd4;
}
.form-material .input-group .form-control-wrap {
flex: 1 1 auto;
margin-right: 5px;
margin-left: 5px;
}
.form-material .input-group .form-control-wrap .form-control {
float: none;
width: 100%;
}
.form-material .input-group .input-group-addon {
background: transparent;
border: 0;
}
.form-material .input-group .input-group-btn .btn {
margin: 0;
border-radius: .286rem;
}
.form-material input[type=file] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
opacity: 0;
}
.form-control-wrap {
position: relative;
}
.loader {
position: relative;
display: inline-block;
margin: 0 auto;
font-size: 40px;
text-indent: -9999em;
transform: translateZ(0);
}
.loader-default {
width: 1em;
height: 1em;
background-color: #9e9e9e;
border-radius: 100%;
animation: loader-default 1s infinite ease-in-out;
}
.loader-grill {
width: .25em;
height: .5em;
background: #9e9e9e;
animation: default-grill 1s infinite ease-in-out -.16s;
}
.loader-grill:before, .loader-grill:after {
position: absolute;
top: 0;
width: 100%;
height: 100%;
content: "";
background: #9e9e9e;
animation: default-grill 1s infinite ease-in-out;
}
.loader-grill:before {
left: -.375em;
animation-delay: -.32s;
}
.loader-grill:after {
left: .375em;
}
.loader-circle {
width: 1em;
height: 1em;
border-top: .125em solid rgba(158, 158, 158, .5);
border-right: .125em solid rgba(158, 158, 158, .5);
border-bottom: .125em solid rgba(158, 158, 158, .5);
border-left: .125em solid #9e9e9e;
border-radius: 50%;
animation: loader-circle 1.1s infinite linear;
}
.loader-round-circle {
width: 1em;
height: 1em;
font-size: 10px;
border-radius: 50%;
animation: loader-round-circle 1.3s infinite linear;
}
.loader-tadpole {
width: 1em;
height: 1em;
border-radius: 50%;
animation: loader-tadpole 1.7s infinite ease;
}
.loader-ellipsis {
top: -.625em;
width: .625em;
height: .625em;
border-radius: 50%;
animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s;
}
.loader-ellipsis:before, .loader-ellipsis:after {
position: absolute;
top: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 50%;
animation: loader-ellipsis 1.8s infinite ease-in-out both;
}
.loader-ellipsis:before {
left: -.875em;
animation-delay: -.32s;
}
.loader-ellipsis:after {
left: .875em;
}
.loader-dot {
width: 2em;
height: 2em;
animation: loader-dot-rotate 2s infinite linear;
}
.loader-dot:before, .loader-dot:after {
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 60%;
content: "";
background: #9e9e9e;
border-radius: 100%;
animation: loader-dot-bounce 2s infinite ease-in-out;
}
.loader-dot:after {
top: auto;
bottom: 0;
animation-delay: -1.0s;
}
.loader-bounce {
width: 1.5em;
height: 1.5em;
}
.loader-bounce:before, .loader-bounce:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #9e9e9e;
border-radius: 50%;
opacity: .6;
animation: loader-bounce 2s infinite ease-in-out;
}
.loader-bounce:after {
animation-delay: -1.0s;
}
.loader-cube {
width: 2em;
height: 2em;
}
.loader-cube:before, .loader-cube:after {
position: absolute;
top: 0;
left: 0;
width: 25%;
height: 25%;
content: "";
background: #9e9e9e;
animation: loader-cube 2s infinite ease-in-out;
}
.loader-cube:after {
animation-delay: -1.0s;
}
.loader-rotate-plane {
width: 1em;
height: 1em;
background: #9e9e9e;
animation: loader-rotate-plane 1.2s infinite ease-in-out;
}
.loader-folding-cube {
width: .8em;
height: .8em;
transform: rotate(45deg) translateZ(0);
}
.loader-folding-cube:before, .loader-folding-cube:after {
position: absolute;
width: 0;
height: 0;
content: "";
background: #9e9e9e;
}
.loader-folding-cube:before {
bottom: 50%;
left: 0;
animation: loader-folding-cube-before 2.4s infinite ease-in-out;
animation-delay: -0.6s;
}
.loader-folding-cube:after {
top: 50%;
right: 0;
animation: loader-folding-cube-after 2.4s infinite ease-in-out;
}
.loader-cube-grid {
top: -.6em;
width: .3em;
height: .3em;
animation: loader-cube-grid 1.2s infinite ease-in-out;
}
.loader-cube-grid:before, .loader-cube-grid:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.loader-cube-grid:before {
animation: loader-cube-grid-before 1.2s infinite ease-in-out;
}
.loader-cube-grid:after {
animation: loader-cube-grid-after 1.2s infinite ease-in-out;
}
.side-panel-loading, body > .loader {
position: fixed;
top: 50%;
left: 50%;
margin-top: -20px;
}
/*.site-menubar-unfold > .loader {
margin-left: 130px;
}*/
.site-menubar-fold > .loader {
margin-left: 45px;
}
/*.site-menubar-hide.site-menubar-unfold > .loader {
margin-left: 0;
}*/
.loader-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
height: 100%;
background: #3949ab;
}
.loader-content {
margin: 50vh auto 0;
text-align: center;
text-transform: uppercase;
transform: translateY(-50%);
}
.loader-content h2 {
font-weight: 500;
color: #fff;
}
.loader-index {
margin-top: 20px;
}
.loader-index > div {
display: inline-block;
width: 4px;
height: 25px;
margin: 2px;
background: #fff;
border-radius: 2px;
animation: loader-index .9s -0.8s infinite cubic-bezier(.85, .25, .37, .85);
animation-fill-mode: both;
}
.loader-index > div:nth-child(2), .loader-index > div:nth-child(4) {
animation-delay: -0.6s !important;
}
.loader-index > div:nth-child(1), .loader-index > div:nth-child(5) {
animation-delay: -0.4s !important;
}
.loader-index > div:nth-child(6) {
animation-delay: -0.2s !important;
}
@keyframes loader-index {
0% {
transform: scaleY(1);
}
50% {
transform: scaleY(.4);
}
100% {
transform: scaleY(1);
}
}
@keyframes loader-default {
0% {
transform: scale(0);
}
100% {
opacity: 0;
transform: scale(1);
}
}
@keyframes default-grill {
0%, 80%, 100% {
height: 1em;
box-shadow: 0 0 #9e9e9e;
}
40% {
height: 1.2em;
box-shadow: 0 -0.25em #9e9e9e;
}
}
@keyframes loader-circle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-round-circle {
0%, 100% {
box-shadow: 0 -3em 0 .2em #9e9e9e, 2em -2em 0 0 #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 0 #9e9e9e;
}
12.5% {
box-shadow: 0 -3em 0 0 #9e9e9e, 2em -2em 0 .2em #9e9e9e, 3em 0 0 0 #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
}
25% {
box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 0 #9e9e9e, 3em 0 0 .2em #9e9e9e, 2em 2em 0 0 #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
}
37.5% {
box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 0 #9e9e9e, 2em 2em 0 .2em #9e9e9e, 0 3em 0 0 #9e9e9e, -2em 2em 0 -0.5em #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
}
50% {
box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 0 #9e9e9e, 0 3em 0 .2em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 -0.5em #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
}
62.5% {
box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 0 #9e9e9e, -2em 2em 0 .2em #9e9e9e, -3em 0 0 0 #9e9e9e, -2em -2em 0 -0.5em #9e9e9e;
}
75% {
box-shadow: 0 -3em 0 -0.5em #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 .2em #9e9e9e, -2em -2em 0 0 #9e9e9e;
}
87.5% {
box-shadow: 0 -3em 0 0 #9e9e9e, 2em -2em 0 -0.5em #9e9e9e, 3em 0 0 -0.5em #9e9e9e, 2em 2em 0 -0.5em #9e9e9e, 0 3em 0 -0.5em #9e9e9e, -2em 2em 0 0 #9e9e9e, -3em 0 0 0 #9e9e9e, -2em -2em 0 .2em #9e9e9e;
}
}
@keyframes loader-tadpole {
0% {
box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
transform: rotate(0deg);
}
5%, 95% {
box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
}
10%, 59% {
box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.087em -0.825em 0 -0.42em #9e9e9e, -0.173em -0.812em 0 -0.44em #9e9e9e, -0.256em -0.789em 0 -0.46em #9e9e9e, -0.297em -0.775em 0 -0.477em #9e9e9e;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.338em -0.758em 0 -0.42em #9e9e9e, -0.555em -0.617em 0 -0.44em #9e9e9e, -0.671em -0.488em 0 -0.46em #9e9e9e, -0.749em -0.34em 0 -0.477em #9e9e9e;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, -0.377em -0.74em 0 -0.42em #9e9e9e, -0.645em -0.522em 0 -0.44em #9e9e9e, -0.775em -0.297em 0 -0.46em #9e9e9e, -0.82em -0.09em 0 -0.477em #9e9e9e;
}
100% {
box-shadow: 0 -0.83em 0 -0.4em #9e9e9e, 0 -0.83em 0 -0.42em #9e9e9e, 0 -0.83em 0 -0.44em #9e9e9e, 0 -0.83em 0 -0.46em #9e9e9e, 0 -0.83em 0 -0.477em #9e9e9e;
transform: rotate(360deg);
}
}
@keyframes loader-ellipsis {
0%, 80%, 100% {
box-shadow: 0 .625em 0 -0.325em #9e9e9e;
}
40% {
box-shadow: 0 .625em 0 0 #9e9e9e;
}
}
@keyframes loader-dot-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-dot-bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
@keyframes loader-bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
@keyframes loader-cube {
0% {
transform: rotate(0);
}
25% {
transform: translateX(1.5em) rotate(-90deg) scale(.5);
}
50% {
transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
}
50.1% {
transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
}
75% {
transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes loader-rotate-plane {
0% {
transform: perspective(120px) rotateX(0) rotateY(0);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes loader-folding-cube-before {
0% {
width: 50%;
height: 0;
}
7.5% {
width: 50%;
height: 50%;
}
12.5% {
width: 50%;
height: 50%;
}
20% {
width: 100%;
height: 50%;
}
25% {
width: 100%;
height: 50%;
}
50% {
right: 0;
left: auto;
width: 100%;
height: 50%;
}
57.5% {
width: 50%;
height: 50%;
}
62.5% {
width: 50%;
height: 50%;
}
70% {
width: 50%;
height: 0;
}
75% {
width: 50%;
height: 0;
}
}
@keyframes loader-folding-cube-after {
0% {
width: 50%;
height: 0;
}
7.5% {
width: 50%;
height: 50%;
}
12.5% {
width: 50%;
height: 50%;
}
20% {
width: 100%;
height: 50%;
}
25% {
width: 100%;
height: 50%;
}
50% {
right: auto;
left: 0;
width: 100%;
height: 50%;
}
57.5% {
width: 50%;
height: 50%;
}
62.5% {
width: 50%;
height: 50%;
}
75% {
width: 50%;
height: 0;
}
}
@keyframes loader-cube-grid {
15% {
box-shadow: -0.3em .3em 0 -0.3em #9e9e9e, 0 .6em 0 -0.3em #9e9e9e, .3em .9em 0 -0.3em #9e9e9e;
}
30% {
box-shadow: -0.3em .3em 0 0 #9e9e9e, 0 .6em 0 0 #9e9e9e, .3em .9em 0 0 #9e9e9e;
}
70% {
box-shadow: -0.3em .3em 0 0 #9e9e9e, 0 .6em 0 0 #9e9e9e, .3em .9em 0 0 #9e9e9e;
}
85% {
box-shadow: -0.3em .3em 0 -0.3em #9e9e9e, 0 .6em 0 -0.3em #9e9e9e, .3em .9em 0 -0.3em #9e9e9e;
}
}
@keyframes loader-cube-grid-before {
0% {
box-shadow: -0.3em .9em 0 -0.3em #9e9e9e, 0 .3em 0 -0.3em #9e9e9e, .3em .6em 0 -0.3em #9e9e9e;
}
15% {
box-shadow: -0.3em .9em 0 0 #9e9e9e, 0 .3em 0 -0.3em #9e9e9e, .3em .6em 0 -0.3em #9e9e9e;
}
22.5% {
box-shadow: -0.3em .9em 0 0 #9e9e9e, 0 .3em 0 -0.3em #9e9e9e, .3em .6em 0 -0.3em #9e9e9e;
}
37.5% {
box-shadow: -0.3em .9em 0 0 #9e9e9e, 0 .3em 0 0 #9e9e9e, .3em .6em 0 0 #9e9e9e;
}
55% {
box-shadow: -0.3em .9em 0 0 #9e9e9e, 0 .3em 0 0 #9e9e9e, .3em .6em 0 0 #9e9e9e;
}
70% {
box-shadow: -0.3em .9em 0 -0.3em #9e9e9e, 0 .3em 0 0 #9e9e9e, .3em .6em 0 0 #9e9e9e;
}
77.5% {
box-shadow: -0.3em .9em 0 -0.3em #9e9e9e, 0 .3em 0 0 #9e9e9e, .3em .6em 0 0 #9e9e9e;
}
92.5% {
box-shadow: -0.3em .9em 0 -0.3em #9e9e9e, 0 .3em 0 -0.3em #9e9e9e, .3em .6em 0 -0.3em #9e9e9e;
}
}
@keyframes loader-cube-grid-after {
7.5% {
box-shadow: -0.3em .6em 0 -0.3em #9e9e9e, 0 .9em 0 -0.3em #9e9e9e, .3em .3em 0 -0.3em #9e9e9e;
}
22.5% {
box-shadow: -0.3em .6em 0 0 #9e9e9e, 0 .9em 0 0 #9e9e9e, .3em .3em 0 -0.3em #9e9e9e;
}
30% {
box-shadow: -0.3em .6em 0 0 #9e9e9e, 0 .9em 0 0 #9e9e9e, .3em .3em 0 -0.3em #9e9e9e;
}
45% {
box-shadow: -0.3em .6em 0 0 #9e9e9e, 0 .9em 0 0 #9e9e9e, .3em .3em 0 0 #9e9e9e;
}
62.5% {
box-shadow: -0.3em .6em 0 0 #9e9e9e, 0 .9em 0 0 #9e9e9e, .3em .3em 0 0 #9e9e9e;
}
77.5% {
box-shadow: -0.3em .6em 0 -0.3em #9e9e9e, 0 .9em 0 -0.3em #9e9e9e, .3em .3em 0 0 #9e9e9e;
}
85% {
box-shadow: -0.3em .6em 0 -0.3em #9e9e9e, 0 .9em 0 -0.3em #9e9e9e, .3em .3em 0 0 #9e9e9e;
}
100% {
box-shadow: -0.3em .6em 0 -0.3em #9e9e9e, 0 .9em 0 -0.3em #9e9e9e, .3em .3em 0 -0.3em #9e9e9e;
}
}
[class*=animation-] {
animation-duration: .5s;
animation-timing-function: ease-out;
animation-fill-mode: both;
}
.animation-hover:not(:hover), .animation-hover:not(:hover) [class*=animation-], .touch .animation-hover:not(.hover), .touch .animation-hover:not(.hover) [class*=animation-] {
animation-name: none;
}
.animation-reverse {
animation-timing-function: ease-in;
animation-direction: reverse;
}
.animation-repeat {
animation-iteration-count: infinite;
}
.animation-fade {
animation-name: fade;
animation-duration: .8s;
animation-timing-function: linear;
}
.animation-scale {
animation-name: scale-12;
}
.animation-scale-up {
animation-name: fade-scale-02;
}
.animation-scale-down {
animation-name: fade-scale-18;
}
.animation-slide-top {
animation-name: slide-top;
}
.animation-slide-bottom {
animation-name: slide-bottom;
}
.animation-slide-left {
animation-name: slide-left;
}
.animation-slide-right {
animation-name: slide-right;
}
.animation-shake {
animation-name: shake;
}
.animation-duration-10 {
animation-duration: 15s;
}
.animation-duration-9 {
animation-duration: 9s;
}
.animation-duration-8 {
animation-duration: 8s;
}
.animation-duration-7 {
animation-duration: 7s;
}
.animation-duration-6 {
animation-duration: 6s;
}
.animation-duration-5 {
animation-duration: 5s;
}
.animation-duration-4 {
animation-duration: 4s;
}
.animation-duration-3 {
animation-duration: 3s;
}
.animation-duration-2 {
animation-duration: 2s;
}
.animation-duration-1 {
animation-duration: 1s;
}
.animation-delay-100 {
animation-duration: 100ms;
}
.animation-duration-250 {
animation-duration: 250ms;
}
.animation-duration-300 {
animation-duration: 300ms;
}
.animation-duration-500 {
animation-duration: 500ms;
}
.animation-duration-750 {
animation-duration: 750ms;
}
.animation-delay-1000 {
animation-delay: 1s;
}
.animation-delay-900 {
animation-delay: 900ms;
}
.animation-delay-800 {
animation-delay: 800ms;
}
.animation-delay-700 {
animation-delay: 700ms;
}
.animation-delay-600 {
animation-delay: 600ms;
}
.animation-delay-500 {
animation-delay: 500ms;
}
.animation-delay-400 {
animation-delay: 400ms;
}
.animation-delay-300 {
animation-delay: 300ms;
}
.animation-delay-200 {
animation-delay: 200ms;
}
.animation-delay-100 {
animation-delay: 100ms;
}
.animation-top-left {
transform-origin: 0 0;
}
.animation-top-center {
transform-origin: 50% 0;
}
.animation-top-right {
transform-origin: 100% 0;
}
.animation-middle-left {
transform-origin: 0 50%;
}
.animation-middle-right {
transform-origin: 100% 50%;
}
.animation-bottom-left {
transform-origin: 0 100%;
}
.animation-bottom-center {
transform-origin: 50% 100%;
}
.animation-bottom-right {
transform-origin: 100% 100%;
}
.animation-easing-easeInOut {
animation-timing-function: cubic-bezier(.42, 0, .58, 1);
}
.animation-easing-easeInQuad {
animation-timing-function: cubic-bezier(.55, .085, .68, .53);
}
.animation-easing-easeInCubic {
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
.animation-easing-easeInQuart {
animation-timing-function: cubic-bezier(.895, .03, .685, .22);
}
.animation-easing-easeInQuint {
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
}
.animation-easing-easeInSine {
animation-timing-function: cubic-bezier(.47, 0, .745, .715);
}
.animation-easing-easeInExpo {
animation-timing-function: cubic-bezier(.95, .05, .795, .035);
}
.animation-easing-easeInCirc {
animation-timing-function: cubic-bezier(.6, .04, .98, .335);
}
.animation-easing-easeInBack {
animation-timing-function: cubic-bezier(.6, -0.28, .735, .045);
}
.animation-easing-eastOutQuad {
animation-timing-function: cubic-bezier(.25, .46, .45, .94);
}
.animation-easing-easeOutCubic {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
.animation-easing-easeOutQuart {
animation-timing-function: cubic-bezier(.165, .84, .44, 1);
}
.animation-easing-easeOutQuint {
animation-timing-function: cubic-bezier(.23, 1, .32, 1);
}
.animation-easing-easeOutSine {
animation-timing-function: cubic-bezier(.39, .575, .565, 1);
}
.animation-easing-easeOutExpo {
animation-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.animation-easing-easeOutCirc {
animation-timing-function: cubic-bezier(.075, .82, .165, 1);
}
.animation-easing-easeOutBack {
animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}
.animation-easing-easeInOutQuad {
animation-timing-function: cubic-bezier(.455, .03, .515, .955);
}
.animation-easing-easeInOutCubic {
animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}
.animation-easing-easeInOutQuart {
animation-timing-function: cubic-bezier(.77, 0, .175, 1);
}
.animation-easing-easeInOutQuint {
animation-timing-function: cubic-bezier(.86, 0, .07, 1);
}
.animation-easing-easeInOutSine {
animation-timing-function: cubic-bezier(.445, .05, .55, .95);
}
.animation-easing-easeInOutExpo {
animation-timing-function: cubic-bezier(1, 0, 0, 1);
}
.animation-easing-easeInOutCirc {
animation-timing-function: cubic-bezier(.785, .135, .15, .86);
}
.animation-easing-easeInOutBack {
animation-timing-function: cubic-bezier(.68, -0.55, .265, 1.55);
}
.animation-easing-easeInOutElastic {
animation-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes scale-12 {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes fade-scale-02 {
0% {
opacity: 0;
transform: scale(.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes slide-top {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-bottom {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-left {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-right {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes shake {
0%, 100% {
transform: translateX(0);
}
10% {
transform: translateX(-9px);
}
20% {
transform: translateX(8px);
}
30% {
transform: translateX(-7px);
}
40% {
transform: translateX(6px);
}
50% {
transform: translateX(-5px);
}
60% {
transform: translateX(4px);
}
70% {
transform: translateX(-3px);
}
80% {
transform: translateX(2px);
}
90% {
transform: translateX(-1px);
}
}
.bg-red-50 {
background-color: #ffebee !important;
}
.bg-red-100 {
background-color: #ffcdd2 !important;
}
.bg-red-200 {
background-color: #ef9a9a !important;
}
.bg-red-300 {
background-color: #e57373 !important;
}
.bg-red-400 {
background-color: #ef5350 !important;
}
.bg-red-500 {
background-color: #f44336 !important;
}
.bg-red-600 {
background-color: #e53935 !important;
}
.bg-red-700 {
background-color: #d32f2f !important;
}
.bg-red-800 {
background-color: #c62828 !important;
}
.bg-red-900 {
background-color: #b71c1c !important;
}
.bg-red-a100 {
background-color: #ff8a80 !important;
}
.bg-red-a200 {
background-color: #ff5252 !important;
}
.bg-red-a300 {
background-color: #ff1744 !important;
}
.bg-red-a400 {
background-color: #d50000 !important;
}
.red-50 {
color: #ffebee !important;
}
.red-100 {
color: #ffcdd2 !important;
}
.red-200 {
color: #ef9a9a !important;
}
.red-300 {
color: #e57373 !important;
}
.red-400 {
color: #ef5350 !important;
}
.red-500 {
color: #f44336 !important;
}
.red-600 {
color: #e53935 !important;
}
.red-700 {
color: #d32f2f !important;
}
.red-800 {
color: #c62828 !important;
}
.red-900 {
color: #b71c1c !important;
}
.red-a100 {
color: #ff8a80 !important;
}
.red-a200 {
color: #ff5252 !important;
}
.red-a300 {
color: #ff1744 !important;
}
.red-a400 {
color: #d50000 !important;
}
.bg-pink-50 {
background-color: #fce4ec !important;
}
.bg-pink-100 {
background-color: #f8bbd0 !important;
}
.bg-pink-200 {
background-color: #f48fb1 !important;
}
.bg-pink-300 {
background-color: #f06292 !important;
}
.bg-pink-400 {
background-color: #ec407a !important;
}
.bg-pink-500 {
background-color: #e91e63 !important;
}
.bg-pink-600 {
background-color: #d81b60 !important;
}
.bg-pink-700 {
background-color: #c2185b !important;
}
.bg-pink-800 {
background-color: #ad1457 !important;
}
.bg-pink-900 {
background-color: #880e4f !important;
}
.bg-pink-a100 {
background-color: #ff80ab !important;
}
.bg-pink-a200 {
background-color: #ff4081 !important;
}
.bg-pink-a300 {
background-color: #f50057 !important;
}
.bg-pink-a400 {
background-color: #c51162 !important;
}
.pink-50 {
color: #fce4ec !important;
}
.pink-100 {
color: #f8bbd0 !important;
}
.pink-200 {
color: #f48fb1 !important;
}
.pink-300 {
color: #f06292 !important;
}
.pink-400 {
color: #ec407a !important;
}
.pink-500 {
color: #e91e63 !important;
}
.pink-600 {
color: #d81b60 !important;
}
.pink-700 {
color: #c2185b !important;
}
.pink-800 {
color: #ad1457 !important;
}
.pink-900 {
color: #880e4f !important;
}
.pink-a100 {
color: #ff80ab !important;
}
.pink-a200 {
color: #ff4081 !important;
}
.pink-a300 {
color: #f50057 !important;
}
.pink-a400 {
color: #c51162 !important;
}
.bg-purple-50 {
background-color: #f3e5f5 !important;
}
.bg-purple-100 {
background-color: #e1bee7 !important;
}
.bg-purple-200 {
background-color: #ce93d8 !important;
}
.bg-purple-300 {
background-color: #ba68c8 !important;
}
.bg-purple-400 {
background-color: #ab47bc !important;
}
.bg-purple-500 {
background-color: #9c27b0 !important;
}
.bg-purple-600 {
background-color: #8e24aa !important;
}
.bg-purple-700 {
background-color: #7b1fa2 !important;
}
.bg-purple-800 {
background-color: #6a1b9a !important;
}
.bg-purple-900 {
background-color: #4a148c !important;
}
.bg-purple-a100 {
background-color: #ea80fc !important;
}
.bg-purple-a200 {
background-color: #e040fb !important;
}
.bg-purple-a300 {
background-color: #d500f9 !important;
}
.bg-purple-a400 {
background-color: #a0f !important;
}
.purple-50 {
color: #f3e5f5 !important;
}
.purple-100 {
color: #e1bee7 !important;
}
.purple-200 {
color: #ce93d8 !important;
}
.purple-300 {
color: #ba68c8 !important;
}
.purple-400 {
color: #ab47bc !important;
}
.purple-500 {
color: #9c27b0 !important;
}
.purple-600 {
color: #8e24aa !important;
}
.purple-700 {
color: #7b1fa2 !important;
}
.purple-800 {
color: #6a1b9a !important;
}
.purple-900 {
color: #4a148c !important;
}
.purple-a100 {
color: #ea80fc !important;
}
.purple-a200 {
color: #e040fb !important;
}
.purple-a300 {
color: #d500f9 !important;
}
.purple-a400 {
color: #a0f !important;
}
.bg-deep-purple-50 {
background-color: #ede7f6 !important;
}
.bg-deep-purple-100 {
background-color: #d1c4e9 !important;
}
.bg-deep-purple-200 {
background-color: #b39ddb !important;
}
.bg-deep-purple-300 {
background-color: #9575cd !important;
}
.bg-deep-purple-400 {
background-color: #7e57c2 !important;
}
.bg-deep-purple-500 {
background-color: #673ab7 !important;
}
.bg-deep-purple-600 {
background-color: #5e35b1 !important;
}
.bg-deep-purple-700 {
background-color: #512da8 !important;
}
.bg-deep-purple-800 {
background-color: #4527a0 !important;
}
.bg-deep-purple-900 {
background-color: #311b92 !important;
}
.bg-deep-purple-a100 {
background-color: #b388ff !important;
}
.bg-deep-purple-a200 {
background-color: #7c4dff !important;
}
.bg-deep-purple-a300 {
background-color: #651fff !important;
}
.bg-deep-purple-a400 {
background-color: #6200ea !important;
}
.deep-purple-50 {
color: #ede7f6 !important;
}
.deep-purple-100 {
color: #d1c4e9 !important;
}
.deep-purple-200 {
color: #b39ddb !important;
}
.deep-purple-300 {
color: #9575cd !important;
}
.deep-purple-400 {
color: #7e57c2 !important;
}
.deep-purple-500 {
color: #673ab7 !important;
}
.deep-purple-600 {
color: #5e35b1 !important;
}
.deep-purple-700 {
color: #512da8 !important;
}
.deep-purple-800 {
color: #4527a0 !important;
}
.deep-purple-900 {
color: #311b92 !important;
}
.deep-purple-a100 {
color: #b388ff !important;
}
.deep-purple-a200 {
color: #7c4dff !important;
}
.deep-purple-a300 {
color: #651fff !important;
}
.deep-purple-a400 {
color: #6200ea !important;
}
.bg-indigo-50 {
background-color: #e8eaf6 !important;
}
.bg-indigo-100 {
background-color: #c5cae9 !important;
}
.bg-indigo-200 {
background-color: #9fa8da !important;
}
.bg-indigo-300 {
background-color: #7986cb !important;
}
.bg-indigo-400 {
background-color: #5c6bc0 !important;
}
.bg-indigo-500 {
background-color: #3f51b5 !important;
}
.bg-indigo-600 {
background-color: #3949ab !important;
}
.bg-indigo-700 {
background-color: #303f9f !important;
}
.bg-indigo-800 {
background-color: #283593 !important;
}
.bg-indigo-900 {
background-color: #1a237e !important;
}
.bg-indigo-a100 {
background-color: #8c9eff !important;
}
.bg-indigo-a200 {
background-color: #536dfe !important;
}
.bg-indigo-a300 {
background-color: #3d5afe !important;
}
.bg-indigo-a400 {
background-color: #304ffe !important;
}
.indigo-50 {
color: #e8eaf6 !important;
}
.indigo-100 {
color: #c5cae9 !important;
}
.indigo-200 {
color: #9fa8da !important;
}
.indigo-300 {
color: #7986cb !important;
}
.indigo-400 {
color: #5c6bc0 !important;
}
.indigo-500 {
color: #3f51b5 !important;
}
.indigo-600 {
color: #3949ab !important;
}
.indigo-700 {
color: #303f9f !important;
}
.indigo-800 {
color: #283593 !important;
}
.indigo-900 {
color: #1a237e !important;
}
.indigo-a100 {
color: #8c9eff !important;
}
.indigo-a200 {
color: #536dfe !important;
}
.indigo-a300 {
color: #3d5afe !important;
}
.indigo-a400 {
color: #304ffe !important;
}
.bg-blue-50 {
background-color: #e3f2fd !important;
}
.bg-blue-100 {
background-color: #bbdefb !important;
}
.bg-blue-200 {
background-color: #90caf9 !important;
}
.bg-blue-300 {
background-color: #64b5f6 !important;
}
.bg-blue-400 {
background-color: #42a5f5 !important;
}
.bg-blue-500 {
background-color: #2196f3 !important;
}
.bg-blue-600 {
background-color: #1e88e5 !important;
}
.bg-blue-700 {
background-color: #1976d2 !important;
}
.bg-blue-800 {
background-color: #1565c0 !important;
}
.bg-blue-900 {
background-color: #0d47a1 !important;
}
.bg-blue-a100 {
background-color: #82b1ff !important;
}
.bg-blue-a200 {
background-color: #448aff !important;
}
.bg-blue-a300 {
background-color: #2979ff !important;
}
.bg-blue-a400 {
background-color: #2962ff !important;
}
.blue-50 {
color: #e3f2fd !important;
}
.blue-100 {
color: #bbdefb !important;
}
.blue-200 {
color: #90caf9 !important;
}
.blue-300 {
color: #64b5f6 !important;
}
.blue-400 {
color: #42a5f5 !important;
}
.blue-500 {
color: #2196f3 !important;
}
.blue-600 {
color: #1e88e5 !important;
}
.blue-700 {
color: #1976d2 !important;
}
.blue-800 {
color: #1565c0 !important;
}
.blue-900 {
color: #0d47a1 !important;
}
.blue-a100 {
color: #82b1ff !important;
}
.blue-a200 {
color: #448aff !important;
}
.blue-a300 {
color: #2979ff !important;
}
.blue-a400 {
color: #2962ff !important;
}
.bg-light-blue-50 {
background-color: #e1f5fe !important;
}
.bg-light-blue-100 {
background-color: #b3e5fc !important;
}
.bg-light-blue-200 {
background-color: #81d4fa !important;
}
.bg-light-blue-300 {
background-color: #4fc3f7 !important;
}
.bg-light-blue-400 {
background-color: #29b6f6 !important;
}
.bg-light-blue-500 {
background-color: #03a9f4 !important;
}
.bg-light-blue-600 {
background-color: #039be5 !important;
}
.bg-light-blue-700 {
background-color: #0288d1 !important;
}
.bg-light-blue-800 {
background-color: #0277bd !important;
}
.bg-light-blue-900 {
background-color: #01579b !important;
}
.bg-light-blue-a100 {
background-color: #80d8ff !important;
}
.bg-light-blue-a200 {
background-color: #40c4ff !important;
}
.bg-light-blue-a300 {
background-color: #00b0ff !important;
}
.bg-light-blue-a400 {
background-color: #0091ea !important;
}
.light-blue-50 {
color: #e1f5fe !important;
}
.light-blue-100 {
color: #b3e5fc !important;
}
.light-blue-200 {
color: #81d4fa !important;
}
.light-blue-300 {
color: #4fc3f7 !important;
}
.light-blue-400 {
color: #29b6f6 !important;
}
.light-blue-500 {
color: #03a9f4 !important;
}
.light-blue-600 {
color: #039be5 !important;
}
.light-blue-700 {
color: #0288d1 !important;
}
.light-blue-800 {
color: #0277bd !important;
}
.light-blue-900 {
color: #01579b !important;
}
.light-blue-a100 {
color: #80d8ff !important;
}
.light-blue-a200 {
color: #40c4ff !important;
}
.light-blue-a300 {
color: #00b0ff !important;
}
.light-blue-a400 {
color: #0091ea !important;
}
.bg-cyan-50 {
background-color: #e0f7fa !important;
}
.bg-cyan-100 {
background-color: #b2ebf2 !important;
}
.bg-cyan-200 {
background-color: #80deea !important;
}
.bg-cyan-300 {
background-color: #4dd0e1 !important;
}
.bg-cyan-400 {
background-color: #26c6da !important;
}
.bg-cyan-500 {
background-color: #00bcd4 !important;
}
.bg-cyan-600 {
background-color: #00acc1 !important;
}
.bg-cyan-700 {
background-color: #0097a7 !important;
}
.bg-cyan-800 {
background-color: #00838f !important;
}
.bg-cyan-900 {
background-color: #006064 !important;
}
.bg-cyan-a100 {
background-color: #84ffff !important;
}
.bg-cyan-a200 {
background-color: #18ffff !important;
}
.bg-cyan-a300 {
background-color: #00e5ff !important;
}
.bg-cyan-a400 {
background-color: #00b8d4 !important;
}
.cyan-50 {
color: #e0f7fa !important;
}
.cyan-100 {
color: #b2ebf2 !important;
}
.cyan-200 {
color: #80deea !important;
}
.cyan-300 {
color: #4dd0e1 !important;
}
.cyan-400 {
color: #26c6da !important;
}
.cyan-500 {
color: #00bcd4 !important;
}
.cyan-600 {
color: #00acc1 !important;
}
.cyan-700 {
color: #0097a7 !important;
}
.cyan-800 {
color: #00838f !important;
}
.cyan-900 {
color: #006064 !important;
}
.cyan-a100 {
color: #84ffff !important;
}
.cyan-a200 {
color: #18ffff !important;
}
.cyan-a300 {
color: #00e5ff !important;
}
.cyan-a400 {
color: #00b8d4 !important;
}
.bg-teal-50 {
background-color: #e0f2f1 !important;
}
.bg-teal-100 {
background-color: #b2dfdb !important;
}
.bg-teal-200 {
background-color: #80cbc4 !important;
}
.bg-teal-300 {
background-color: #4db6ac !important;
}
.bg-teal-400 {
background-color: #26a69a !important;
}
.bg-teal-500 {
background-color: #009688 !important;
}
.bg-teal-600 {
background-color: #00897b !important;
}
.bg-teal-700 {
background-color: #00796b !important;
}
.bg-teal-800 {
background-color: #00695c !important;
}
.bg-teal-900 {
background-color: #004d40 !important;
}
.bg-teal-a100 {
background-color: #a7ffeb !important;
}
.bg-teal-a200 {
background-color: #64ffda !important;
}
.bg-teal-a300 {
background-color: #1de9b6 !important;
}
.bg-teal-a400 {
background-color: #00bfa5 !important;
}
.teal-50 {
color: #e0f2f1 !important;
}
.teal-100 {
color: #b2dfdb !important;
}
.teal-200 {
color: #80cbc4 !important;
}
.teal-300 {
color: #4db6ac !important;
}
.teal-400 {
color: #26a69a !important;
}
.teal-500 {
color: #009688 !important;
}
.teal-600 {
color: #00897b !important;
}
.teal-700 {
color: #00796b !important;
}
.teal-800 {
color: #00695c !important;
}
.teal-900 {
color: #004d40 !important;
}
.teal-a100 {
color: #a7ffeb !important;
}
.teal-a200 {
color: #64ffda !important;
}
.teal-a300 {
color: #1de9b6 !important;
}
.teal-a400 {
color: #00bfa5 !important;
}
.bg-green-50 {
background-color: #e8f5e9 !important;
}
.bg-green-100 {
background-color: #c8e6c9 !important;
}
.bg-green-200 {
background-color: #a5d6a7 !important;
}
.bg-green-300 {
background-color: #81c784 !important;
}
.bg-green-400 {
background-color: #66bb6a !important;
}
.bg-green-500 {
background-color: #4caf50 !important;
}
.bg-green-600 {
background-color: #43a047 !important;
}
.bg-green-700 {
background-color: #388e3c !important;
}
.bg-green-800 {
background-color: #2e7d32 !important;
}
.bg-green-900 {
background-color: #1b5e20 !important;
}
.bg-green-a100 {
background-color: #b9f6ca !important;
}
.bg-green-a200 {
background-color: #69f0ae !important;
}
.bg-green-a300 {
background-color: #00e676 !important;
}
.bg-green-a400 {
background-color: #00c853 !important;
}
.green-50 {
color: #e8f5e9 !important;
}
.green-100 {
color: #c8e6c9 !important;
}
.green-200 {
color: #a5d6a7 !important;
}
.green-300 {
color: #81c784 !important;
}
.green-400 {
color: #66bb6a !important;
}
.green-500 {
color: #4caf50 !important;
}
.green-600 {
color: #43a047 !important;
}
.green-700 {
color: #388e3c !important;
}
.green-800 {
color: #2e7d32 !important;
}
.green-900 {
color: #1b5e20 !important;
}
.green-a100 {
color: #b9f6ca !important;
}
.green-a200 {
color: #69f0ae !important;
}
.green-a300 {
color: #00e676 !important;
}
.green-a400 {
color: #00c853 !important;
}
.bg-light-green-50 {
background-color: #f1f8e9 !important;
}
.bg-light-green-100 {
background-color: #dcedc8 !important;
}
.bg-light-green-200 {
background-color: #c5e1a5 !important;
}
.bg-light-green-300 {
background-color: #aed581 !important;
}
.bg-light-green-400 {
background-color: #9ccc65 !important;
}
.bg-light-green-500 {
background-color: #8bc34a !important;
}
.bg-light-green-600 {
background-color: #7cb342 !important;
}
.bg-light-green-700 {
background-color: #689f38 !important;
}
.bg-light-green-800 {
background-color: #558b2f !important;
}
.bg-light-green-900 {
background-color: #33691e !important;
}
.bg-light-green-a100 {
background-color: #ccff90 !important;
}
.bg-light-green-a200 {
background-color: #b2ff59 !important;
}
.bg-light-green-a300 {
background-color: #76ff03 !important;
}
.bg-light-green-a400 {
background-color: #64dd17 !important;
}
.light-green-50 {
color: #f1f8e9 !important;
}
.light-green-100 {
color: #dcedc8 !important;
}
.light-green-200 {
color: #c5e1a5 !important;
}
.light-green-300 {
color: #aed581 !important;
}
.light-green-400 {
color: #9ccc65 !important;
}
.light-green-500 {
color: #8bc34a !important;
}
.light-green-600 {
color: #7cb342 !important;
}
.light-green-700 {
color: #689f38 !important;
}
.light-green-800 {
color: #558b2f !important;
}
.light-green-900 {
color: #33691e !important;
}
.light-green-a100 {
color: #ccff90 !important;
}
.light-green-a200 {
color: #b2ff59 !important;
}
.light-green-a300 {
color: #76ff03 !important;
}
.light-green-a400 {
color: #64dd17 !important;
}
.bg-lime-50 {
background-color: #f9fbe7 !important;
}
.bg-lime-100 {
background-color: #f0f4c3 !important;
}
.bg-lime-200 {
background-color: #e6ee9c !important;
}
.bg-lime-300 {
background-color: #dce775 !important;
}
.bg-lime-400 {
background-color: #d4e157 !important;
}
.bg-lime-500 {
background-color: #cddc39 !important;
}
.bg-lime-600 {
background-color: #c0ca33 !important;
}
.bg-lime-700 {
background-color: #afb42b !important;
}
.bg-lime-800 {
background-color: #9e9d24 !important;
}
.bg-lime-900 {
background-color: #827717 !important;
}
.bg-lime-a100 {
background-color: #f4ff81 !important;
}
.bg-lime-a200 {
background-color: #eeff41 !important;
}
.bg-lime-a300 {
background-color: #c6ff00 !important;
}
.bg-lime-a400 {
background-color: #aeea00 !important;
}
.lime-50 {
color: #f9fbe7 !important;
}
.lime-100 {
color: #f0f4c3 !important;
}
.lime-200 {
color: #e6ee9c !important;
}
.lime-300 {
color: #dce775 !important;
}
.lime-400 {
color: #d4e157 !important;
}
.lime-500 {
color: #cddc39 !important;
}
.lime-600 {
color: #c0ca33 !important;
}
.lime-700 {
color: #afb42b !important;
}
.lime-800 {
color: #9e9d24 !important;
}
.lime-900 {
color: #827717 !important;
}
.lime-a100 {
color: #f4ff81 !important;
}
.lime-a200 {
color: #eeff41 !important;
}
.lime-a300 {
color: #c6ff00 !important;
}
.lime-a400 {
color: #aeea00 !important;
}
.bg-yellow-50 {
background-color: #fffde7 !important;
}
.bg-yellow-100 {
background-color: #fff9c4 !important;
}
.bg-yellow-200 {
background-color: #fff59d !important;
}
.bg-yellow-300 {
background-color: #fff176 !important;
}
.bg-yellow-400 {
background-color: #ffee58 !important;
}
.bg-yellow-500 {
background-color: #ffeb3b !important;
}
.bg-yellow-600 {
background-color: #fdd835 !important;
}
.bg-yellow-700 {
background-color: #fbc02d !important;
}
.bg-yellow-800 {
background-color: #f9a825 !important;
}
.bg-yellow-900 {
background-color: #f57f17 !important;
}
.bg-yellow-a100 {
background-color: #ffff8d !important;
}
.bg-yellow-a200 {
background-color: #ff0 !important;
}
.bg-yellow-a300 {
background-color: #ffea00 !important;
}
.bg-yellow-a400 {
background-color: #ffd600 !important;
}
.yellow-50 {
color: #fffde7 !important;
}
.yellow-100 {
color: #fff9c4 !important;
}
.yellow-200 {
color: #fff59d !important;
}
.yellow-300 {
color: #fff176 !important;
}
.yellow-400 {
color: #ffee58 !important;
}
.yellow-500 {
color: #ffeb3b !important;
}
.yellow-600 {
color: #fdd835 !important;
}
.yellow-700 {
color: #fbc02d !important;
}
.yellow-800 {
color: #f9a825 !important;
}
.yellow-900 {
color: #f57f17 !important;
}
.yellow-a100 {
color: #ffff8d !important;
}
.yellow-a200 {
color: #ff0 !important;
}
.yellow-a300 {
color: #ffea00 !important;
}
.yellow-a400 {
color: #ffd600 !important;
}
.bg-amber-50 {
background-color: #fff8e1 !important;
}
.bg-amber-100 {
background-color: #ffecb3 !important;
}
.bg-amber-200 {
background-color: #ffe082 !important;
}
.bg-amber-300 {
background-color: #ffd54f !important;
}
.bg-amber-400 {
background-color: #ffca28 !important;
}
.bg-amber-500 {
background-color: #ffc107 !important;
}
.bg-amber-600 {
background-color: #ffb300 !important;
}
.bg-amber-700 {
background-color: #ffa000 !important;
}
.bg-amber-800 {
background-color: #ff8f00 !important;
}
.bg-amber-900 {
background-color: #ff6f00 !important;
}
.bg-amber-a100 {
background-color: #ffe57f !important;
}
.bg-amber-a200 {
background-color: #ffd740 !important;
}
.bg-amber-a300 {
background-color: #ffc400 !important;
}
.bg-amber-a400 {
background-color: #ffab00 !important;
}
.amber-50 {
color: #fff8e1 !important;
}
.amber-100 {
color: #ffecb3 !important;
}
.amber-200 {
color: #ffe082 !important;
}
.amber-300 {
color: #ffd54f !important;
}
.amber-400 {
color: #ffca28 !important;
}
.amber-500 {
color: #ffc107 !important;
}
.amber-600 {
color: #ffb300 !important;
}
.amber-700 {
color: #ffa000 !important;
}
.amber-800 {
color: #ff8f00 !important;
}
.amber-900 {
color: #ff6f00 !important;
}
.amber-a100 {
color: #ffe57f !important;
}
.amber-a200 {
color: #ffd740 !important;
}
.amber-a300 {
color: #ffc400 !important;
}
.amber-a400 {
color: #ffab00 !important;
}
.bg-orange-50 {
background-color: #fff3e0 !important;
}
.bg-orange-100 {
background-color: #ffe0b2 !important;
}
.bg-orange-200 {
background-color: #ffcc80 !important;
}
.bg-orange-300 {
background-color: #ffb74d !important;
}
.bg-orange-400 {
background-color: #ffa726 !important;
}
.bg-orange-500 {
background-color: #ff9800 !important;
}
.bg-orange-600 {
background-color: #fb8c00 !important;
}
.bg-orange-700 {
background-color: #f57c00 !important;
}
.bg-orange-800 {
background-color: #ef6c00 !important;
}
.bg-orange-900 {
background-color: #e65100 !important;
}
.bg-orange-a100 {
background-color: #ffd180 !important;
}
.bg-orange-a200 {
background-color: #ffab40 !important;
}
.bg-orange-a300 {
background-color: #ff9100 !important;
}
.bg-orange-a400 {
background-color: #ff6d00 !important;
}
.orange-50 {
color: #fff3e0 !important;
}
.orange-100 {
color: #ffe0b2 !important;
}
.orange-200 {
color: #ffcc80 !important;
}
.orange-300 {
color: #ffb74d !important;
}
.orange-400 {
color: #ffa726 !important;
}
.orange-500 {
color: #ff9800 !important;
}
.orange-600 {
color: #fb8c00 !important;
}
.orange-700 {
color: #f57c00 !important;
}
.orange-800 {
color: #ef6c00 !important;
}
.orange-900 {
color: #e65100 !important;
}
.orange-a100 {
color: #ffd180 !important;
}
.orange-a200 {
color: #ffab40 !important;
}
.orange-a300 {
color: #ff9100 !important;
}
.orange-a400 {
color: #ff6d00 !important;
}
.bg-deep-orange-50 {
background-color: #fbe9e7 !important;
}
.bg-deep-orange-100 {
background-color: #ffccbc !important;
}
.bg-deep-orange-200 {
background-color: #ffab91 !important;
}
.bg-deep-orange-300 {
background-color: #ff8a65 !important;
}
.bg-deep-orange-400 {
background-color: #ff7043 !important;
}
.bg-deep-orange-500 {
background-color: #ff5722 !important;
}
.bg-deep-orange-600 {
background-color: #f4511e !important;
}
.bg-deep-orange-700 {
background-color: #e64a19 !important;
}
.bg-deep-orange-800 {
background-color: #d84315 !important;
}
.bg-deep-orange-900 {
background-color: #bf360c !important;
}
.bg-deep-orange-a100 {
background-color: #ff9e80 !important;
}
.bg-deep-orange-a200 {
background-color: #ff6e40 !important;
}
.bg-deep-orange-a300 {
background-color: #ff3d00 !important;
}
.bg-deep-orange-a400 {
background-color: #dd2c00 !important;
}
.deep-orange-50 {
color: #fbe9e7 !important;
}
.deep-orange-100 {
color: #ffccbc !important;
}
.deep-orange-200 {
color: #ffab91 !important;
}
.deep-orange-300 {
color: #ff8a65 !important;
}
.deep-orange-400 {
color: #ff7043 !important;
}
.deep-orange-500 {
color: #ff5722 !important;
}
.deep-orange-600 {
color: #f4511e !important;
}
.deep-orange-700 {
color: #e64a19 !important;
}
.deep-orange-800 {
color: #d84315 !important;
}
.deep-orange-900 {
color: #bf360c !important;
}
.deep-orange-a100 {
color: #ff9e80 !important;
}
.deep-orange-a200 {
color: #ff6e40 !important;
}
.deep-orange-a300 {
color: #ff3d00 !important;
}
.deep-orange-a400 {
color: #dd2c00 !important;
}
.bg-brown-50 {
background-color: #efebe9 !important;
}
.bg-brown-100 {
background-color: #d7ccc8 !important;
}
.bg-brown-200 {
background-color: #bcaaa4 !important;
}
.bg-brown-300 {
background-color: #a1887f !important;
}
.bg-brown-400 {
background-color: #8d6e63 !important;
}
.bg-brown-500 {
background-color: #795548 !important;
}
.bg-brown-600 {
background-color: #6d4c41 !important;
}
.bg-brown-700 {
background-color: #5d4037 !important;
}
.bg-brown-800 {
background-color: #4e342e !important;
}
.bg-brown-900 {
background-color: #3e2723 !important;
}
.brown-50 {
color: #efebe9 !important;
}
.brown-100 {
color: #d7ccc8 !important;
}
.brown-200 {
color: #bcaaa4 !important;
}
.brown-300 {
color: #a1887f !important;
}
.brown-400 {
color: #8d6e63 !important;
}
.brown-500 {
color: #795548 !important;
}
.brown-600 {
color: #6d4c41 !important;
}
.brown-700 {
color: #5d4037 !important;
}
.brown-800 {
color: #4e342e !important;
}
.brown-900 {
color: #3e2723 !important;
}
.bg-grey-50 {
background-color: #fafafa !important;
}
.bg-grey-100 {
background-color: #f5f5f5 !important;
}
.bg-grey-200 {
background-color: #eee !important;
}
.bg-grey-300 {
background-color: #e0e0e0 !important;
}
.bg-grey-400 {
background-color: #bdbdbd !important;
}
.bg-grey-500 {
background-color: #9e9e9e !important;
}
.bg-grey-600 {
background-color: #757575 !important;
}
.bg-grey-700 {
background-color: #616161 !important;
}
.bg-grey-800 {
background-color: #424242 !important;
}
.bg-grey-900 {
background-color: #212121 !important;
}
.grey-50 {
color: #fafafa !important;
}
.grey-100 {
color: #f5f5f5 !important;
}
.grey-200 {
color: #eee !important;
}
.grey-300 {
color: #e0e0e0 !important;
}
.grey-400 {
color: #bdbdbd !important;
}
.grey-500 {
color: #9e9e9e !important;
}
.grey-600 {
color: #757575 !important;
}
.grey-700 {
color: #616161 !important;
}
.grey-800 {
color: #424242 !important;
}
.grey-900 {
color: #212121 !important;
}
.bg-blue-grey-50 {
background-color: #eceff1 !important;
}
.bg-blue-grey-100 {
background-color: #cfd8dc !important;
}
.bg-blue-grey-200 {
background-color: #b0bec5 !important;
}
.bg-blue-grey-300 {
background-color: #90a4ae !important;
}
.bg-blue-grey-400 {
background-color: #78909c !important;
}
.bg-blue-grey-500 {
background-color: #607d8b !important;
}
.bg-blue-grey-600 {
background-color: #546e7a !important;
}
.bg-blue-grey-700 {
background-color: #455a64 !important;
}
.bg-blue-grey-800 {
background-color: #37474f !important;
}
.bg-blue-grey-900 {
background-color: #263238 !important;
}
.blue-grey-50 {
color: #eceff1 !important;
}
.blue-grey-100 {
color: #cfd8dc !important;
}
.blue-grey-200 {
color: #b0bec5 !important;
}
.blue-grey-300 {
color: #90a4ae !important;
}
.blue-grey-400 {
color: #78909c !important;
}
.blue-grey-500 {
color: #607d8b !important;
}
.blue-grey-600 {
color: #546e7a !important;
}
.blue-grey-700 {
color: #455a64 !important;
}
.blue-grey-800 {
color: #37474f !important;
}
.blue-grey-900 {
color: #263238 !important;
}
.bg-primary-50 {
background-color: #e8eaf6 !important;
}
.bg-primary-100 {
background-color: #c5cae9 !important;
}
.bg-primary-200 {
background-color: #9fa8da !important;
}
.bg-primary-300 {
background-color: #7986cb !important;
}
.bg-primary-400 {
background-color: #5c6bc0 !important;
}
.bg-primary-500 {
background-color: #3f51b5 !important;
}
.bg-primary-600 {
background-color: #3949ab !important;
}
.bg-primary-700 {
background-color: #303f9f !important;
}
.bg-primary-800 {
background-color: #283593 !important;
}
.bg-primary-900 {
background-color: #1a237e !important;
}
.primary-50 {
color: #e8eaf6 !important;
}
.primary-100 {
color: #c5cae9 !important;
}
.primary-200 {
color: #9fa8da !important;
}
.primary-300 {
color: #7986cb !important;
}
.primary-400 {
color: #5c6bc0 !important;
}
.primary-500 {
color: #3f51b5 !important;
}
.primary-600 {
color: #3949ab !important;
}
.primary-700 {
color: #303f9f !important;
}
.primary-800 {
color: #283593 !important;
}
.primary-900 {
color: #1a237e !important;
}
.black {
color: #000 !important;
}
.white {
color: #fff !important;
}
.bg-white {
color: #757575;
background-color: #fff;
}
.bg-primary {
color: #fff;
background-color: #3f51b5;
}
.bg-primary:hover {
background-color: #606fc7;
}
.bg-primary a, .bg-primary a.bg-primary {
color: #fff;
}
.bg-primary a:hover, .bg-primary a.bg-primary:hover {
color: #fff;
}
.bg-success {
color: #fff;
background-color: #4caf50;
}
.bg-success:hover {
background-color: #6ec071;
}
.bg-success a, .bg-success a.bg-primary {
color: #fff;
}
.bg-success a:hover, .bg-success a.bg-primary:hover {
color: #fff;
}
.bg-info {
color: #fff;
background-color: #00bcd4;
}
.bg-info:hover {
background-color: #08e3ff;
}
.bg-info a, .bg-info a.bg-info {
color: #fff;
}
.bg-info a:hover, .bg-info a.bg-info:hover {
color: #fff;
}
.bg-warning {
color: #fff;
background-color: #ff9800;
}
.bg-warning:hover {
background-color: #ffad33;
}
.bg-warning a, .bg-warning a.bg-warning {
color: #fff;
}
.bg-warning a:hover, .bg-warning a.bg-warning:hover {
color: #fff;
}
.bg-danger {
color: #fff;
background-color: #f44336;
}
.bg-danger:hover {
background-color: #f77066;
}
.bg-danger a, .bg-danger a.bg-danger {
color: #fff;
}
.bg-danger a:hover, .bg-danger a.bg-danger:hover {
color: #fff;
}
.bg-dark {
color: #fff;
background-color: #616161;
}
.bg-dark:hover {
background-color: #7b7a7a;
}
.bg-dark a, .bg-dark a.bg-dark {
color: #fff;
}
.bg-dark a:hover, .bg-dark a.bg-dark:hover {
color: #fff;
}
.social-facebook {
color: #fff;
background-color: #3b5998 !important;
}
.social-facebook:hover, .social-facebook:focus {
color: #fff;
background-color: #4c70ba !important;
}
.social-facebook:active, .social-facebook.active {
color: #fff;
background-color: #2d4373 !important;
}
.bg-facebook {
background-color: #3b5998;
}
.social-twitter {
color: #fff;
background-color: #55acee !important;
}
.social-twitter:hover, .social-twitter:focus {
color: #fff;
background-color: #83c3f3 !important;
}
.social-twitter:active, .social-twitter.active {
color: #fff;
background-color: #2795e9 !important;
}
.bg-twitter {
background-color: #55acee;
}
.social-google-plus {
color: #fff;
background-color: #dd4b39 !important;
}
.social-google-plus:hover, .social-google-plus:focus {
color: #fff;
background-color: #e47365 !important;
}
.social-google-plus:active, .social-google-plus.active {
color: #fff;
background-color: #c23321 !important;
}
.bg-google-plus {
background-color: #dd4b39;
}
.social-linkedin {
color: #fff;
background-color: #0976b4 !important;
}
.social-linkedin:hover, .social-linkedin:focus {
color: #fff;
background-color: #0b96e5 !important;
}
.social-linkedin:active, .social-linkedin.active {
color: #fff;
background-color: #075683 !important;
}
.bg-linkedin {
background-color: #0976b4;
}
.social-flickr {
color: #fff;
background-color: #ff0084 !important;
}
.social-flickr:hover, .social-flickr:focus {
color: #fff;
background-color: #ff339d !important;
}
.social-flickr:active, .social-flickr.active {
color: #fff;
background-color: #cc006a !important;
}
.bg-flickr {
background-color: #ff0084;
}
.social-tumblr {
color: #fff;
background-color: #35465c !important;
}
.social-tumblr:hover, .social-tumblr:focus {
color: #fff;
background-color: #485f7c !important;
}
.social-tumblr:active, .social-tumblr.active {
color: #fff;
background-color: #222d3c !important;
}
.bg-tumblr {
background-color: #35465c;
}
.social-xing {
color: #fff;
background-color: #024b4d !important;
}
.social-xing:hover, .social-xing:focus {
color: #fff;
background-color: #037b7f !important;
}
.social-xing:active, .social-xing.active {
color: #fff;
background-color: #011b1b !important;
}
.bg-xing {
background-color: #024b4d;
}
.social-github {
color: #fff;
background-color: #4183c4 !important;
}
.social-github:hover, .social-github:focus {
color: #fff;
background-color: #689cd0 !important;
}
.social-github:active, .social-github.active {
color: #fff;
background-color: #3269a0 !important;
}
.bg-github {
background-color: #4183c4;
}
.social-html5 {
color: #fff;
background-color: #e44f26 !important;
}
.social-html5:hover, .social-html5:focus {
color: #fff;
background-color: #ea7453 !important;
}
.social-html5:active, .social-html5.active {
color: #fff;
background-color: #bf3c18 !important;
}
.bg-html5 {
background-color: #e44f26;
}
.social-openid {
color: #fff;
background-color: #f67d28 !important;
}
.social-openid:hover, .social-openid:focus {
color: #fff;
background-color: #f89b59 !important;
}
.social-openid:active, .social-openid.active {
color: #fff;
background-color: #e26309 !important;
}
.bg-openid {
background-color: #f67d28;
}
.social-stack-overflow {
color: #fff;
background-color: #f86c01 !important;
}
.social-stack-overflow:hover, .social-stack-overflow:focus {
color: #fff;
background-color: #fe882e !important;
}
.social-stack-overflow:active, .social-stack-overflow.active {
color: #fff;
background-color: #c55601 !important;
}
.bg-stack-overflow {
background-color: #f86c01;
}
.social-css3 {
color: #fff;
background-color: #1572b6 !important;
}
.social-css3:hover, .social-css3:focus {
color: #fff;
background-color: #1a8fe4 !important;
}
.social-css3:active, .social-css3.active {
color: #fff;
background-color: #105588 !important;
}
.bg-css3 {
background-color: #1572b6;
}
.social-youtube {
color: #fff;
background-color: #b31217 !important;
}
.social-youtube:hover, .social-youtube:focus {
color: #fff;
background-color: #e1171d !important;
}
.social-youtube:active, .social-youtube.active {
color: #fff;
background-color: #850d11 !important;
}
.bg-youtube {
background-color: #b31217;
}
.social-dribbble {
color: #fff;
background-color: #c32361 !important;
}
.social-dribbble:hover, .social-dribbble:focus {
color: #fff;
background-color: #dc3d7b !important;
}
.social-dribbble:active, .social-dribbble.active {
color: #fff;
background-color: #981b4b !important;
}
.bg-dribbble {
background-color: #c32361;
}
.social-instagram {
color: #fff;
background-color: #3f729b !important;
}
.social-instagram:hover, .social-instagram:focus {
color: #fff;
background-color: #548cb9 !important;
}
.social-instagram:active, .social-instagram.active {
color: #fff;
background-color: #305777 !important;
}
.bg-instagram {
background-color: #3f729b;
}
.social-pinterest {
color: #fff;
background-color: #cc2127 !important;
}
.social-pinterest:hover, .social-pinterest:focus {
color: #fff;
background-color: #e04046 !important;
}
.social-pinterest:active, .social-pinterest.active {
color: #fff;
background-color: #a01a1f !important;
}
.bg-pinterest {
background-color: #cc2127;
}
.social-vk {
color: #fff;
background-color: #3d5a7d !important;
}
.social-vk:hover, .social-vk:focus {
color: #fff;
background-color: #4e739f !important;
}
.social-vk:active, .social-vk.active {
color: #fff;
background-color: #2c415b !important;
}
.bg-vk {
background-color: #3d5a7d;
}
.social-yahoo {
color: #fff;
background-color: #350178 !important;
}
.social-yahoo:hover, .social-yahoo:focus {
color: #fff;
background-color: #4b01ab !important;
}
.social-yahoo:active, .social-yahoo.active {
color: #fff;
background-color: #1f0145 !important;
}
.bg-yahoo {
background-color: #350178;
}
.social-behance {
color: #fff;
background-color: #1769ff !important;
}
.social-behance:hover, .social-behance:focus {
color: #fff;
background-color: #4a8aff !important;
}
.social-behance:active, .social-behance.active {
color: #fff;
background-color: #0050e3 !important;
}
.bg-behance {
background-color: #024b4d;
}
.social-dropbox {
color: #fff;
background-color: #007ee5 !important;
}
.social-dropbox:hover, .social-dropbox:focus {
color: #fff;
background-color: #1998ff !important;
}
.social-dropbox:active, .social-dropbox.active {
color: #fff;
background-color: #0062b2 !important;
}
.bg-dropbox {
background-color: #007ee5;
}
.social-reddit {
color: #fff;
background-color: #ff4500 !important;
}
.social-reddit:hover, .social-reddit:focus {
color: #fff;
background-color: #ff6a33 !important;
}
.social-reddit:active, .social-reddit.active {
color: #fff;
background-color: #cc3700 !important;
}
.bg-reddit {
background-color: #ff4500;
}
.social-spotify {
color: #fff;
background-color: #7ab800 !important;
}
.social-spotify:hover, .social-spotify:focus {
color: #fff;
background-color: #9ceb00 !important;
}
.social-spotify:active, .social-spotify.active {
color: #fff;
background-color: #588500 !important;
}
.bg-spotify {
background-color: #7ab800;
}
.social-vine {
color: #fff;
background-color: #00b488 !important;
}
.social-vine:hover, .social-vine:focus {
color: #fff;
background-color: #00e7af !important;
}
.social-vine:active, .social-vine.active {
color: #fff;
background-color: #008161 !important;
}
.bg-vine {
background-color: #00b488;
}
.social-foursquare {
color: #fff;
background-color: #0cbadf !important;
}
.social-foursquare:hover, .social-foursquare:focus {
color: #fff;
background-color: #2ad0f4 !important;
}
.social-foursquare:active, .social-foursquare.active {
color: #fff;
background-color: #0992af !important;
}
.bg-foursquare {
background-color: #0cbadf;
}
.social-vimeo {
color: #fff;
background-color: #1ab7ea !important;
}
.social-vimeo:hover, .social-vimeo:focus {
color: #fff;
background-color: #49c6ee !important;
}
.social-vimeo:active, .social-vimeo.active {
color: #fff;
background-color: #1295bf !important;
}
.bg-vimeo {
background-color: #1ab7ea;
}
.social-skype {
color: #fff;
background-color: #77bcfd !important;
}
.social-skype:hover, .social-skype:focus {
color: #fff;
background-color: #a9d5fe !important;
}
.social-skype:active, .social-skype.active {
color: #fff;
background-color: #45a3fc !important;
}
.bg-skype {
background-color: #77bcfd;
}
.social-evernote {
color: #fff;
background-color: #46bf8c !important;
}
.social-evernote:hover, .social-evernote:focus {
color: #fff;
background-color: #6ccca4 !important;
}
.social-evernote:active, .social-evernote.active {
color: #fff;
background-color: #369c71 !important;
}
.bg-evernote {
background-color: #46bf8c;
}
.blocks, [class*="blocks-"] {
padding: 0;
margin: 0;
margin-right: -1.0715rem;
margin-left: -1.0715rem;
font-size: 0;
list-style: none;
}
.blocks > .block, [class*="blocks-"] > li, [class*="blocks-"] > .block {
display: inline-block;
padding-right: 1.0715rem;
padding-left: 1.0715rem;
margin-bottom: 2.143rem;
font-size: 1rem;
vertical-align: top;
}
.blocks.no-space, [class*="blocks-"].no-space {
margin: 0;
}
.blocks.no-space > li, .blocks.no-space > .block, [class*="blocks-"].no-space > li, [class*="blocks-"].no-space > .block {
padding: 0;
margin: 0;
}
.blocks-100 > .block, .blocks-100 > li {
width: 100%;
}
.blocks-2 > .block, .blocks-2 > li {
width: 50%;
}
.blocks-3 > .block, .blocks-3 > li {
width: 33.3333333333%;
}
.blocks-4 > .block, .blocks-4 > li {
width: 25%;
}
.blocks-5 > .block, .blocks-5 > li {
width: 20%;
}
.blocks-6 > .block, .blocks-6 > li {
width: 16.6666666667%;
}
.blocks-xs-100 > .block, .blocks-xs-100 > li {
width: 100%;
}
.blocks-xs-2 > .block, .blocks-xs-2 > li {
width: 50%;
}
.blocks-xs-3 > .block, .blocks-xs-3 > li {
width: 33.3333333333%;
}
.blocks-xs-4 > .block, .blocks-xs-4 > li {
width: 25%;
}
.blocks-xs-5 > .block, .blocks-xs-5 > li {
width: 20%;
}
.blocks-xs-6 > .block, .blocks-xs-6 > li {
width: 16.6666666667%;
}
@media (min-width: 480px) {
.blocks-sm-100 > .block, .blocks-sm-100 > li {
width: 100%;
}
.blocks-sm-2 > .block, .blocks-sm-2 > li {
width: 50%;
}
.blocks-sm-3 > .block, .blocks-sm-3 > li {
width: 33.3333333333%;
}
.blocks-sm-4 > .block, .blocks-sm-4 > li {
width: 25%;
}
.blocks-sm-5 > .block, .blocks-sm-5 > li {
width: 20%;
}
.blocks-sm-6 > .block, .blocks-sm-6 > li {
width: 16.6666666667%;
}
}
@media (min-width: 768px) {
.blocks-md-100 > .block, .blocks-md-100 > li {
width: 100%;
}
.blocks-md-2 > .block, .blocks-md-2 > li {
width: 50%;
}
.blocks-md-3 > .block, .blocks-md-3 > li {
width: 33.3333333333%;
}
.blocks-md-4 > .block, .blocks-md-4 > li {
width: 25%;
}
.blocks-md-5 > .block, .blocks-md-5 > li {
width: 20%;
}
.blocks-md-6 > .block, .blocks-md-6 > li {
width: 16.6666666667%;
}
}
@media (min-width: 992px) {
.blocks-lg-100 > .block, .blocks-lg-100 > li {
width: 100%;
}
.blocks-lg-2 > .block, .blocks-lg-2 > li {
width: 50%;
}
.blocks-lg-3 > .block, .blocks-lg-3 > li {
width: 33.3333333333%;
}
.blocks-lg-4 > .block, .blocks-lg-4 > li {
width: 25%;
}
.blocks-lg-5 > .block, .blocks-lg-5 > li {
width: 20%;
}
.blocks-lg-6 > .block, .blocks-lg-6 > li {
width: 16.6666666667%;
}
}
@media (min-width: 1200px) {
.blocks-xl-100 > .block, .blocks-xl-100 > li {
width: 100%;
}
.blocks-xl-2 > .block, .blocks-xl-2 > li {
width: 50%;
}
.blocks-xl-3 > .block, .blocks-xl-3 > li {
width: 33.3333333333%;
}
.blocks-xl-4 > .block, .blocks-xl-4 > li {
width: 25%;
}
.blocks-xl-5 > .block, .blocks-xl-5 > li {
width: 20%;
}
.blocks-xl-6 > .block, .blocks-xl-6 > li {
width: 16.6666666667%;
}
}
@media (min-width: 1600px) {
.blocks-xxl-100 > .block, .blocks-xxl-100 > li {
width: 100%;
}
.blocks-xxl-2 > .block, .blocks-xxl-2 > li {
width: 50%;
}
.blocks-xxl-3 > .block, .blocks-xxl-3 > li {
width: 33.3333333333%;
}
.blocks-xxl-4 > .block, .blocks-xxl-4 > li {
width: 25%;
}
.blocks-xxl-5 > .block, .blocks-xxl-5 > li {
width: 20%;
}
.blocks-xxl-6 > .block, .blocks-xxl-6 > li {
width: 16.6666666667%;
}
}
.avatar {
position: relative;
display: inline-block;
width: 40px;
white-space: nowrap;
vertical-align: bottom;
border-radius: 1000px;
}
.avatar i {
position: absolute;
right: 0;
bottom: 0;
width: 10px;
height: 10px;
border: 2px solid #fff;
border-radius: 100%;
}
.avatar img {
width: 100%;
max-width: 100%;
height: auto;
border: 0 none;
border-radius: 1000px;
}
.avatar-online i {
background-color: #4caf50;
}
.avatar-off i {
background-color: #616161;
}
.avatar-busy i {
background-color: #ff9800;
}
.avatar-away i {
background-color: #f44336;
}
.avatar-100 {
width: 100px;
}
.avatar-100 i {
width: 20px;
height: 20px;
}
.avatar-lg {
width: 50px;
}
.avatar-lg i {
width: 12px;
height: 12px;
}
.avatar-sm {
width: 30px;
}
.avatar-sm i {
width: 8px;
height: 8px;
}
.avatar-xs {
width: 20px;
}
.avatar-xs i {
width: 7px;
height: 7px;
}
.status {
display: block;
width: 10px;
height: 10px;
border: 2px solid #fff;
border-radius: 100%;
}
.status-online {
background-color: #4caf50;
}
.status-off {
background-color: #616161;
}
.status-busy {
background-color: #ff9800;
}
.status-away {
background-color: #f44336;
}
.status-lg {
width: 14px;
height: 14px;
}
.status-md {
width: 10px;
height: 10px;
}
.status-sm {
width: 8px;
height: 8px;
}
.status-xs {
width: 7px;
height: 7px;
}
.icon {
position: relative;
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
transform: translate(0, 0);
text-rendering: auto;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon.float-left {
margin-right: .3em;
}
.icon.float-right {
margin-left: .3em;
}
.icon-circle {
position: relative;
margin: .5em;
}
.icon-circle:before {
position: relative;
z-index: 1;
}
.icon-circle:after {
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
width: 2em;
height: 2em;
content: "";
background-color: inherit;
border-radius: 100%;
transform: translate(-50%, -50%);
}
.icon-lg {
font-size: 1.3333333333em;
vertical-align: -15%;
}
.icon-2x {
font-size: 2em;
}
.icon-3x {
font-size: 3em;
}
.icon-4x {
font-size: 4em;
}
.icon-5x {
font-size: 5em;
}
.icon-fw {
width: 1.2857142857em;
text-align: center;
}
.icon-ul {
padding-left: 0;
margin-left: 2.1428571429em;
list-style-type: none;
}
.icon-ul > li {
position: relative;
}
.icon-li {
position: absolute;
top: .1428571429em;
left: -2.1428571429em;
width: 2.1428571429em;
text-align: center;
}
.icon-li.icon-lg {
left: -1.8571428571em;
}
.icon-border {
padding: .2em .25em .15em;
border: solid .08em #e0e0e0;
border-radius: .1em;
}
.icon-spin {
animation: icon-spin 2s infinite linear;
}
.icon-spin-reverse {
animation: icon-spin-reverse 2s infinite linear;
}
.icon-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
transform: rotate(90deg);
}
.icon-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
transform: rotate(180deg);
}
.icon-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
transform: rotate(270deg);
}
.icon-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation, mirror=1);
transform: scale(-1, 1);
}
.icon-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation, mirror=1);
transform: scale(1, -1);
}
.icon-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.icon-stack-1x, .icon-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.icon-stack-1x {
line-height: inherit;
}
.icon-stack-2x {
font-size: 2em;
}
.icon-stack-inverse {
color: #fff;
}
.icon-color {
color: rgba(66, 66, 66, .4);
}
.icon-color:hover, .icon-color:focus {
color: rgba(66, 66, 66, .6);
}
.icon-color.active, .icon-color:active {
color: #424242;
}
.icon-color-alt {
color: rgba(66, 66, 66, .6);
}
.icon-color-alt:hover, .icon-color-alt:focus {
color: rgba(66, 66, 66, .8);
}
.icon-color-alt.active, .icon-color-alt:active {
color: #424242;
}
:root-rotate-90, :root-rotate-180, :root-rotate-270, :root-flip-horizontal, :root-flip-vertical {
filter: none;
}
@keyframes icon-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes icon-spin-reverse {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-359deg);
}
}
.hamburger {
font-size: 17px;
vertical-align: middle;
}
.hamburger, .hamburger:before, .hamburger .hamburger-bar, .hamburger:after {
transition: transform .2s ease-in-out;
}
.hamburger:before, .hamburger:after {
content: "";
}
.hamburger:before, .hamburger .hamburger-bar, .hamburger:after {
display: block;
width: 1em;
height: .1em;
margin: 0;
background: #757575;
border-radius: 1px;
}
.navbar-default .hamburger:before ,.navbar-default
.hamburger .hamburger-bar ,.navbar-default .hamburger:after {
background: #757575;
}
.navbar-inverse .hamburger:before ,.navbar-inverse
.hamburger .hamburger-bar ,.navbar-inverse .hamburger:after {
background: #fff;
}
.hamburger .hamburger-bar {
margin: .2em 0;
}
.hamburger-close:before {
transform: rotate(45deg);
transform-origin: 8%;
}
.hamburger-close .hamburger-bar {
opacity: 0;
}
.hamburger-close:after {
transform: rotate(-45deg);
transform-origin: 8%;
}
.hamburger-close.hided:before, .hamburger-close.collapsed:before {
transform: rotate(0);
}
.hamburger-close.hided .hamburger-bar, .hamburger-close.collapsed .hamburger-bar {
opacity: 1;
}
.hamburger-close.hided:after, .hamburger-close.collapsed:after {
transform: rotate(0);
}
.hamburger-arrow-left.collapsed {
transform: rotate(180deg);
}
.hamburger-arrow-left.collapsed:before {
width: .6em;
transform: translate3d(.45em, .1em, 0) rotate(45deg);
}
.hamburger-arrow-left.collapsed .hamburger-bar {
border-radius: .2em;
}
.hamburger-arrow-left.collapsed:after {
width: .6em;
transform: translate3d(.45em, -0.1em, 0) rotate(-45deg);
}
.counter {
text-align: center;
}
.counter > .counter-number, .counter .counter-number-group {
font-size: 20px;
color: #424242;
}
.counter-label {
display: block;
}
.counter-icon {
font-size: 20px;
}
.counter-lg > .counter-number, .counter-lg .counter-number-group {
font-size: 40px;
}
.counter-lg .counter-icon {
font-size: 40px;
}
.counter-md > .counter-number, .counter-md .counter-number-group {
font-size: 30px;
}
.counter-md .counter-icon {
font-size: 30px;
}
.counter-sm > .counter-number, .counter-sm .counter-number-group {
font-size: 14px;
}
.counter-sm .counter-icon {
font-size: 14px;
}
.counter-sm .counter-number-related + .counter-number, .counter-sm .counter-number + .counter-number-related {
margin-left: 0;
}
.counter-inverse {
color: #fff;
}
.counter-inverse > .counter-number, .counter-inverse .counter-number-group {
color: #fff;
}
.counter-inverse .counter-icon {
color: #fff;
}
.panel {
position: relative;
margin-bottom: 2.143rem;
background-color: #fff;
border: 0 solid transparent;
border-radius: .286rem;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-content > .row {
padding-right: 30px;
padding-left: 30px;
}
.panel-content > .row > [class*="col-"] {
padding-right: 30px;
padding-left: 30px;
}
.panel-heading {
position: relative;
padding: 0;
border-bottom: 1px solid transparent;
border-top-left-radius: .214rem;
border-top-right-radius: .214rem;
}
.panel-heading + .alert {
border-radius: 0;
}
.panel-heading > .nav-tabs {
border-bottom: none;
}
.panel-heading-tab {
padding: 10px 30px 0;
background-color: #3f51b5;
}
.panel-heading-tab > .nav-tabs .nav-link {
color: #fff;
}
.panel-heading-tab > .nav-tabs .nav-link.hover, .panel-heading-tab > .nav-tabs .nav-link:hover {
color: #757575;
}
.panel-heading-tab > .nav-tabs .nav-link.active, .panel-heading-tab > .nav-tabs .nav-link:active {
color: #757575;
background-color: #fff;
}
.panel-heading + .nav-tabs {
margin-top: -0.715rem;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-body {
position: relative;
padding: 30px;
}
.panel-body::after {
display: block;
clear: both;
content: "";
}
.panel-heading + .panel-body {
padding-top: 0;
}
.panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child, .panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child {
margin-top: 0;
}
.panel-body > *:last-child {
margin-bottom: 0;
}
.panel-body > .list-group-dividered:only-child > .list-group-item:last-child {
border-bottom-color: transparent;
}
.panel-footer {
padding: 0 30px 15px;
background-color: transparent;
border-top: 1px solid transparent;
border-bottom-right-radius: .214rem;
border-bottom-left-radius: .214rem;
}
.table + .panel-footer {
padding-top: 15px;
border-color: #e0e0e0;
}
.panel-title {
display: block;
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
color: #424242;
}
.panel-title > .icon {
margin-right: 10px;
}
.panel-title > .badge {
margin-left: 10px;
}
.panel-title small, .panel-title .small {
color: #757575;
}
.panel-title > a, .panel-title > small > a, .panel-title > .small > a {
color: inherit;
}
.panel-desc {
display: block;
padding: 5px 0 0;
margin: 0;
font-size: 1rem;
color: #757575;
}
.panel-actions {
position: absolute;
top: 50%;
right: 30px;
z-index: 1;
margin: auto;
transform: translate(0%, -50%);
}
@media (max-width: 479px) {
.panel-actions {
right: 20px;
}
}
ul .panel-actions {
list-style: none;
}
ul .panel-actions > li {
display: inline-block;
margin-left: 8px;
}
ul .panel-actions > li:first-child {
margin-left: 0;
}
.panel-actions a.dropdown-toggle {
text-decoration: none;
}
.panel-actions .dropdown {
display: inline-block;
}
.panel-actions .dropdown-toggle {
display: inline-block;
}
.panel-actions .panel-action {
display: inline-block;
padding: 8px 10px;
color: #9e9e9e;
text-decoration: none;
cursor: pointer;
background-color: transparent;
}
.panel-actions .panel-action:hover {
color: #616161;
}
.panel-actions .panel-action:active {
color: #616161;
}
.panel-actions .panel-action[data-toggle="dropdown"]:not(.dropdown-toggle) {
width: 34px;
text-align: center;
}
.panel-actions .progress {
width: 100px;
margin: 0;
}
.panel-actions .pagination {
margin: 0;
}
ul.panel-actions {
list-style: none;
}
ul.panel-actions > li {
display: inline-block;
margin-left: 8px;
}
ul.panel-actions > li:first-child {
margin-left: 0;
}
.panel-toolbar {
padding: 5px 15px;
margin: 0;
background-color: transparent;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.panel-bordered .panel-toolbar {
border-top-color: transparent;
}
.panel-toolbar .btn {
padding: 5px 10px;
color: #9e9e9e;
}
.panel-toolbar .btn.icon {
width: 1em;
text-align: center;
}
.panel-toolbar .btn:hover, .panel-toolbar .btn:active, .panel-toolbar .btn.active {
color: #757575;
}
.panel-loading {
position: absolute;
top: 0;
left: 0;
z-index: 6;
display: none;
width: 100%;
height: 100%;
border-radius: .286rem;
opacity: .6;
}
.panel-loading .loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.panel > *:not(.panel-loading):not(.collapsing) {
transition: opacity .3s;
}
.panel.is-loading > *:not(.panel-loading) {
opacity: .3;
}
.panel.is-loading .panel-loading {
display: block;
opacity: 1;
}
.panel-footer-chart {
padding: 0;
}
.panel-control {
padding: 0;
border: none;
border-radius: 0;
box-shadow: none;
}
.panel-body.scrollable-vertical {
padding-right: 0 !important;
padding-left: 0 !important;
}
.panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
padding-right: 30px;
padding-left: 30px;
}
@media (max-width: 479px) {
.panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
padding-right: 20px;
padding-left: 20px;
}
}
.panel-body.scrollable-vertical > .scrollable-bar {
height: calc(100% - 30px);
margin-top: 0;
margin-bottom: 30px;
transform: translateX(-26px);
}
.panel-bordered > .panel-body.scrollable-vertical > .scrollable-bar {
height: calc(100% - 60px);
margin-bottom: 30px;
}
.panel-body.scrollable-horizontal {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
padding-top: 0;
padding-bottom: 30px;
}
.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
padding-top: 30px;
padding-bottom: 30px;
}
.panel-body.scrollable-horizontal > .scrollable-bar {
width: calc(100% - 60px);
margin-right: 30px;
margin-left: 0;
transform: translateY(-26px);
}
@media (max-width: 479px) {
.panel-body.scrollable-horizontal > .scrollable-bar {
width: calc(100% - 40px);
margin-right: 20px;
}
}
.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-bar {
transform: translateY(-26px);
}
.panel-bordered > .panel-heading {
border-bottom: 1px solid #e0e0e0;
}
.panel-bordered > .panel-heading > .panel-title {
padding-bottom: 20px;
}
.panel-bordered > .panel-footer {
padding-top: 15px;
border-top: 1px solid #e0e0e0;
}
.panel-bordered > .panel-body {
padding-top: 30px;
}
.panel-bordered > .table > tbody:first-child > tr:first-child th, .panel-bordered > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel.is-dragging {
opacity: .8;
}
.panel.is-dragging {
cursor: move;
}
.panel > .nav-tabs-vertical .nav-tabs {
margin-left: -1px;
}
.panel > .nav-tabs-vertical .nav-tabs > li > a {
border-left: none;
border-radius: 0;
}
.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
margin-right: -1px;
}
.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse > li > a {
border-right: none;
border-radius: 0;
}
.panel:hover .panel-actions .show-on-hover {
display: inline-block;
}
.panel .panel-actions .show-on-hover {
display: none;
}
.panel.is-fullscreen {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
border-radius: 0;
}
.panel.is-fullscreen .panel-loading {
border-radius: 0;
}
.panel.is-fullscreen .panel-actions [data-toggle=collapse] {
display: none;
}
.panel.is-close {
display: none;
}
.panel.is-collapse .panel-body {
display: none;
height: 0;
}
.panel > .alert {
padding-right: 30px;
padding-left: 30px;
}
.panel > .alert-dismissible {
padding-right: 50px;
}
@media (max-width: 479px) {
.panel > .alert {
padding-right: 20px;
padding-left: 20px;
}
.panel > .alert-dismissible {
padding-right: 40px;
}
}
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
padding-right: 30px 30px;
padding-left: 30px 30px;
}
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: .214rem;
border-top-right-radius: .214rem;
}
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: .214rem;
border-top-right-radius: .214rem;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: .214rem;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: .214rem;
}
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: .214rem;
border-bottom-left-radius: .214rem;
}
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: .214rem;
border-bottom-left-radius: .214rem;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: .214rem;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: .214rem;
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
border-top: 1px solid #e0e0e0;
}
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child {
padding-left: 30px;
}
@media (max-width: 479px) {
.panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child {
padding-left: 20px;
}
}
.panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child {
padding-right: 30px;
}
@media (max-width: 479px) {
.panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child {
padding-right: 20px;
}
}
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
border-top: 1px solid #e0e0e0;
}
.panel > .list-group, .panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: .214rem;
border-top-right-radius: .214rem;
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: .214rem;
border-bottom-left-radius: .214rem;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel > .list-group .list-group-item {
padding-right: 30px;
padding-left: 30px;
}
@media (max-width: 479px) {
.panel > .list-group .list-group-item {
padding-right: 20px;
padding-left: 20px;
}
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel-group {
margin-bottom: 22px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: .286rem;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #e0e0e0;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #e0e0e0;
}
.panel.panel-transparent {
background: transparent;
border-color: transparent;
box-shadow: none;
}
.panel.panel-transparent > .panel-heading, .panel.panel-transparent > .panel-footer {
border-color: transparent;
}
.panel-default {
border-color: #e0e0e0;
}
.panel-default > .panel-heading {
color: #757575;
background-color: #e0e0e0;
border-color: #e0e0e0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #e0e0e0;
}
.panel-default > .panel-heading .badge-pill {
color: #e0e0e0;
background-color: #757575;
}
.panel-default .panel-title {
color: #757575;
}
.panel-default .panel-action {
color: #757575;
}
.panel-default .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #e0e0e0;
}
.panel-default .panel-title {
color: #424242;
}
.panel-primary {
border-color: #3f51b5;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #3f51b5;
border-color: #3f51b5;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #3f51b5;
}
.panel-primary > .panel-heading .badge-pill {
color: #3f51b5;
background-color: #fff;
}
.panel-primary .panel-title {
color: #fff;
}
.panel-primary .panel-action {
color: #fff;
}
.panel-primary .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #3f51b5;
}
.panel-success {
border-color: #509d44;
}
.panel-success > .panel-heading {
color: #fff;
background-color: #4caf50;
border-color: #509d44;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #509d44;
}
.panel-success > .panel-heading .badge-pill {
color: #4caf50;
background-color: #fff;
}
.panel-success .panel-title {
color: #fff;
}
.panel-success .panel-action {
color: #fff;
}
.panel-success .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #509d44;
}
.panel-info {
border-color: #00b0a7;
}
.panel-info > .panel-heading {
color: #fff;
background-color: #00bcd4;
border-color: #00b0a7;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #00b0a7;
}
.panel-info > .panel-heading .badge-pill {
color: #00bcd4;
background-color: #fff;
}
.panel-info .panel-title {
color: #fff;
}
.panel-info .panel-action {
color: #fff;
}
.panel-info .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #00b0a7;
}
.panel-warning {
border-color: #f06700;
}
.panel-warning > .panel-heading {
color: #fff;
background-color: #ff9800;
border-color: #f06700;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #f06700;
}
.panel-warning > .panel-heading .badge-pill {
color: #ff9800;
background-color: #fff;
}
.panel-warning .panel-title {
color: #fff;
}
.panel-warning .panel-action {
color: #fff;
}
.panel-warning .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #f06700;
}
.panel-danger {
border-color: #f3273c;
}
.panel-danger > .panel-heading {
color: #fff;
background-color: #f44336;
border-color: #f3273c;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #f3273c;
}
.panel-danger > .panel-heading .badge-pill {
color: #f44336;
background-color: #fff;
}
.panel-danger .panel-title {
color: #fff;
}
.panel-danger .panel-action {
color: #fff;
}
.panel-danger .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #f3273c;
}
.panel-dark {
border-color: #616161;
}
.panel-dark > .panel-heading {
color: #fff;
background-color: #616161;
border-color: #616161;
}
.panel-dark > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #616161;
}
.panel-dark > .panel-heading .badge-pill {
color: #616161;
background-color: #fff;
}
.panel-dark .panel-title {
color: #fff;
}
.panel-dark .panel-action {
color: #fff;
}
.panel-dark .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #616161;
}
.panel-primary, .panel-info, .panel-success, .panel-warning, .panel-danger, .panel-dark {
border: none;
}
.panel-primary .panel-heading, .panel-info .panel-heading, .panel-success .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading, .panel-dark .panel-heading {
border: none;
}
.panel-primary .panel-title, .panel-info .panel-title, .panel-success .panel-title, .panel-warning .panel-title, .panel-danger .panel-title, .panel-dark .panel-title {
color: #fff;
}
.panel-primary .panel-action, .panel-info .panel-action, .panel-success .panel-action, .panel-warning .panel-action, .panel-danger .panel-action, .panel-dark .panel-action {
color: #fff;
}
.panel-line .panel-heading {
background: transparent;
border: none;
border-top: 3px solid transparent;
}
.panel-line.panel-default .panel-heading {
color: #e0e0e0;
background: transparent;
border-top-color: #e0e0e0;
}
.panel-line.panel-default .panel-title {
color: #e0e0e0;
}
.panel-line.panel-default .panel-action {
color: #e0e0e0;
}
.panel-line.panel-default .panel-title {
color: #424242;
}
.panel-line.panel-default .panel-action {
color: #9e9e9e;
}
.panel-line.panel-primary .panel-heading {
color: #3f51b5;
background: transparent;
border-top-color: #3f51b5;
}
.panel-line.panel-primary .panel-title {
color: #3f51b5;
}
.panel-line.panel-primary .panel-action {
color: #3f51b5;
}
.panel-line.panel-success .panel-heading {
color: #4caf50;
background: transparent;
border-top-color: #4caf50;
}
.panel-line.panel-success .panel-title {
color: #4caf50;
}
.panel-line.panel-success .panel-action {
color: #4caf50;
}
.panel-line.panel-info .panel-heading {
color: #00bcd4;
background: transparent;
border-top-color: #00bcd4;
}
.panel-line.panel-info .panel-title {
color: #00bcd4;
}
.panel-line.panel-info .panel-action {
color: #00bcd4;
}
.panel-line.panel-warning .panel-heading {
color: #ff9800;
background: transparent;
border-top-color: #ff9800;
}
.panel-line.panel-warning .panel-title {
color: #ff9800;
}
.panel-line.panel-warning .panel-action {
color: #ff9800;
}
.panel-line.panel-danger .panel-heading {
color: #f44336;
background: transparent;
border-top-color: #f44336;
}
.panel-line.panel-danger .panel-title {
color: #f44336;
}
.panel-line.panel-danger .panel-action {
color: #f44336;
}
.panel-line.panel-dark .panel-heading {
color: #616161;
background: transparent;
border-top-color: #616161;
}
.panel-line.panel-dark .panel-title {
color: #616161;
}
.panel-line.panel-dark .panel-action {
color: #616161;
}
@media (max-width: 767px) {
.panel-actions {
position: relative;
top: auto;
right: auto;
display: block;
padding: 0 30px 15px;
margin: auto;
transform: none;
}
.panel-actions-keep {
position: absolute;
top: 50%;
right: 30px;
padding: 0;
transform: translate(0%, -50%);
}
}
@media (max-width: 479px) {
.panel-actions {
padding-left: 20px;
}
.panel-actions-keep {
right: 15px;
}
.panel-actions .progress {
min-width: 80px;
}
.panel-actions .show-on-hover {
display: none;
}
.panel-title, .panel-body, .panel-footer {
padding-right: 20px;
padding-left: 20px;
}
}
.panel-group {
margin-bottom: 22px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: .286rem;
box-shadow: none;
}
.panel-group .panel + .panel {
margin-top: 10px;
}
.panel-group .panel-title {
position: relative;
padding: 15px 45px 15px 30px;
font-size: 1rem;
}
.panel-group .panel-title:before, .panel-group .panel-title:after {
position: absolute;
top: 15px;
right: 30px;
font-family: "Material Design Iconic";
transition: all 300ms linear 0s;
}
.panel-group .panel-title:before {
content: "";
}
.panel-group .panel-title:after {
content: "";
}
.panel-group .panel-title[aria-expanded="false"]:before {
opacity: .4;
}
.panel-group .panel-title[aria-expanded="false"]:after {
opacity: 0;
transform: rotate(-180deg);
}
.panel-group .panel-title[aria-expanded="true"]:before {
opacity: 0;
transform: rotate(180deg);
}
.panel-group .panel-title[aria-expanded="true"]:after {
opacity: 1;
}
.panel-group .panel-title:hover, .panel-group .panel-title:focus {
color: #757575;
text-decoration: none;
}
.panel-group .panel-title:focus {
outline: none;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse {
margin: 0;
}
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #e0e0e0;
}
.panel-group .panel-collapse .panel-body {
padding: 15px 30px;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #e0e0e0;
}
.panel-group .panel + .panel {
margin-top: 10px;
}
.panel-group-continuous .panel {
border-radius: 0;
}
.panel-group-continuous .panel:first-child {
border-radius: .286rem .286rem 0 0;
}
.panel-group-continuous .panel:last-child {
border-radius: 0 0 .286rem .286rem;
}
.panel-group-continuous .panel + .panel {
margin-top: 0;
border-top: 1px solid #e0e0e0;
}
.panel-group-simple .panel {
background: transparent;
box-shadow: none;
}
.panel-group-simple .panel-title {
padding-bottom: 10px;
padding-left: 0;
}
.panel-group-simple .panel-title:before, .panel-group-simple .panel-title:after {
right: 5px;
}
.panel-group-simple .panel-collapse .panel-body {
padding-top: 10px;
padding-right: 0;
padding-left: 0;
}
.panel-group-simple .panel + .panel {
margin-top: 0;
}
.cover {
overflow: hidden;
}
.cover-background {
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.cover-image {
width: 100%;
}
.cover-quote, .blockquote.cover-quote {
position: relative;
padding-left: 35px;
margin-bottom: 0;
border-left: none;
}
.cover-quote:before, .cover-quote:after, .blockquote.cover-quote:before, .blockquote.cover-quote:after {
position: absolute;
top: -20px;
font-size: 4em;
}
.cover-quote:before, .blockquote.cover-quote:before {
left: 0;
content: open-quote;
}
.cover-quote:after, .blockquote.cover-quote:after {
right: 0;
visibility: hidden;
content: close-quote;
}
.cover-quote.blockquote-reverse, .blockquote.cover-quote.blockquote-reverse {
padding-right: 35px;
padding-left: 20px;
border-right: none;
}
.cover-quote.blockquote-reverse:before, .blockquote.cover-quote.blockquote-reverse:before {
right: 0;
left: auto;
content: close-quote;
}
.cover-gallery .carousel-inner img {
width: 100%;
}
.cover-iframe {
width: 100%;
border: 0 none;
}
/* ========================================================================
Component: Overlay
========================================================================== */
.overlay {
position: relative;
display: inline-block;
width: 100%;
max-width: 100%;
margin: 0;
overflow: hidden;
vertical-align: middle;
transform: translateZ(0);
}
.overlay-figure {
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
/* Sub-object `overlay-panel`
========================================================================== */
.overlay-panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20px;
color: #fff;
}
.overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline;
}
.overlay-panel > :last-child {
margin-bottom: 0;
}
.overlay-panel h1, .overlay-panel h2, .overlay-panel h3, .overlay-panel h4, .overlay-panel h5, .overlay-panel h6 {
color: inherit;
}
/* Sub-object `overlay-hover`
========================================================================== */
.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
opacity: 0;
}
/* Modifier `overlay-background`
========================================================================== */
.overlay-background {
background: rgba(0, 0, 0, .5);
}
/* Modifier `overlay-image`
========================================================================== */
.overlay-image {
width: 100%;
max-width: 100%;
padding: 0;
}
/* Modifier `overlay-shade`
========================================================================== */
.overlay-shade {
background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) repeat scroll 0 0;
}
/* Position modifiers
========================================================================== */
.overlay-top {
bottom: auto;
}
.overlay-bottom {
top: auto;
}
.overlay-left {
right: auto;
}
.overlay-right {
left: auto;
}
/* Sub-object `overlay-icon`
========================================================================== */
.overlay-icon {
font-size: 0;
text-align: center;
}
.overlay-icon:before {
display: inline-block;
height: 100%;
vertical-align: middle;
content: "";
}
.overlay-icon .icon {
display: inline-block;
width: 2.286rem;
height: 2.286rem;
margin-right: 10px;
margin-left: 10px;
font-size: 2.286rem;
line-height: 1;
color: #fff;
text-decoration: none;
}
/* Sub-object `overlay-anchor`
========================================================================== */
.overlay-anchor {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* Transitions
========================================================================== */
.overlay-fade, .overlay-scale, .overlay-spin, .overlay-grayscale, .overlay-blur, [class*='overlay-slide'] {
transition-timing-function: ease-out;
transition-duration: .3s;
transition-property: opacity transform filter;
}
.overlay-fade {
opacity: .7;
}
.overlay-hover:hover .overlay-fade {
opacity: 1;
}
.overlay-scale {
transform: scale(1);
}
.overlay-hover:hover .overlay-scale {
transform: scale(1.1);
}
.overlay-spin {
transform: scale(1) rotate(0deg);
}
.overlay-hover:hover .overlay-spin {
transform: scale(1.1) rotate(3deg);
}
.overlay-grayscale {
filter: grayscale(100%);
}
.overlay-hover:hover .overlay-grayscale {
filter: grayscale(0%);
}
[class*='overlay-slide'] {
opacity: 0;
}
/* Top */
.overlay-slide-top {
transform: translateY(-100%);
}
/* Bottom */
.overlay-slide-bottom {
transform: translateY(100%);
}
/* Left */
.overlay-slide-left {
transform: translateX(-100%);
}
/* Right */
.overlay-slide-right {
transform: translateX(100%);
}
/* Hover */
.overlay-hover:hover [class*='overlay-slide'] {
opacity: 1;
transform: translateX(0) translateY(0);
}
.comments {
padding: 0;
margin: 0;
}
.comments .comment {
border: none;
border-bottom: 1px solid #e0e0e0;
}
.comments .comment .comment:first-child {
border-top: 1px solid #e0e0e0;
}
.comments .comment .comment:last-child {
border-bottom: none;
}
.comment {
padding: 20px 0;
margin: 0;
}
.comment .comment {
padding-bottom: 20px;
margin-top: 20px;
}
.comment .comment:last-child {
padding-bottom: 0;
}
.comment-author, .comment-author:hover, .comment-author:focus {
color: #424242;
}
.comment-meta {
display: inline-block;
margin-left: 5px;
font-size: .858rem;
color: #9e9e9e;
}
.comment-content {
margin-top: 5px;
}
.comment-content p:last-child {
margin-bottom: 0;
}
.comment-actions {
margin-top: 10px;
text-align: right;
}
.comment-actions a {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.comment-actions a.icon {
text-decoration: none;
}
.comment-actions a:last-child {
margin-right: 0;
}
.comment-reply {
margin: 22px 0 10px;
}
.comment-reply .form-group:last-child {
margin-bottom: 0;
}
.chat-box {
width: 100%;
height: 100%;
overflow: hidden;
background-color: #fff;
}
.chats {
padding: 30px 15px;
}
.chat-avatar {
float: right;
}
.chat-avatar .avatar {
width: 30px;
}
.chat-body {
display: block;
margin: 10px 30px 0 0;
overflow: hidden;
}
.chat-body:first-child {
margin-top: 0;
}
.chat-content {
position: relative;
display: block;
float: right;
padding: 8px 15px;
margin: 0 20px 10px 0;
clear: both;
color: #fff;
background-color: #3f51b5;
border-radius: .286rem;
}
.chat-content:before {
position: absolute;
top: 10px;
right: -10px;
width: 0;
height: 0;
content: "";
border: 5px solid transparent;
border-left-color: #3f51b5;
}
.chat-content p {
margin-bottom: .5rem;
}
.chat-content > p:last-child {
margin-bottom: 0;
}
.chat-content + .chat-content:before {
border-color: transparent;
}
.chat-time {
display: block;
margin-top: 8px;
color: rgba(255, 255, 255, .6);
}
.chat-left .chat-avatar {
float: left;
}
.chat-left .chat-body {
margin-right: 0;
margin-left: 30px;
}
.chat-left .chat-content {
float: left;
margin: 0 0 10px 20px;
color: #757575;
background-color: #ebebeb;
}
.chat-left .chat-content:before {
right: auto;
left: -10px;
border-right-color: #ebebeb;
border-left-color: transparent;
}
.chat-left .chat-content + .chat-content:before {
border-color: transparent;
}
.chat-left .chat-time {
color: #9e9e9e;
}
.steps {
display: flex;
flex-wrap: wrap;
margin: 0 0 22px;
}
.step {
position: relative;
padding: 12px 20px;
margin: 0;
font-size: inherit;
color: #9e9e9e;
vertical-align: top;
background-color: #eee;
border-radius: 0;
}
.step-icon {
float: left;
margin-right: .5em;
font-size: 27px;
}
.step-number {
position: absolute;
top: 50%;
left: 20px;
width: 40px;
height: 40px;
font-size: 24px;
line-height: 40px;
color: #fff;
text-align: center;
background: #e0e0e0;
border-radius: 50%;
transform: translateY(-50%);
}
.step-number ~ .step-desc {
min-height: 40px;
margin-left: 50px;
}
.step-title {
margin-bottom: 0;
font-size: 20px;
color: #616161;
}
.step-desc {
text-align: left;
}
.step-desc p {
margin-bottom: 0;
}
.steps-vertical {
flex-direction: column;
}
.step.current, .step.active {
color: #fff;
background-color: #3f51b5;
}
.step.current .step-title, .step.active .step-title {
color: #fff;
}
.step.current .step-number, .step.active .step-number {
color: #3f51b5;
background-color: #fff;
}
.step.disabled {
color: #bdbdbd;
pointer-events: none;
cursor: auto;
}
.step.disabled .step-title {
color: #bdbdbd;
}
.step.disabled .step-number {
background-color: #bdbdbd;
}
.step.error {
color: #fff;
background-color: #f44336;
}
.step.error .step-title {
color: #fff;
}
.step.error .step-number {
color: #f44336;
background-color: #fff;
}
.step.done {
color: #fff;
background-color: #4caf50;
}
.step.done .step-title {
color: #fff;
}
.step.done .step-number {
color: #4caf50;
background-color: #fff;
}
.steps-lg .step {
padding: 20px;
font-size: 16px;
}
.steps-lg .step-icon {
font-size: 32px;
}
.steps-lg .step-title {
font-size: 22px;
}
.steps-lg .step-number {
width: 46px;
height: 46px;
font-size: 28px;
line-height: 46px;
}
.steps-lg .step-number ~ .step-desc {
min-height: 46px;
margin-left: 56px;
}
.steps-sm .step {
font-size: 12px;
}
.steps-sm .step-icon {
font-size: 24px;
}
.steps-sm .step-title {
font-size: 18px;
}
.steps-sm .step-number {
width: 30px;
height: 30px;
font-size: 24px;
line-height: 30px;
}
.steps-sm .step-number ~ .step-desc {
min-height: 30px;
margin-left: 40px;
}
.steps-xs .step {
font-size: 10px;
}
.steps-xs .step-icon {
font-size: 22px;
}
.steps-xs .step-title {
font-size: 16px;
}
.steps-xs .step-number {
width: 24px;
height: 24px;
font-size: 20px;
line-height: 24px;
}
.steps-xs .step-number ~ .step-desc {
min-height: 24px;
margin-left: 34px;
}
.pearls {
display: flex;
flex-wrap: wrap;
margin: 0 0 22px;
}
.pearl {
position: relative;
padding: 0;
margin: 0;
text-align: center;
}
.pearl:before, .pearl:after {
position: absolute;
top: 18px;
z-index: 0;
width: 50%;
height: 4px;
content: "";
background-color: #eee;
}
.pearl:before {
left: 0;
}
.pearl:after {
right: 0;
}
.pearl:first-child:before, .pearl:last-child:after {
display: none !important;
}
.pearl-number, .pearl-icon {
position: relative;
z-index: 1;
display: inline-block;
width: 36px;
height: 36px;
line-height: 32px;
color: #fff;
text-align: center;
background: #bdbdbd;
border: 2px solid #bdbdbd;
border-radius: 50%;
}
.pearl-number {
font-size: 18px;
}
.pearl-icon {
font-size: 18px;
}
.pearl-title {
display: block;
margin-top: .5em;
margin-bottom: 0;
overflow: hidden;
font-size: 16px;
color: #616161;
text-overflow: ellipsis;
white-space: nowrap;
}
.pearl.current:before, .pearl.current:after, .pearl.active:before, .pearl.active:after {
background-color: #3f51b5;
}
.pearl.current .pearl-number, .pearl.current .pearl-icon, .pearl.active .pearl-number, .pearl.active .pearl-icon {
color: #3f51b5;
background-color: #fff;
border-color: #3f51b5;
transform: scale(1.3);
}
.pearl.disabled {
pointer-events: none;
cursor: auto;
}
.pearl.disabled:before, .pearl.disabled:after {
background-color: #eee;
}
.pearl.disabled .pearl-number, .pearl.disabled .pearl-icon {
color: #fff;
background-color: #bdbdbd;
border-color: #bdbdbd;
}
.pearl.error:before {
background-color: #3f51b5;
}
.pearl.error:after {
background-color: #eee;
}
.pearl.error .pearl-number, .pearl.error .pearl-icon {
color: #f44336;
background-color: #fff;
border-color: #f44336;
}
.pearl.done:before, .pearl.done:after {
background-color: #3f51b5;
}
.pearl.done .pearl-number, .pearl.done .pearl-icon {
color: #fff;
background-color: #3f51b5;
border-color: #3f51b5;
}
.pearls-lg .pearl:before, .pearls-lg .pearl:after {
top: 20px;
}
.pearls-lg .pearl-title {
font-size: 18px;
}
.pearls-lg .pearl-number, .pearls-lg .pearl-icon {
width: 40px;
height: 40px;
line-height: 36px;
}
.pearls-lg .pearl-icon {
font-size: 20px;
}
.pearls-lg .pearl-number {
font-size: 20px;
}
.pearls-sm .pearl:before, .pearls-sm .pearl:after {
top: 16px;
}
.pearls-sm .pearl-title {
font-size: 14px;
}
.pearls-sm .pearl-number, .pearls-sm .pearl-icon {
width: 32px;
height: 32px;
line-height: 28px;
}
.pearls-sm .pearl-number {
font-size: 16px;
}
.pearls-sm .pearl-icon {
font-size: 14px;
}
.pearls-xs .pearl:before, .pearls-xs .pearl:after {
top: 12px;
height: 2px;
}
.pearls-xs .pearl-title {
font-size: 12px;
}
.pearls-xs .pearl-number, .pearls-xs .pearl-icon {
width: 24px;
height: 24px;
line-height: 20px;
}
.pearls-xs .pearl-number {
font-size: 12px;
}
.pearls-xs .pearl-icon {
font-size: 12px;
}
.timeline {
position: relative;
padding: 0;
margin-bottom: 22px;
list-style: none;
background: transparent;
}
.timeline:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
margin-left: -1px;
content: "";
background-color: #e0e0e0;
}
.timeline::after {
display: block;
clear: both;
content: "";
}
.timeline:not(.timeline-single) .timeline-item:first-child + .timeline-item, .timeline:not(.timeline-single) .timeline-period + .timeline-item + .timeline-item {
margin-top: 90px;
}
.timeline-item {
position: relative;
display: block;
float: left;
width: 50%;
padding-right: 40px;
margin-bottom: 60px;
}
.timeline-item:not(.timeline-period)::after {
display: block;
clear: both;
content: "";
}
.timeline-item.timeline-reverse {
float: right;
padding-right: 0;
padding-left: 40px;
clear: right;
}
.timeline-item:last-child {
margin-bottom: 0;
}
.timeline-period {
position: relative;
z-index: 6;
display: block;
padding: 25px 10px;
margin: 20px auto 30px;
clear: both;
font-size: 26px;
text-align: center;
text-transform: uppercase;
background: #eceff1;
}
.timeline-content {
width: 100%;
overflow: hidden;
}
.timeline-dot {
position: absolute;
top: 7.5px;
right: 0;
z-index: 11;
color: #fff;
text-align: center;
cursor: pointer;
background-color: #3f51b5;
border-radius: 50%;
}
.timeline-reverse .timeline-dot {
right: auto;
left: 0;
margin-right: 0;
}
.timeline .timeline-dot {
width: 14px;
height: 14px;
margin-right: -7px;
line-height: 14px;
}
.timeline .timeline-reverse .timeline-dot {
margin-left: -7px;
}
.timeline.timeline-single {
margin-left: 7px;
}
.timeline.timeline-single .timeline-dot {
margin-left: -7px;
}
@media (max-width: 767px) {
.timeline {
margin-left: 7px;
}
.timeline .timeline-dot {
margin-left: -7px;
}
}
.timeline-info {
float: right;
padding: 0 20px;
margin-bottom: 22px;
line-height: 28px;
text-align: center;
background: #e0e0e0;
border: 1px solid #e0e0e0;
border-radius: 20px;
}
.timeline-reverse .timeline-info {
float: left;
}
.timeline-footer {
position: absolute;
right: 0;
bottom: -30px;
margin-right: 55px;
}
.timeline-footer .icon {
margin-right: .3em;
}
.timeline-reverse .timeline-footer {
right: auto;
left: 0;
margin-right: 0;
margin-left: 55px;
}
.timeline-reverse + .timeline-reverse {
margin-top: 0;
}
@media (max-width: 767px) {
.timeline:before {
left: 0;
}
.timeline-item, .timeline-item.timeline-reverse {
float: none;
width: 100%;
padding-right: 0;
padding-left: 40px;
margin-top: 0;
margin-bottom: 60px;
}
.timeline-dot {
right: auto;
left: 0;
margin-right: 0;
margin-left: -7px;
}
.timeline-info {
display: inline-block;
float: none;
}
.timeline-footer {
right: auto;
bottom: -26px;
left: 0;
margin-right: 0;
margin-left: 40px;
}
}
.timeline-single:before {
left: 0;
}
.timeline-single .timeline-item {
float: none;
width: 100%;
padding-right: 0;
padding-left: 40px;
margin-bottom: 60px;
}
.timeline-single .timeline-dot {
right: auto;
left: 0;
margin-right: 0;
margin-left: -7px;
}
.timeline-single .timeline-info {
float: left;
}
.timeline-single .timeline-footer {
right: auto;
bottom: -26px;
left: 0;
margin-right: 0;
margin-left: 40px;
}
.timeline-icon .timeline-dot {
width: 40px;
height: 40px;
margin-right: -20px;
line-height: 40px;
}
.timeline-icon .timeline-reverse .timeline-dot {
margin-left: -20px;
}
.timeline-icon.timeline-single {
margin-left: 20px;
}
.timeline-icon.timeline-single .timeline-dot {
margin-left: -20px;
}
@media (max-width: 767px) {
.timeline-icon {
margin-left: 20px;
}
.timeline-icon .timeline-dot {
margin-left: -20px;
}
}
.timeline-icon .timeline-dot {
top: -5.5px;
}
.timeline-avatar .timeline-dot {
width: 40px;
height: 40px;
margin-right: -20px;
line-height: 40px;
}
.timeline-avatar .timeline-reverse .timeline-dot {
margin-left: -20px;
}
.timeline-avatar.timeline-single {
margin-left: 20px;
}
.timeline-avatar.timeline-single .timeline-dot {
margin-left: -20px;
}
@media (max-width: 767px) {
.timeline-avatar {
margin-left: 20px;
}
.timeline-avatar .timeline-dot {
margin-left: -20px;
}
}
.timeline-avatar-sm .timeline-dot {
width: 30px;
height: 30px;
margin-right: -15px;
line-height: 30px;
}
.timeline-avatar-sm .timeline-reverse .timeline-dot {
margin-left: -15px;
}
.timeline-avatar-sm.timeline-single {
margin-left: 15px;
}
.timeline-avatar-sm.timeline-single .timeline-dot {
margin-left: -15px;
}
@media (max-width: 767px) {
.timeline-avatar-sm {
margin-left: 15px;
}
.timeline-avatar-sm .timeline-dot {
margin-left: -15px;
}
}
.timeline-avatar-lg .timeline-dot {
width: 50px;
height: 50px;
margin-right: -25px;
line-height: 50px;
}
.timeline-avatar-lg .timeline-reverse .timeline-dot {
margin-left: -25px;
}
.timeline-avatar-lg.timeline-single {
margin-left: 25px;
}
.timeline-avatar-lg.timeline-single .timeline-dot {
margin-left: -25px;
}
@media (max-width: 767px) {
.timeline-avatar-lg {
margin-left: 25px;
}
.timeline-avatar-lg .timeline-dot {
margin-left: -25px;
}
}
.timeline-simple .timeline-dot {
top: 0;
margin-top: 10px;
}
.timeline-feed .timeline-dot {
width: 30px;
height: 30px;
margin-right: -15px;
line-height: 30px;
}
.timeline-feed .timeline-reverse .timeline-dot {
margin-left: -15px;
}
.timeline-feed.timeline-single {
margin-left: 15px;
}
.timeline-feed.timeline-single .timeline-dot {
margin-left: -15px;
}
@media (max-width: 767px) {
.timeline-feed {
margin-left: 15px;
}
.timeline-feed .timeline-dot {
margin-left: -15px;
}
}
.timeline-feed.timeline-simple .timeline-dot {
margin-top: 5px;
}
.timeline-feed .timeline-item {
padding-right: 30px;
margin-bottom: 22px;
}
.timeline-feed .timeline-item.timeline-reverse {
padding-left: 30px;
}
.timeline-feed.timeline-single .timeline-item {
padding-left: 30px;
}
@media (max-width: 767px) {
.timeline-feed .timeline-item {
padding-right: 30px;
margin-bottom: 22px;
}
}
.testimonial {
margin: 3px 3px 22px;
}
.testimonial-ul {
padding: 0;
margin: 0;
list-style: none;
}
.testimonial-item {
float: left;
padding: 0 15px 30px;
margin: 0;
}
.testimonial-content {
position: relative;
padding: 15px 20px;
margin-top: 10px;
margin-bottom: 25px;
background-color: #eee;
border-radius: .215rem;
}
.testimonial-content:before {
position: absolute;
bottom: -7px;
left: 33px;
display: block;
width: 14px;
height: 14px;
content: "";
background-color: #eee;
transform: rotate(45deg);
}
.testimonial-content > p:last-child {
margin-bottom: 0;
}
.testimonial-image {
position: relative;
float: left;
margin-top: 5px;
margin-left: 20px;
}
.testimonial-author {
display: block;
margin-left: 75px;
font-size: 18px;
}
.testimonial-company {
display: block;
margin-left: 75px;
font-size: .858rem;
opacity: .8;
}
.testimonial-control a {
color: #bdbdbd;
}
.testimonial-control a:hover {
color: #3f51b5;
text-decoration: none;
}
.testimonial-reverse .testimonial-content:before {
right: 33px;
left: auto;
}
.testimonial-reverse .testimonial-image {
float: right;
margin-right: 20px;
margin-left: 0;
}
.testimonial-reverse .testimonial-author, .testimonial-reverse .testimonial-company {
margin-right: 75px;
margin-left: 0;
text-align: right;
}
.testimonial-top .testimonial-item {
padding: 30px 15px 0;
}
.testimonial-top .testimonial-content {
margin-top: 30px;
margin-bottom: 10px;
}
.testimonial-top .testimonial-content:before {
top: -7px;
bottom: auto;
}
.testimonial.carousel {
position: relative;
width: 100%;
overflow: hidden;
}
.testimonial.carousel .testimonial-item {
position: relative;
display: none;
width: 100%;
padding: 10px;
transition: left .6s ease-in-out 0s;
}
.testimonial.carousel .testimonial-item.active, .testimonial.carousel .testimonial-item.next, .testimonial.carousel .testimonial-item.prev {
display: block;
}
.testimonial.carousel .testimonial-item.next, .testimonial.carousel .testimonial-item.prev {
position: absolute;
top: 0;
width: 100%;
}
.testimonial.carousel .testimonial-item.next {
left: 100%;
}
.testimonial.carousel .testimonial-item.prev {
left: -100%;
}
.testimonial.carousel .testimonial-item.next.left, .testimonial.carousel .testimonial-item.prev.right {
left: 0;
}
.testimonial.carousel .testimonial-item.active {
left: 0;
}
.testimonial.carousel .testimonial-item.active.left {
left: -100%;
}
.testimonial.carousel .testimonial-item.active.right {
left: 100%;
}
.testimonial.carousel .testimonial-content {
padding: 10px;
}
.testimonial.carousel .testimonial-control {
position: absolute;
right: 10px;
bottom: 20px;
}
.testimonial.carousel .testimonial-control > * {
margin-left: 10px;
}
.testimonial.carousel.testimonial-reverse .testimonial-control {
right: auto;
left: 10px;
}
.testimonial.carousel.testimonial-reverse .testimonial-control > * {
margin-right: 10px;
margin-left: 0;
}
.testimonial.carousel.testimonial-top .testimonial-control {
top: 20px;
bottom: auto;
}
.pricing-list {
margin-bottom: 22px;
text-align: center;
border-radius: .215rem;
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, .1);
}
.pricing-list [class^="bg-"], .pricing-list [class^="bg-"] *, .pricing-list [class*="bg-"], .pricing-list [class*="bg-"] * {
color: #fff;
}
.pricing-list .pricing-header {
border-bottom: 1px solid #e0e0e0;
border-radius: .215rem .215rem 0 0;
}
.pricing-list .pricing-title {
padding: 15px 30px;
font-size: 1rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: .215rem .215rem 0 0;
}
.pricing-list .pricing-price {
padding: 20px 30px;
margin: 0;
font-size: 3.858rem;
font-weight: 500;
color: #424242;
}
.pricing-list .pricing-period {
font-size: 1rem;
font-weight: 300;
}
.pricing-list .pricing-features {
padding: 0 18px;
margin: 0;
}
.pricing-list .pricing-features li {
display: block;
padding: 15px;
list-style: none;
border-top: 1px dashed #e0e0e0;
}
.pricing-list .pricing-features li:first-child {
border-top: none;
}
.pricing-list .pricing-footer {
padding: 30px;
border-radius: 0 0 .215rem .215rem;
}
.pricing-table {
padding-top: 30px;
text-align: center;
}
.pricing-table::after {
display: block;
clear: both;
content: "";
}
.pricing-table [class*="pricing-column"] {
float: left;
width: 100%;
margin-bottom: 30px;
background-color: #eee;
border: 1px solid #e0e0e0;
border-right: none;
}
.pricing-table [class*="pricing-column"]:last-child {
border-right: 1px solid #e0e0e0;
}
.pricing-table [class*="pricing-column"].featured {
position: relative;
margin-right: -1px;
background-color: #fff;
border-right: 1px solid #e0e0e0;
}
.pricing-table .pricing-header {
padding-bottom: 24px;
margin: 30px 30px 25px;
border-bottom: 1px solid #e0e0e0;
}
.pricing-table .pricing-price {
font-size: 48px;
}
.pricing-table .pricing-currency {
display: inline-block;
margin-top: 10px;
margin-right: -10px;
font-size: 20px;
vertical-align: top;
}
.pricing-table .pricing-period {
font-size: 16px;
}
.pricing-table .pricing-title {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}
.pricing-table .pricing-features {
padding: 0;
margin: 0;
}
.pricing-table .pricing-features li {
display: block;
margin-bottom: 20px;
font-size: 14px;
list-style: none;
}
.pricing-table .pricing-footer {
padding: 20px 0;
margin: 25px 30px 30px;
}
@media (min-width: 768px) {
.pricing-table .pricing-column-three {
width: 33.33%;
}
.pricing-table .pricing-column-three.featured {
top: -30px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: -30px;
}
.pricing-table .pricing-column-four {
width: 50%;
}
.pricing-table .pricing-column-five {
width: 50%;
}
}
@media (min-width: 1200px) {
.pricing-table .pricing-column-four {
width: 25%;
}
.pricing-table .pricing-column-five {
width: 20%;
}
.pricing-table .pricing-column-four.featured, .pricing-table .pricing-column-five.featured {
top: -30px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: -30px;
}
}
.rating {
display: inline-block;
margin: 0 .5rem 0 0;
font-size: 0;
vertical-align: middle;
}
.rating:before {
display: block;
height: 0;
clear: both;
visibility: hidden;
content: "";
}
.rating.hover .icon.active {
opacity: .5;
}
.rating .icon {
width: 1em;
height: auto;
padding: 0;
margin: 0 10px 0 0;
font-size: 1rem;
color: #bdbdbd;
vertical-align: middle;
cursor: pointer;
}
.rating .icon:before {
transition: color .3s ease, opacity .3s ease;
}
.rating .icon.active {
color: #fb8c00 !important;
}
.rating .icon.active.hover {
color: #fb8c00 !important;
opacity: 1;
}
.rating .icon.hover {
color: #fb8c00 !important;
opacity: 1;
}
.rating .icon:last-child {
margin-right: 0;
}
.rating-disabled .icon {
cursor: default;
}
.rating-sm .icon {
font-size: .858rem;
}
.rating-lg .icon {
font-size: 1.286rem;
}
.ribbon {
position: absolute;
top: -3px;
left: -3px;
width: 220px !important;
height: 150px;
text-align: center;
background-color: transparent;
}
.ribbon-inner {
position: absolute;
top: 16px;
left: 0;
display: inline-block;
max-width: 100%;
height: 30px;
padding-right: 20px;
padding-left: 20px;
overflow: hidden;
line-height: 30px;
color: #fff;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #616161;
}
.ribbon-inner .icon {
font-size: 16px;
}
.ribbon-lg .ribbon-inner {
height: 38px;
font-size: 1.286rem;
line-height: 38px;
}
.ribbon-sm .ribbon-inner {
height: 26px;
font-size: .858rem;
line-height: 26px;
}
.ribbon-xs .ribbon-inner {
height: 22px;
font-size: .858rem;
line-height: 22px;
}
.ribbon-vertical .ribbon-inner {
top: 0;
left: 16px;
width: 30px;
height: 60px;
padding: 15px 0;
}
.ribbon-vertical.ribbon-xs .ribbon-inner {
width: 22px;
height: 50px;
}
.ribbon-vertical.ribbon-sm .ribbon-inner {
width: 26px;
height: 55px;
}
.ribbon-vertical.ribbon-lg .ribbon-inner {
width: 38px;
height: 70px;
}
.ribbon-reverse {
right: -3px;
left: auto;
}
.ribbon-reverse .ribbon-inner {
right: 0;
left: auto;
}
.ribbon-reverse.ribbon-vertical .ribbon-inner {
right: 16px;
}
.ribbon-bookmark .ribbon-inner {
padding-right: 42px;
background-color: transparent;
background-image: linear-gradient(to left, transparent 22px, #616161 0);
box-shadow: none;
}
.ribbon-bookmark .ribbon-inner:before {
position: absolute;
top: 0;
right: 0;
display: block;
width: 0;
height: 0;
content: "";
border: 15px solid #616161;
border-right: 10px solid transparent;
}
.ribbon-bookmark.ribbon-vertical .ribbon-inner {
height: 82px;
padding-right: 0;
padding-bottom: 37px;
background-image: linear-gradient(to top, transparent 22px, #616161 0);
}
.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
top: auto;
bottom: 0;
left: 0;
margin-top: -15px;
border-right: 15px solid #616161;
border-bottom: 10px solid transparent;
}
.ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before {
margin-top: -11px;
}
.ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before {
margin-top: -13px;
}
.ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before {
margin-top: -19px;
}
.ribbon-bookmark.ribbon-reverse .ribbon-inner {
padding-right: 20px;
padding-left: 42px;
background-image: linear-gradient(to right, transparent 22px, #616161 0);
}
.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
left: 0;
border-right: 15px solid #616161;
border-left: 10px solid transparent;
}
.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner {
padding-right: 0;
padding-left: 0;
}
.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before {
right: auto;
left: 0;
border-right-color: #616161;
border-bottom-color: transparent;
border-left: 15px solid #616161;
}
.ribbon-bookmark.ribbon-xs .ribbon-inner:before {
border-width: 11px;
}
.ribbon-bookmark.ribbon-sm .ribbon-inner:before {
border-width: 13px;
}
.ribbon-bookmark.ribbon-lg .ribbon-inner:before {
border-width: 19px;
}
.ribbon-badge {
top: -2px;
left: -2px;
overflow: hidden;
}
.ribbon-badge .ribbon-inner {
left: -40px;
width: 100%;
transform: rotate(-45deg);
}
.ribbon-badge.ribbon-reverse {
right: -2px;
left: auto;
}
.ribbon-badge.ribbon-reverse .ribbon-inner {
right: -40px;
left: auto;
transform: rotate(45deg);
}
.ribbon-badge.ribbon-bottom {
top: auto;
bottom: -2px;
}
.ribbon-badge.ribbon-bottom .ribbon-inner {
top: auto;
bottom: 16px;
transform: rotate(45deg);
}
.ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner {
transform: rotate(-45deg);
}
.ribbon-corner {
top: 0;
left: 0;
overflow: hidden;
}
.ribbon-corner:before {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
content: "";
border: 30px solid transparent;
border-top-color: #616161;
border-left-color: #616161;
}
.ribbon-corner .ribbon-inner {
top: 0;
left: 0;
width: 40px;
height: 35px;
padding: 0;
line-height: 35px;
background-color: transparent;
}
.ribbon-corner.ribbon-reverse {
right: 0;
left: auto;
}
.ribbon-corner.ribbon-reverse:before {
right: 0;
left: auto;
border-right-color: #616161;
border-left-color: transparent;
}
.ribbon-corner.ribbon-reverse .ribbon-inner {
right: 0;
left: auto;
}
.ribbon-corner.ribbon-bottom {
top: auto;
bottom: 0;
}
.ribbon-corner.ribbon-bottom:before {
top: auto;
bottom: 0;
border-top-color: transparent;
border-bottom-color: #616161;
}
.ribbon-corner.ribbon-bottom .ribbon-inner {
top: auto;
bottom: 0;
}
.ribbon-corner.ribbon-xs:before {
border-width: 22px;
}
.ribbon-corner.ribbon-xs .ribbon-inner {
width: 28px;
height: 26px;
line-height: 26px;
}
.ribbon-corner.ribbon-xs .ribbon-inner > .icon {
font-size: .858rem;
}
.ribbon-corner.ribbon-sm:before {
border-width: 26px;
}
.ribbon-corner.ribbon-sm .ribbon-inner {
width: 34px;
height: 32px;
line-height: 32px;
}
.ribbon-corner.ribbon-sm .ribbon-inner > .icon {
font-size: .858rem;
}
.ribbon-corner.ribbon-lg:before {
border-width: 36px;
}
.ribbon-corner.ribbon-lg .ribbon-inner {
width: 46px;
height: 44px;
line-height: 44px;
}
.ribbon-corner.ribbon-lg .ribbon-inner > .icon {
font-size: 1.286rem;
}
.ribbon-clip {
left: -14px;
}
.ribbon-clip:before {
position: absolute;
top: 46px;
left: 0;
width: 0;
height: 0;
content: "";
border: 7px solid transparent;
border-top-color: #424242;
border-right-color: #424242;
}
.ribbon-clip .ribbon-inner {
padding-left: 23px;
border-radius: 0 5px 5px 0;
}
.ribbon-clip.ribbon-reverse {
right: -14px;
left: auto;
}
.ribbon-clip.ribbon-reverse:before {
right: 0;
left: auto;
border-right-color: transparent;
border-left-color: #424242;
}
.ribbon-clip.ribbon-reverse .ribbon-inner {
padding-right: 23px;
padding-left: 15px;
border-radius: 5px 0 0 5px;
}
.ribbon-clip.ribbon-bottom {
top: auto;
bottom: -3px;
}
.ribbon-clip.ribbon-bottom:before {
top: auto;
bottom: 46px;
border-top-color: transparent;
border-bottom-color: #424242;
}
.ribbon-clip.ribbon-bottom .ribbon-inner {
top: auto;
bottom: 16px;
}
.ribbon-clip.ribbon-xs:before {
top: 38px;
}
.ribbon-clip.ribbon-xs.ribbon-bottom:before {
top: auto;
bottom: 38px;
}
.ribbon-clip.ribbon-sm:before {
top: 42px;
}
.ribbon-clip.ribbon-sm.ribbon-bottom:before {
top: auto;
bottom: 42px;
}
.ribbon-clip.ribbon-lg:before {
top: 54px;
}
.ribbon-clip.ribbon-lg.ribbon-bottom:before {
top: auto;
bottom: 54px;
}
.ribbon-primary .ribbon-inner {
background-color: #3f51b5;
}
.ribbon-primary.ribbon-bookmark .ribbon-inner {
background-color: transparent;
background-image: linear-gradient(to left, transparent 22px, #3f51b5 0);
}
.ribbon-primary.ribbon-bookmark .ribbon-inner:before {
border-color: #3f51b5;
border-right-color: transparent;
}
.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner {
background-image: linear-gradient(to right, transparent 22px, #3f51b5 0);
}
.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
border-right-color: #3f51b5;
border-left-color: transparent;
}
.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner {
background-image: linear-gradient(to top, transparent 22px, #3f51b5 0);
}
.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
border-right-color: #3f51b5;
border-bottom-color: transparent;
}
.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
border-right-color: #3f51b5;
border-bottom-color: transparent;
border-left-color: #3f51b5;
}
.ribbon-primary.ribbon-corner:before {
border-top-color: #3f51b5;
border-left-color: #3f51b5;
}
.ribbon-primary.ribbon-corner .ribbon-inner {
background-color: transparent;
}
.ribbon-primary.ribbon-corner.ribbon-reverse:before {
border-right-color: #3f51b5;
border-left-color: transparent;
}
.ribbon-primary.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #3f51b5;
}
.ribbon-primary.ribbon-clip:before {
border-top-color: #3949ab;
border-right-color: #3949ab;
}
.ribbon-primary.ribbon-clip.ribbon-reverse:before {
border-right-color: transparent;
border-left-color: #3949ab;
}
.ribbon-primary.ribbon-clip.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #3949ab;
}
.ribbon-success .ribbon-inner {
background-color: #4caf50;
}
.ribbon-success.ribbon-bookmark .ribbon-inner {
background-color: transparent;
background-image: linear-gradient(to left, transparent 22px, #4caf50 0);
}
.ribbon-success.ribbon-bookmark .ribbon-inner:before {
border-color: #4caf50;
border-right-color: transparent;
}
.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner {
background-image: linear-gradient(to right, transparent 22px, #4caf50 0);
}
.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
border-right-color: #4caf50;
border-left-color: transparent;
}
.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner {
background-image: linear-gradient(to top, transparent 22px, #4caf50 0);
}
.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
border-right-color: #4caf50;
border-bottom-color: transparent;
}
.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
border-right-color: #4caf50;
border-bottom-color: transparent;
border-left-color: #4caf50;
}
.ribbon-success.ribbon-corner:before {
border-top-color: #4caf50;
border-left-color: #4caf50;
}
.ribbon-success.ribbon-corner .ribbon-inner {
background-color: transparent;
}
.ribbon-success.ribbon-corner.ribbon-reverse:before {
border-right-color: #4caf50;
border-left-color: transparent;
}
.ribbon-success.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #4caf50;
}
.ribbon-success.ribbon-clip:before {
border-top-color: #43a047;
border-right-color: #43a047;
}
.ribbon-success.ribbon-clip.ribbon-reverse:before {
border-right-color: transparent;
border-left-color: #43a047;
}
.ribbon-success.ribbon-clip.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #43a047;
}
.ribbon-info .ribbon-inner {
background-color: #00bcd4;
}
.ribbon-info.ribbon-bookmark .ribbon-inner {
background-color: transparent;
background-image: linear-gradient(to left, transparent 22px, #00bcd4 0);
}
.ribbon-info.ribbon-bookmark .ribbon-inner:before {
border-color: #00bcd4;
border-right-color: transparent;
}
.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner {
background-image: linear-gradient(to right, transparent 22px, #00bcd4 0);
}
.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
border-right-color: #00bcd4;
border-left-color: transparent;
}
.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner {
background-image: linear-gradient(to top, transparent 22px, #00bcd4 0);
}
.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
border-right-color: #00bcd4;
border-bottom-color: transparent;
}
.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
border-right-color: #00bcd4;
border-bottom-color: transparent;
border-left-color: #00bcd4;
}
.ribbon-info.ribbon-corner:before {
border-top-color: #00bcd4;
border-left-color: #00bcd4;
}
.ribbon-info.ribbon-corner .ribbon-inner {
background-color: transparent;
}
.ribbon-info.ribbon-corner.ribbon-reverse:before {
border-right-color: #00bcd4;
border-left-color: transparent;
}
.ribbon-info.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #00bcd4;
}
.ribbon-info.ribbon-clip:before {
border-top-color: #00acc1;
border-right-color: #00acc1;
}
.ribbon-info.ribbon-clip.ribbon-reverse:before {
border-right-color: transparent;
border-left-color: #00acc1;
}
.ribbon-info.ribbon-clip.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #00acc1;
}
.ribbon-warning .ribbon-inner {
background-color: #ff9800;
}
.ribbon-warning.ribbon-bookmark .ribbon-inner {
background-color: transparent;
background-image: linear-gradient(to left, transparent 22px, #ff9800 0);
}
.ribbon-warning.ribbon-bookmark .ribbon-inner:before {
border-color: #ff9800;
border-right-color: transparent;
}
.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner {
background-image: linear-gradient(to right, transparent 22px, #ff9800 0);
}
.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
border-right-color: #ff9800;
border-left-color: transparent;
}
.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner {
background-image: linear-gradient(to top, transparent 22px, #ff9800 0);
}
.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
border-right-color: #ff9800;
border-bottom-color: transparent;
}
.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
border-right-color: #ff9800;
border-bottom-color: transparent;
border-left-color: #ff9800;
}
.ribbon-warning.ribbon-corner:before {
border-top-color: #ff9800;
border-left-color: #ff9800;
}
.ribbon-warning.ribbon-corner .ribbon-inner {
background-color: transparent;
}
.ribbon-warning.ribbon-corner.ribbon-reverse:before {
border-right-color: #ff9800;
border-left-color: transparent;
}
.ribbon-warning.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #ff9800;
}
.ribbon-warning.ribbon-clip:before {
border-top-color: #fb8c00;
border-right-color: #fb8c00;
}
.ribbon-warning.ribbon-clip.ribbon-reverse:before {
border-right-color: transparent;
border-left-color: #fb8c00;
}
.ribbon-warning.ribbon-clip.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #fb8c00;
}
.ribbon-danger .ribbon-inner {
background-color: #f44336;
}
.ribbon-danger.ribbon-bookmark .ribbon-inner {
background-color: transparent;
background-image: linear-gradient(to left, transparent 22px, #f44336 0);
}
.ribbon-danger.ribbon-bookmark .ribbon-inner:before {
border-color: #f44336;
border-right-color: transparent;
}
.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner {
background-image: linear-gradient(to right, transparent 22px, #f44336 0);
}
.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
border-right-color: #f44336;
border-left-color: transparent;
}
.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner {
background-image: linear-gradient(to top, transparent 22px, #f44336 0);
}
.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
border-right-color: #f44336;
border-bottom-color: transparent;
}
.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
border-right-color: #f44336;
border-bottom-color: transparent;
border-left-color: #f44336;
}
.ribbon-danger.ribbon-corner:before {
border-top-color: #f44336;
border-left-color: #f44336;
}
.ribbon-danger.ribbon-corner .ribbon-inner {
background-color: transparent;
}
.ribbon-danger.ribbon-corner.ribbon-reverse:before {
border-right-color: #f44336;
border-left-color: transparent;
}
.ribbon-danger.ribbon-corner.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #f44336;
}
.ribbon-danger.ribbon-clip:before {
border-top-color: #e53935;
border-right-color: #e53935;
}
.ribbon-danger.ribbon-clip.ribbon-reverse:before {
border-right-color: transparent;
border-left-color: #e53935;
}
.ribbon-danger.ribbon-clip.ribbon-bottom:before {
border-top-color: transparent;
border-bottom-color: #e53935;
}
.color-selector {
padding: 0;
margin: 0;
list-style: none;
}
.color-selector > li {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
margin: 0 8px 8px 0;
background-color: #3f51b5;
border-radius: 100%;
}
.color-selector > li:hover {
opacity: .8;
}
.color-selector > li:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: inherit;
height: inherit;
content: "";
background: inherit;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: inherit;
}
.color-selector > li input[type="radio"] {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: inherit;
height: inherit;
cursor: pointer;
border-radius: inherit;
opacity: 0;
}
.color-selector > li input[type="radio"]:disabled {
cursor: not-allowed;
}
.color-selector > li label {
position: relative;
margin-bottom: .4rem;
font-family: "Material Design Iconic";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.color-selector > li input[type="radio"]:checked + label:after {
position: absolute;
top: 0;
left: 8px;
display: inline-block;
margin-top: -2px;
font-size: 16px;
line-height: 1;
color: #fff;
content: "";
}
.color-selector > li.color-selector-disabled {
background-color: #bdbdbd !important;
}
.color-selector > li.color-selector-disabled input[type="radio"]:disabled {
cursor: not-allowed;
}
.example-wrap {
margin-bottom: 80px;
}
.example-wrap .example-wrap {
margin-bottom: 0;
}
.example {
margin-top: 20px;
margin-bottom: 20px;
}
.example:before {
display: table;
content: "";
}
.example::after {
display: block;
clear: both;
content: "";
}
.example-title {
text-transform: uppercase;
}
h4.example-title {
font-size: 14px;
}
h3.example-title {
font-size: 18px;
}
.panel-body > .example-wrap:last-child {
margin-bottom: 0;
}
.panel-body > .row:last-child > [class*="col-"]:last-child .example-wrap:last-child {
margin-bottom: 0;
}
.example-well {
position: relative;
margin-bottom: 30px;
background-color: #eceff1;
}
.example-well .center {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
max-width: 100%;
max-height: 100%;
transform: translate(-50%, -50%);
}
.example-dropdown .dropdown::after, .example-dropdown .dropup::after {
display: block;
clear: both;
content: "";
}
.example-dropdown .dropdown > .dropdown-toggle, .example-dropdown .dropup > .dropdown-toggle {
float: left;
}
.example-dropdown .dropdown > .dropdown-menu, .example-dropdown .dropup > .dropdown-menu {
position: static;
display: block;
clear: left;
}
.example-dropdown .dropdown > .dropdown-menu-right, .example-dropdown .dropup > .dropdown-menu-right {
float: right;
clear: right;
}
.example-tooltip {
position: relative;
z-index: 1;
display: inline-block;
}
.example-tooltip .tooltip {
position: relative;
margin-right: 25px;
opacity: 1;
}
.example-tooltip .tooltip.bs-tooltip-bottom .arrow, .example-tooltip .tooltip.bs-tooltip-top .arrow {
left: 50%;
}
.example-tooltip .tooltip.bs-tooltip-bottom .arrow {
top: 0;
}
.example-tooltip .tooltip.bs-tooltip-top .arrow {
bottom: 0;
}
.example-tooltip .tooltip.bs-tooltip-left .arrow, .example-tooltip .tooltip.bs-tooltip-right .arrow {
top: 50%;
}
.example-tooltip .tooltip.bs-tooltip-left .arrow {
right: 0;
}
.example-tooltip .tooltip.bs-tooltip-right .arrow {
left: 0;
}
.example-grid .example-col, .example-blocks .example-col {
min-height: 0;
padding: 10px 15px 12px;
background-color: #eceff1;
border-radius: 0;
}
.example-grid .example-col {
margin-bottom: 20px;
}
.example-grid .example-col .example-col {
margin-top: 20px;
margin-bottom: 0;
background-color: #dde3e6;
}
.example-popover {
position: relative;
z-index: 1;
display: inline-block;
}
.example-popover .popover {
position: relative;
display: block;
margin-right: 25px;
}
.example-buttons .btn, .example-buttons .btn-group, .example-buttons .btn-group-vertical {
margin-right: 15px;
margin-bottom: 20px;
}
.example-buttons .btn-group-vertical .btn, .example-buttons .btn-group-vertical .btn-group, .example-buttons .btn-group-vertical .btn-group-vertical, .example-buttons .btn-group .btn, .example-buttons .btn-group .btn-group, .example-buttons .btn-group .btn-group-vertical {
margin-right: 0;
margin-bottom: 0;
}
.example-box {
position: relative;
padding: 45px 15px 15px;
margin-right: 0;
margin-left: 0;
border: 1px solid #e0e0e0;
}
.example-box:after {
position: absolute;
top: 15px;
left: 15px;
font-size: .858rem;
color: #959595;
text-transform: uppercase;
letter-spacing: 1px;
content: "Example";
}
.example-avatars .avatar {
margin-right: 20px;
margin-bottom: 20px;
}
.example-avatars .avatar:last-child {
margin-right: 20px;
}
.example-typography {
position: relative;
padding-left: 25%;
}
.example-typography .heading-note, .example-typography .text-note {
position: absolute;
bottom: 2px;
left: 0;
display: block;
width: 260px;
font-size: 13px;
font-weight: 300;
line-height: 13px;
color: #aab2bd;
}
.example-typography .text-note {
top: 10px;
bottom: auto;
}
.example-responsive {
min-height: .01%;
overflow-x: auto;
}
@media (max-width: 767px) {
.example-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
.site-menubar-hide.site-menubar-unfold > .loader {
margin-left: 0;
}
.slidePanel {
position: fixed;
z-index: 1310;
max-width: 100%;
max-height: 100%;
visibility: hidden;
background: #fff;
box-shadow: -5px 0 20px 0 rgba(66, 66, 66, .2);
}
.slidePanel-right, .slidePanel-left {
top: 66.01px;
bottom: 0;
/*width:80%;*/
width: calc(100% - 277px);
}
@media (max-width: 1199px) {
.slidePanel-right, .slidePanel-left {
width: calc(100% - 230px);
}
}
@media (max-width: 767px) {
.slidePanel-right, .slidePanel-left {
width: 100%;
}
}
.slidePanel-top, .slidePanel-bottom {
width: 100%;
height: 500px;
}
@media (max-width: 1199px) {
.slidePanel-top, .slidePanel-bottom {
top: 0;
bottom: 0;
height: auto;
}
}
.slidePanel-left {
left: 0;
}
.slidePanel-right {
right: 0;
}
.slidePanel-top {
top: 0;
left: 0;
}
.slidePanel-bottom {
bottom: 0;
left: 0;
}
.slidePanel .scrollable-container {
height: 100%;
}
.slidePanel-show {
visibility: visible;
}
.slidePanel-handler {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 100%;
cursor: e-resize;
background-color: transparent;
}
.slidePanel-loading {
position: absolute;
top: 0;
width: 100%;
height: 100%;
font-size: 0;
text-align: center;
visibility: hidden;
}
.slidePanel-loading:before {
display: inline-block;
height: 100%;
vertical-align: middle;
content: "";
}
.slidePanel-loading .loader {
vertical-align: middle;
}
.slidePanel-loading-show {
visibility: visible;
}
.slidePanel-scrollable {
height: 100%;
}
.slidePanel-header {
position: relative;
padding: 40px 30px;
padding-right: 120px;
color: #fff;
}
.slidePanel-header h1 {
margin: 0;
font-size: 22px;
line-height: 33px;
color: #fff;
}
.slidePanel-actions {
float: right;
min-height: 67px;
margin: 0;
margin-left: 15px;
text-align: right;
list-style: none;
}
.slidePanel-actions .btn {
line-height: 33px;
}
.slidePanel-action {
border: 1px solid transparent;
border-radius: .215rem;
transition: border .25s linear;
}
.slidePanel-action:last-child {
margin-right: 0;
}
.slidePanel-action.dropdown.open {
border-color: #fff;
}
.slidePanel-action .icon {
cursor: pointer;
}
.slidePanel-action .icon:hover {
color: #ecf0f3;
}
.slidePanel-action .dropdown-menu {
right: 0;
left: auto;
margin-top: 10px;
}
.slidePanel-action .dropdown-menu .icon {
margin-right: 10px;
}
.slidePanel-inner {
padding: 0 30px;
}
.slidePanel-inner-section {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}
.slidePanel-comment {
position: relative;
margin-top: 50px;
margin-bottom: 50px;
}
.slidePanel-comment textarea {
margin-bottom: 5px;
}
.slidePanel-comment .reply {
position: absolute;
top: 10px;
left: 10px;
}
.scrollable.is-enabled {
overflow: hidden !important;
}
.is-enabled .scrollable-container {
box-sizing: content-box !important;
overflow: hidden !important;
}
.is-enabled .scrollable-container::-webkit-scrollbar {
width: 0;
height: 0;
-webkit-appearance: none;
}
.scrollable-vertical.is-enabled .scrollable-container {
overflow-y: scroll !important;
}
.scrollable-horizontal.is-enabled .scrollable-container {
overflow-x: scroll !important;
}
.is-enabled .scrollable-content {
position: relative !important;
box-sizing: border-box;
overflow: visible !important;
}
.is-enabled .scrollable-content::before, .is-enabled .scrollable-content::after {
display: table;
content: " ";
}
.is-enabled .scrollable-content::after {
clear: both;
}
.scrollable-bar {
position: absolute;
right: 0;
bottom: 0;
box-sizing: border-box;
overflow: hidden;
line-height: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: 2px;
transition: opacity .5s;
-webkit-touch-callout: none;
user-input: disabled;
user-focus: ignore;
}
.is-disabled .scrollable-bar {
display: none;
}
.scrollable-bar-hide {
opacity: 0;
transition-delay: 400ms;
}
.scrollable-bar.is-hovering {
background: transparent;
}
.scrollable-bar.is-dragging {
background: transparent !important;
opacity: 1;
}
.scrollable-bar.is-disabled {
display: none;
}
.scrollable-bar-handle {
position: absolute;
top: 0;
left: 0;
line-height: 0;
cursor: pointer;
background: rgba(189, 189, 189, .6);
border-radius: 2px;
transition: width, height .5s;
}
.scrollable-bar.is-dragging .scrollable-bar-handle {
background: rgba(189, 189, 189, .8) !important;
}
.scrollable-bar.is-dragging, .scrollable-bar.is-hovering {
border-radius: 4px;
}
.scrollable-bar.is-dragging .scrollable-bar-handle, .scrollable-bar.is-hovering .scrollable-bar-handle {
border-radius: 4px;
}
.scrollable-bar-vertical {
width: 4px;
height: 100%;
height: calc(100% - 8px);
margin: 4px 2px;
}
.scrollable-bar-vertical.is-dragging, .scrollable-bar-vertical.is-hovering {
width: 8px;
margin: 4px 1px;
}
.scrollable-bar-vertical .scrollable-bar-handle {
width: 100%;
}
.scrollable-bar-horizontal {
width: 100%;
width: calc(100% - 8px);
height: 4px;
margin: 2px 4px;
}
.scrollable-bar-horizontal.is-dragging, .scrollable-bar-horizontal.is-hovering {
height: 8px;
margin: 1px 4px;
}
.scrollable-bar-horizontal .scrollable-bar-handle {
height: 100%;
}
.scrollable.is-scrolling .scrollable-bar {
opacity: 1;
transition: opacity 0;
}
.scrollable.is-hovering .scrollable-bar-handle {
background: rgba(189, 189, 189, .8);
}
.scrollable.is-dragging {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
user-input: disabled;
user-focus: ignore;
}
.scrollable-inverse.scrollable .scrollable-bar-handle {
background: rgba(238, 238, 238, .6);
}
.scrollable-inverse.scrollable.is-dragging .scrollable-bar-handle {
background: rgba(238, 238, 238, .8) !important;
}
.scrollable-shadow.scrollable.is-dragging .scrollable-bar, .scrollable-shadow.scrollable.is-hovering .scrollable-bar {
background: rgba(238, 238, 238, .5);
}
.scrollable-inverse.scrollable-shadow.scrollable.is-dragging .scrollable-bar, .scrollable-inverse.scrollable-shadow.scrollable.is-hovering .scrollable-bar {
background: rgba(238, 238, 238, .4);
}
@charset "UTF-8";
:root {
--dt-row-selected: 2, 117, 216;
--dt-row-selected-text: 255, 255, 255;
--dt-row-selected-link: 9, 10, 11;
}
table.dataTable td.dt-control {
text-align: center;
cursor: pointer;
}
table.dataTable td.dt-control:before {
height: 1em;
width: 1em;
margin-top: -9px;
display: inline-block;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #31b131;
}
table.dataTable tr.dt-hasChild td.dt-control:before {
content: "-";
background-color: #d33333;
}
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
cursor: pointer;
position: relative;
padding-right: 26px;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
position: absolute;
display: block;
opacity: 0.125;
right: 10px;
line-height: 9px;
font-size: 0.8em;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
bottom: 50%;
content: "▲";
}
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
top: 50%;
content: "▼";
}
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
opacity: 0.6;
}
table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before {
display: none;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
outline: none;
}
div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after,
div.dataTables_scrollBody table.dataTable thead > tr > td:before,
div.dataTables_scrollBody table.dataTable thead > tr > td:after {
display: none;
}
div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 2px;
}
div.dataTables_processing > div:last-child {
position: relative;
width: 80px;
height: 15px;
margin: 1em auto;
}
div.dataTables_processing > div:last-child > div {
position: absolute;
top: 0;
width: 13px;
height: 13px;
border-radius: 50%;
background: 2 117 216;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
div.dataTables_processing > div:last-child > div:nth-child(1) {
left: 8px;
animation: datatables-loader-1 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(2) {
left: 8px;
animation: datatables-loader-2 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(3) {
left: 32px;
animation: datatables-loader-2 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(4) {
left: 56px;
animation: datatables-loader-3 0.6s infinite;
}
@keyframes datatables-loader-1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes datatables-loader-3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes datatables-loader-2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
white-space: nowrap;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
text-align: left;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
white-space: nowrap;
}
table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
border-collapse: separate !important;
border-spacing: 0;
}
table.dataTable td,
table.dataTable th {
box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
white-space: nowrap;
}
table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: transparent;
}
table.dataTable > tbody > tr {
background-color: transparent;
}
table.dataTable > tbody > tr.selected > * {
box-shadow: inset 0 0 0 9999px #0275d8;
box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
color: white;
color: rgb(var(--dt-row-selected-text));
}
table.dataTable > tbody > tr.selected a {
color: #090a0b;
color: rgb(var(--dt-row-selected-link));
}
table.dataTable.table-striped > tbody > tr.odd > * {
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
}
table.dataTable.table-striped > tbody > tr.odd.selected > * {
box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
}
table.dataTable.table-hover > tbody > tr:hover > * {
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
}
table.dataTable.table-hover > tbody > tr.selected:hover > * {
box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
}
div.dataTables_wrapper div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
width: auto;
display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0.85em;
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap;
justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
}
div.dataTables_scrollHead table.dataTable {
margin-bottom: 0 !important;
}
div.dataTables_scrollBody > table {
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
div.dataTables_scrollBody > table > thead .sorting:before,
div.dataTables_scrollBody > table > thead .sorting_asc:before,
div.dataTables_scrollBody > table > thead .sorting_desc:before,
div.dataTables_scrollBody > table > thead .sorting:after,
div.dataTables_scrollBody > table > thead .sorting_asc:after,
div.dataTables_scrollBody > table > thead .sorting_desc:after {
display: none;
}
div.dataTables_scrollBody > table > tbody tr:first-child th,
div.dataTables_scrollBody > table > tbody tr:first-child td {
border-top: none;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner {
box-sizing: content-box;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
margin-top: 0 !important;
border-top: none;
}
@media screen and (max-width: 767px) {
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
text-align: center;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content: center !important;
}
}
table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
padding-right: 20px;
}
table.table-bordered.dataTable {
border-right-width: 0;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
border-left-width: 0;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
border-right-width: 1px;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
border-bottom-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row {
margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
padding-right: 0;
}
@keyframes dtb-spinner {
100% {
transform: rotate(360deg);
}
}
div.dt-button-info {
position: fixed;
top: 50%;
left: 50%;
width: 400px;
margin-top: -100px;
margin-left: -200px;
background-color: white;
border: 2px solid #111;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
border-radius: 3px;
text-align: center;
z-index: 21;
}
div.dt-button-info h2 {
padding: 0.5em;
margin: 0;
font-weight: normal;
border-bottom: 1px solid #ddd;
background-color: #f3f3f3;
}
div.dt-button-info > div {
padding: 1em;
}
div.dt-button-collection-title {
text-align: center;
padding: 0.3em 0 0.5em;
font-size: 0.9em;
}
div.dt-button-collection-title:empty {
display: none;
}
div.dt-button-collection {
position: absolute;
z-index: 2001;
}
div.dt-button-collection div.dropdown-menu {
display: block;
z-index: 2002;
min-width: 100%;
}
div.dt-button-collection div.dt-button-collection-title {
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.15);
}
div.dt-button-collection.fixed {
position: fixed;
top: 50%;
left: 50%;
margin-left: -75px;
border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
margin-left: -200px;
}
div.dt-button-collection.fixed.three-column {
margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
margin-left: -300px;
}
div.dt-button-collection > :last-child {
display: block !important;
-moz-column-gap: 8px;
-ms-column-gap: 8px;
-o-column-gap: 8px;
column-gap: 8px;
}
div.dt-button-collection > :last-child > * {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
div.dt-button-collection.two-column {
width: 400px;
}
div.dt-button-collection.two-column > :last-child {
padding-bottom: 1px;
-moz-column-count: 2;
-ms-column-count: 2;
-o-column-count: 2;
column-count: 2;
}
div.dt-button-collection.three-column {
width: 450px;
}
div.dt-button-collection.three-column > :last-child {
padding-bottom: 1px;
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;
column-count: 3;
}
div.dt-button-collection.four-column {
width: 600px;
}
div.dt-button-collection.four-column > :last-child {
padding-bottom: 1px;
-moz-column-count: 4;
-ms-column-count: 4;
-o-column-count: 4;
column-count: 4;
}
div.dt-button-collection .dt-button {
border-radius: 0;
}
div.dt-button-collection.fixed {
max-width: none;
}
div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
display: none;
}
div.dt-button-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}
@media screen and (max-width: 767px) {
div.dt-buttons {
float: none;
width: 100%;
text-align: center;
margin-bottom: 0.5em;
}
div.dt-buttons a.btn {
float: none;
}
}
div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
div.dt-buttons a.btn.processing {
color: rgba(0, 0, 0, 0.2);
}
div.dt-buttons button.btn.processing:after,
div.dt-buttons div.btn.processing:after,
div.dt-buttons a.btn.processing:after {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
box-sizing: border-box;
display: block;
content: " ";
border: 2px solid #282828;
border-radius: 50%;
border-left-color: transparent;
border-right-color: transparent;
animation: dtb-spinner 1500ms infinite linear;
-o-animation: dtb-spinner 1500ms infinite linear;
-ms-animation: dtb-spinner 1500ms infinite linear;
-webkit-animation: dtb-spinner 1500ms infinite linear;
-moz-animation: dtb-spinner 1500ms infinite linear;
}
table.dataTable.fixedHeader-floating,
table.dataTable.fixedHeader-locked {
background-color: white;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
table.dataTable.fixedHeader-locked {
position: absolute !important;
}
@media print {
table.fixedHeader-floating {
display: none;
}
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
position: relative;
padding-left: 30px;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
top: 50%;
left: 5px;
height: 1em;
width: 1em;
margin-top: -9px;
display: block;
position: absolute;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #0275d8;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
content: "-";
background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 0.8em;
width: 0.8em;
margin-top: -0.5em;
margin-left: -0.5em;
display: block;
position: absolute;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #0275d8;
}
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: "-";
background-color: #d33333;
}
table.dataTable > tbody > tr.child {
padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold;
}
div.dtr-modal {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
z-index: 102;
overflow: auto;
background-color: #f5f5f7;
border: 1px solid black;
border-radius: 0.5em;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
div.dtr-modal div.dtr-modal-display {
width: 95%;
}
}
div.dtr-bs-modal table.table tr:first-child td {
border-top: none;
}
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.jstree-node {
white-space: nowrap;
}
.jstree-anchor {
display: inline-block;
color: black;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top;
}
.jstree-anchor:focus {
outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
text-decoration: none;
color: inherit;
}
.jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
.jstree-ocl {
cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
cursor: default;
}
.jstree .jstree-open > .jstree-children {
display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
display: none;
}
.jstree-anchor > .jstree-themeicon {
margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
display: none;
}
.jstree-hidden,
.jstree-node.jstree-hidden {
display: none;
}
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
margin-left: 2px;
margin-right: 0;
}
.jstree-rtl .jstree-node {
margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.jstree-contextmenu .jstree-anchor {
-webkit-user-select: none;
/* disable selection/Copy of UIWebView */
-webkit-touch-callout: none;
/* disable the IOS popup when long-press on a link */
-moz-user-select: none;
user-select: none;
}
.vakata-context {
display: none;
}
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute;
background: #f5f5f5;
border: 1px solid #979797;
box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context li {
list-style: none;
}
.vakata-context li > a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: black;
white-space: nowrap;
line-height: 2.4em;
text-shadow: 1px 1px 0 white;
border-radius: 1px;
}
.vakata-context li > a:hover {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat;
}
.vakata-context li > a:focus {
outline: 0;
}
.vakata-context .vakata-context-no-icons {
margin-left: 0;
}
.vakata-context .vakata-context-hover > a {
position: relative;
background-color: #e8eff7;
box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
background: white;
border: 0;
border-top: 1px solid #e2e3e3;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
border-left: 1px solid #e0e0e0;
text-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
color: silver;
background-color: transparent;
border: 0;
box-shadow: 0 0 0;
}
.vakata-context .vakata-contextmenu-disabled > a > i {
filter: grayscale(100%);
}
.vakata-context li > a > i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: transparent;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em;
}
.vakata-context li > a > i:empty {
width: 2.4em;
line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: white;
margin: 0 0.5em 0 0;
border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
font-size: 0.8em;
color: silver;
opacity: 0.5;
display: none;
}
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
margin: 0 2.4em 0 0;
border-left: 0;
border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto;
}
.vakata-context-rtl li > a > i {
margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
margin: 0 0 0 0.5em;
border-left-color: white;
background: #e2e3e3;
}
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
#jstree-dnd {
line-height: 16px;
margin: 0;
padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px;
}
#jstree-dnd .jstree-ok {
background: green;
}
#jstree-dnd .jstree-er {
background: red;
}
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-repeat: no-repeat;
background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
background: #beebff;
border-radius: 2px;
box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
display: none;
}
.jstree-default .jstree-disabled {
background: transparent;
color: #666666;
}
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,
3. Пол.
м
4. Дата рождения:
число
месяц
год
- инлайн не будет подстраивать ширину, чтобы всё поместилось на весь экран, но с его помощью удобно делать строки текста, которые переходят на всю строку.
ФИО:
dfdfsdfdsf
Описание:
Я прекрасно понимал, Брут, что мои усилия изложить на латинском языке то, о чем с таким талантом и с такой ученостью писали греческие философы, встретят неодобрение с разных сторон1. Ведь иные, даже весьма образованные люди, вообще с подозрением относятся к самому занятию философией. Иные же, не осуждая его в умеренных пределах, полагают ненужным тратить на это слишком много времени и усилий. Будут и такие, из числа любителей греческой словесности, презирающих словесность латинскую, кто скажет, что предпочитают тратить свои силы скорее на чтение греческих авторов. Наконец, я подозреваю, что явятся и такие, кто станет призывать меня заниматься и другими видами словесности, утверждая, что этот литературный жанр, при всей его изысканности, не отвечает ни моей индивидуальности,
*/
.qb-hr,
.qb-inline .qb-block::after,
.qb-inline .qb-block {
border-bottom: 1px solid #9e9e9e;
}
.qb-flex {
/* wkhtmltopdf uses this one */
display: flex;
flex-flow: row wrap;
}
.qb-inline {
text-align: justify;
overflow: hidden;
}
.qb-inline span,
.qb-inline label {
display: inline-block;
}
.qb-inline .qb-block {
position: relative;
display: inline;
}
.qb-inline .qb-block::after {
content: "";
display: inline-block;
position: absolute;
width: 2000px;
bottom: 0;
margin-bottom: -1px;
}
.qb-flex,
.qb-inline {
margin-top: 9px;
margin-bottom: 9px;
line-height: 1.25em;
}
.qb-flex,
.qb-flex > div,
.qb-flex > span,
.qb-flex > label,
.qb-inline,
.qb-inline > div,
.qb-inline > span,
.qb-inline > label {
min-height: 1.25em;
}
.qb-flex label,
.qb-inline label {
font-weight: bold;
margin-right: 4.5px;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.qb-flex span ~ span,
.qb-inline span ~ span {
margin-left: -4.5px;
}
.qb-flex div,
.qb-flex span,
.qb-inline div,
.qb-inline span {
margin-right: 9px;
}
.qb-flex :last-child,
.qb-inline :last-child {
margin-right: 0px;
}
.ww,
.w,
.ww1,
.w1 {
width: 9px;
}
.ww2,
.w2 {
width: 18px;
}
.ww3,
.w4 {
width: 36px;
}
.ww4,
.w8 {
width: 72px;
}
.ww5,
.w16 {
width: 144px;
}
.ww6,
.w24 {
width: 216px;
}
.ww7,
.w32 {
width: 288px;
}
.ww8,
.w48 {
width: 432px;
}
.ww9,
.w64 {
width: 576px;
}
.ww10,
.w96 {
width: 864px;
}
.qb-flex .g,
.qb-flex .g1 {
flex-grow: 1;
-webkit-flex-grow: 1;
-webkit-box-flex: 1;
-ms-flex-grow: 1;
}
.qb-flex .g2 {
flex-grow: 2;
-webkit-flex-grow: 2;
-webkit-box-flex: 2;
-ms-flex-grow: 2;
}
.qb-flex .g3 {
flex-grow: 3;
-webkit-flex-grow: 3;
-webkit-box-flex: 3;
-ms-flex-grow: 3;
}
.qb-flex .g4 {
flex-grow: 4;
-webkit-flex-grow: 4;
-webkit-box-flex: 4;
-ms-flex-grow: 4;
}
.qb-flex .g5 {
flex-grow: 5;
-webkit-flex-grow: 5;
-webkit-box-flex: 5;
-ms-flex-grow: 5;
}
.qb-flex .g6 {
flex-grow: 6;
-webkit-flex-grow: 6;
-webkit-box-flex: 6;
-ms-flex-grow: 6;
}
.qb-flex .g7 {
flex-grow: 7;
-webkit-flex-grow: 7;
-webkit-box-flex: 7;
-ms-flex-grow: 7;
}
.qb-flex .g8 {
flex-grow: 8;
-webkit-flex-grow: 8;
-webkit-box-flex: 8;
-ms-flex-grow: 8;
}
.qb-flex .g9 {
flex-grow: 9;
-webkit-flex-grow: 9;
-webkit-box-flex: 9;
-ms-flex-grow: 9;
}
.qb-flex .g10 {
flex-grow: 10;
-webkit-flex-grow: 10;
-webkit-box-flex: 10;
-ms-flex-grow: 10;
}
.qb-flex .g11 {
flex-grow: 11;
-webkit-flex-grow: 11;
-webkit-box-flex: 11;
-ms-flex-grow: 11;
}
.qb-flex .g12 {
flex-grow: 12;
-webkit-flex-grow: 12;
-webkit-box-flex: 12;
-ms-flex-grow: 12;
}
.qb-selected {
border-bottom: 2px solid #0064cd;
}
.a-center {
text-align: center;
}
.a-right {
text-align: right;
}
.qerror-panel {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0;
margin-bottom: 72px;
}
.qerror-panel h3 {
display: block;
font-size: 18px;
font-weight: normal;
color: rgb(128, 128, 128);
line-height: 1.2em;
height: 1.2em;
margin-top: 36px;
margin-bottom: 18px;
margin-left: 36px;
}
.qerror-panel ul,
.qerror-panel ol {
margin-left: 54px;
/*** list-style: none; /**/
padding: 0;
}
.qerror-panel ul li,
.qerror-panel ol li {
margin-left: 18px;
color: #555;
font-size: 14px;
font-weight: normal;
line-height: 1.2em;
margin-bottom: 9px;
}
.qerror-panel a {
color: #08c;
text-decoration: none;
}
.qerror-panel a:hover {
color: #005580;
text-decoration: underline;
}
.qerror-panel pre,
.qerror-panel code {
padding: 0 3px 2px;
font-family: Menlo, Monaco, "Courier New", monospace;
font-family: Menlo, Monaco, "Courier New", monospace;
font-size: 12px;
color: #333;
border-radius: 3px;
border-radius: 3px;
}
.qerror-panel pre,
.qerror-panel code {
display: block;
padding: 8.5px;
margin: 9px 72px 9px 0px;
font-size: 12.025px;
line-height: 18px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
border-radius: 4px;
word-break: break-all;
word-wrap: break-word;
}
.qerror-panel code {
display: inline-block;
margin: 0 2px;
padding: 0 4px;
}
#q-debugging-div__ {
display: none;
position: absolute;
top: 44px;
left: 30%;
border: 1px solid #999;
background: #f0f0f0;
padding: 5px;
color: #000;
width: 40%;
z-index: 999999;
}
body:not(.shift-pressed) .q-show-on-shift {
display: none;
}
body.shift-pressed .q-show-on-unshift {
display: none;
}
.modal-qform ~ .modal-qform .modal-dialog {
transform: translateX(9px) translateY(9px);
}
.modal-qform ~ .modal-qform ~ .modal-qform .modal-dialog {
transform: translateX(18px) translateY(18px);
}
.modal-qform ~ .modal-qform ~ .modal-qform ~ .modal-qform .modal-dialog {
transform: translateX(27px) translateY(27px);
}
.modal-qform ~ .modal-qform ~ .modal-qform ~ .modal-qform ~ .modal-qform .modal-dialog {
transform: translateX(36px) translateY(36px);
}
.modal-qform ~ .modal-qform ~ .modal-qform ~ .modal-qform ~ .modal-qform ~ .modal-qform .modal-dialog {
transform: translateX(45px) translateY(45px);
}
.col.col-form {
width: auto;
padding-left: 0;
}
.form-material .input-group {
min-height: 36px;
}
.form-material .input-group,
.form-material .input-group *,
.form-material .input-group .form-control:focus {
color: #000;
}
.input-group .form-ac-selected {
display: block;
width: 100%;
}
.form-material input {
padding-top: 0;
}
select {
height: 28px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
line-height: 28px;
box-sizing: border-box;
padding: 0 5px;
}
/* For IE10, I used the pseudo-element */
select::-ms-expand {
display: none;
}
.dropdown-menu.ac_results a {
white-space: normal;
}
.one-line-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.qui-toggleable-switcher {
padding-top: 1px;
}
.qui-toggleable-switcher .qui-toggleable-switcher-label {
float: left;
margin-top: 8px;
margin-right: 2px;
}
.qui-toggleable-switcher .qui-toggleable-switcher-label label {
font-weight: bold;
font-size: 11px;
color: #bdbdbd;
}
.qui-toggleable-switcher:hover .qui-toggleable-switcher-label label {
color: #9e9e9e;
}
.qui-toggleable-switcher.qui-toggleable-is-hidden .qui-toggleable-switcher-label label {
color: #9e9e9e;
}
.qui-toggleable-switcher .qui-toggleable-switcher-control {
float: right;
margin-top: 8px;
margin-left: 2px;
}
.qui-toggleable-switcher .qui-toggleable-switcher-control label {
display: inline;
font-size: 11px;
color: #bdbdbd;
}
.qui-toggleable-switcher .qui-toggleable-switcher-control i {
-moz-opacity: 0.2;
opacity: 0.2;
filter: alpha(opacity=${opacity});
margin-top: 3px;
margin-left: 0px;
margin-right: -2px;
}
.qui-toggleable-switcher .qui-toggleable-switcher-control .on-qui-toggleable-hidden {
display: none;
}
.qui-toggleable-switcher,
.qui-toggleable-switcher label {
cursor: pointer;
}
.qui-toggleable-switcher:hover .qui-toggleable-switcher-control label {
color: #9e9e9e;
}
.qui-toggleable-switcher:hover .qui-toggleable-switcher-control i {
-moz-opacity: 0.45;
opacity: 0.45;
filter: alpha(opacity=${opacity});
}
.qui-toggleable-switcher:hover hr {
border-top-color: #bdbdbd;
}
.qui-toggleable-is-hidden.qui-toggleable,
.qui-toggleable-is-hidden .on-qui-toggleable-shown {
display: none !important;
}
.qui-toggleable-is-hidden .on-qui-toggleable-hidden {
display: inline-block !important;
}
.qui-toggleable {
clear: both;
margin-top: 36px;
}
.qui-toggleable.initted {
margin-top: 18px;
}
.modal-footer .btn small,
.modal-footer .btn.refreshButton.loading small,
.modal-footer select small,
.modal-footer select.refreshButton.loading small {
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=${opacity});
font-size: 0.9em;
}
.modal-footer .btn small:before,
.modal-footer .btn.refreshButton.loading small:before,
.modal-footer select small:before,
.modal-footer select.refreshButton.loading small:before {
content: "[";
margin-right: 2px;
}
.modal-footer .btn small:after,
.modal-footer .btn.refreshButton.loading small:after,
.modal-footer select small:after,
.modal-footer select.refreshButton.loading small:after {
content: "]";
margin-left: 2px;
}
.modal-footer .btn small.cellar,
.modal-footer select small.cellar,
.modal-footer select.refreshButton.loading small.cellar {
font-size: 0.85em;
display: block;
margin-bottom: -27px;
padding-top: 8px;
color: #757575;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
/* gradient backgrounds and reflections */
.calendar-header {
margin-top: -18px;
/***
&::before
{
content: '';
display: block;
height: 15px;
background: #EF7C00;
@include css-gradient(lighten(@red, 5%), #EF7C00);
border-bottom: 1px solid darken(#EF7C00, 10%);
/// background: -webkit-gradient(linear, left top, left bottom, from(rgba(132, 110, 100, 0.8)),to(rgba(101, 84, 76, 0.8)));
/// background: -webkit-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
/// background: -moz-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
/// background: -o-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
/// background: -ms-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
/// background: linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8));
.border-top-radius(3px);
}; ***/
}
.calendar-header div.toolbar {
padding: 7px 6px;
height: 50px !important;
height: 28px;
}
.calendar-header div.toolbar .btn,
.calendar-header div.toolbar select,
.calendar-header div.toolbar select.refreshButton.loading,
.calendar-header div.toolbar .btn-group,
.calendar-header div.toolbar h3 {
display: inline-block;
float: left;
margin-right: 9px;
}
.calendar-header div.toolbar .btn .btn,
.calendar-header div.toolbar select .btn,
.calendar-header div.toolbar .btn select,
.calendar-header div.toolbar select select,
.calendar-header div.toolbar select.refreshButton.loading select,
.calendar-header div.toolbar select select.refreshButton.loading,
.calendar-header div.toolbar .btn-group .btn,
.calendar-header div.toolbar .btn-group select,
.calendar-header div.toolbar h3 .btn,
.calendar-header div.toolbar h3 select,
.calendar-header div.toolbar h3 select.refreshButton.loading {
margin-right: 0;
}
.calendar-header div.toolbar h3 {
margin-top: 2px;
margin-bottom: 0px;
}
.calendar-header div.toolbar .btn-group.right,
.calendar-header div.toolbar .btn.right,
.calendar-header div.toolbar select.right {
margin-right: 0px;
margin-left: 18px;
}
.calendar-header div.toolbar .calendarsButton ul {
min-width: 240px;
max-width: 320px;
max-height: 480px;
overflow-x: hidden;
overflow-y: auto;
}
.calendar-header div.toolbar .calendarsButton ul li label {
padding: 2px 9px 2px 6px;
margin: 0;
white-space: nowrap;
overflow: hidden;
width: 100%;
}
.calendar-header div.toolbar .calendarsButton ul li label i.glyphicon {
margin-left: 3px;
margin-right: 4px;
font-size: 0.8em;
margin-bottom: 6px;
}
.calendar-header div.toolbar .calendarsButton ul li label:first-letter {
text-transform: capitalize;
}
.calendar-header div.toolbar .calendarsButton ul li label:hover {
background-color: #004F9E;
color: #fff;
}
.calendar-header div.toolbar .calendarsButton ul li label:hover .glyphicon {
color: #fff !important;
}
.calendar-header div.toolbar .calendarsButton ul li label input {
float: left;
margin: 3px 9px 0 0;
}
.calendar-header div.toolbar .calendarsButton ul li.group {
display: block;
font-size: 12px;
font-weight: bold;
line-height: 1.1em;
color: #555;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
padding: 0;
margin-bottom: 6px;
margin-left: 6px;
}
.calendar-header div.toolbar.calendar-modal-widget-top,
.calendar-header div.toolbar.calendar-modal-widget-middle {
text-align: center;
vertical-align: top;
}
.calendar-header div.toolbar.calendar-modal-widget-top .btn.todayButton,
.calendar-header div.toolbar.calendar-modal-widget-top select.todayButton,
.calendar-header div.toolbar.calendar-modal-widget-top .btn-group.controlButtons,
.calendar-header div.toolbar.calendar-modal-widget-top h3,
.calendar-header div.toolbar.calendar-modal-widget-top .right,
.calendar-header div.toolbar.calendar-modal-widget-middle .btn.todayButton,
.calendar-header div.toolbar.calendar-modal-widget-middle select.todayButton,
.calendar-header div.toolbar.calendar-modal-widget-middle .btn-group.controlButtons,
.calendar-header div.toolbar.calendar-modal-widget-middle h3,
.calendar-header div.toolbar.calendar-modal-widget-middle .right {
float: none;
vertical-align: top;
margin-left: 0px;
}
.calendar-header div.toolbar.calendar-modal-widget-top .btn-group.open .dropdown-menu,
.calendar-header div.toolbar.calendar-modal-widget-middle .btn-group.open .dropdown-menu {
text-align: left;
}
.calendar-table {
table-layout: fixed;
border-top: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-color: #c0c0c0;
}
.calendar-table th,
.calendar-table td {
box-sizing: border-box;
position: relative;
}
.calendar-table th {
text-align: center;
background: #EF7C00;
background: linear-gradient(to bottom, #ff890a 0%, #EF7C00 100%);
border-bottom: 1px solid #bc6200;
color: #fff;
font-size: 11px;
font-weight: normal;
vertical-align: middle;
height: 18px;
line-height: 18px;
padding: 0;
}
.calendar-table th:first-child {
border-top-left-radius: 4px;
}
.calendar-table th:last-child {
border-top-right-radius: 4px;
}
.calendar-table th.week-number {
width: 27px !important;
padding-left: 4px;
padding-right: 4px;
}
.calendar-table td.week-number {
width: 27px !important;
background-color: #f5f5f5;
color: #555;
font-style: italic;
vertical-align: middle;
text-align: center;
font-size: 11px;
}
.calendar-table td.cal-cell {
padding: 0;
height: 56px;
background-color: #fff;
}
.calendar-table td.cal-cell.past .content ul li label,
.calendar-table td.cal-cell.past .content ul li label a {
color: #999;
width: 90%;
}
.calendar-table td.cal-cell.today {
border: 1px solid #4FAF47;
background-color: #e8f5e6;
}
.calendar-table td.cal-cell.today .date-num {
color: #4FAF47;
}
.calendar-table td.cal-cell .content.expanded div.head a.close {
display: inline;
}
.calendar-table td.cal-cell .content {
top: -16px;
left: 0;
margin-top: -1px;
margin-left: -1px;
}
.calendar-table td.cal-cell .content div.head {
width: 100%;
padding: 0px;
margin: 0px;
}
.calendar-table td.cal-cell .content div.head a.close {
display: none;
margin: 0px;
}
.calendar-table td.cal-cell:nth-of-type(5) ~ td .content {
margin-left: 0;
margin-right: -1px;
left: auto;
right: 0;
}
.calendar-table td.cal-cell.day span.month-abbr {
display: none;
}
.calendar-table td.cal-cell.day.first-day-of-month span.month-abbr {
display: inline;
}
.calendar-table td.cal-cell.day.first-day-of-month span.month-abbr {
display: inline;
}
.calendar-table td.cal-cell.day.prev-month-date:nth-child(2) span.month-abbr {
display: inline;
}
.calendar-table tr.week:nth-of-type(2) ~ tr td.cal-cell .content {
margin-top: 0;
margin-bottom: -1px;
top: auto;
bottom: 0;
}
.calendar-table tr.week:nth-of-type(2) ~ tr td.cal-cell.today .content {
margin-bottom: -2px;
}
.calendar-table div.date-num {
padding: 0 4px 0 2px;
text-align: right;
}
.calendar-table td.today .content.expanded {
border: 1px solid #3f8b38;
}
.calendar-table td.today .content.expanded div.head {
background: #48a041;
background: linear-gradient(to bottom, #51b348 0%, #48a041 100%);
border-bottom: 1px solid #3f8b38;
}
.calendar-table td .content.expanded ul.details-calendar-cover {
display: none;
}
.calendar-table td .content {
font-size: 11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-table td .content .date-num {
font-size: 13px;
}
.calendar-table td .content label a {
color: #333;
cursor: pointer;
}
.calendar-table td .content ul.details {
display: none;
}
.calendar-table td .content ul.details-calendar-cover {
display: block;
}
.calendar-table td .content ul.calendars-counts {
margin-left: 4px;
margin-top: 10px;
}
.calendar-table td .content ul.calendars-counts li.empty {
display: none;
}
.calendar-table td .content.expanded {
font-size: 13px !important;
position: absolute;
background: white;
z-index: 999;
width: auto;
max-width: 350px;
min-width: 100%;
min-height: 100%;
padding: 16px 0 0;
border: 1px solid #EF7C00;
border-radius: 3px;
box-sizing: content-box;
}
.calendar-table td .content.expanded,
.calendar-table td .content.expanded li,
.calendar-table td .content.expanded label {
font-size: 15px;
line-height: 30px;
}
.calendar-table td .content.expanded ul.details li {
margin-bottom: 6px;
margin-left: 20px;
list-style: circle;
}
.calendar-table td .content.expanded ul.details li,
.calendar-table td .content.expanded ul.details li label,
.calendar-table td .content.expanded ul.details li a {
white-space: nowrap;
font-size: 14px;
line-height: 14px;
}
.calendar-table td .content.expanded label.active + ul.details {
display: block;
}
.calendar-table td .content.expanded,
.calendar-table td .content.expanded label {
text-overflow: clip;
}
.calendar-table td .content.expanded ul.calendars-counts {
margin: 0 0px 9px 9px;
padding-right: 9px;
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
}
.calendar-table td .content.expanded li.hidden {
display: list-item;
visibility: visible;
}
.calendar-table td .content.expanded li.more {
display: none;
}
.calendar-table td .content.expanded div.head {
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 14px;
background: #ff9a2d;
background: linear-gradient(to bottom, #ffba70 0%, #ff9a2d 100%);
border-bottom: 1px solid #EF7C00;
color: #fff;
}
.calendar-table td .content.expanded div.head a.close {
line-height: 12px;
font-size: 18px;
margin-right: 2px;
font-weight: normal;
text-shadow: none;
color: #fff;
opacity: 90;
}
.calendar-table td .content.expanded div.head a.close:hover {
opacity: 100;
}
.calendar-table td .content ul {
margin: 0px 0px 4px;
}
.calendar-table td .content ul,
.calendar-table td .content ul li {
list-style: none;
margin-left: 0;
padding-left: 0;
clear: left;
}
.calendar-table td .content ul li.hidden {
display: none;
}
.calendar-table td .content ul li.more {
margin-left: 5px;
}
.calendar-table td .content ul li.more a {
cursor: pointer;
}
.calendar-table td .content ul li .glyphicon {
float: left;
margin-right: 4px;
}
.calendar-table td .content ul li label {
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
}
.calendar-table td .content ul li,
.calendar-table td .content ul li label,
.calendar-table td .content ul li .glyphicon {
font-size: 14px;
line-height: 21px;
}
.calendar-table td .content a.openMonth {
display: block;
text-align: center;
padding: 4px 0;
margin-top: -1px;
}
.calendar-table td .content a.openMonth:hover {
background-color: #e0e0e0;
cursor: pointer;
}
.calendar-table td.weekend-date .date-num {
color: #EF7C00;
}
.calendar-table td.prev-month-date,
.calendar-table td.next-month-date {
background-color: #e0e0e0;
}
.calendar-table td.prev-month-date.weekend-date .date-num,
.calendar-table td.next-month-date.weekend-date .date-num {
color: #d66f00;
}
.calendar-table.view-month th {
width: 100%/7;
}
.modal-body #calendar .calendar-table::after {
display: none;
}
.modal-body #calendar section.for-calendar {
position: relative;
border-top: none;
margin-top: -6px;
}
.modal-body #calendar section.for-calendar::after {
content: "";
position: absolute;
right: 3px;
left: 3px;
height: 4px;
z-index: -1;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 6px 0 -3px rgba(255, 255, 255, 0.8), 0 7px 1px -3px rgba(0, 0, 0, 0.3), 0 3px 0 -6px rgba(255, 255, 255, 0.8), 0 4px 2px -6px rgba(0, 0, 0, 0.2);
}
.widget #widget-contents {
display: block;
}
.widget #widget-contents .btn-mini {
border-radius: 2px !important;
}
.widget #widget-contents .widget-tasks {
margin-top: 40px;
}
.widget #widget-contents #calendar {
margin-bottom: 10px;
cursor: pointer;
}
.widget #widget-contents #calendar .cal-cell {
width: 40px;
height: 40px;
}
.widget #widget-contents #calendar .cal-cell .date-num {
font-size: 7px;
line-height: 7px;
}
.widget #widget-contents #calendar .cal-cell .glyphicon {
font-size: 6px;
}
@media (min-width: 980px) {
.widget #widget-contents #calendar .cal-cell {
height: 40px;
}
.widget #widget-contents #calendar .cal-cell .date-num {
font-size: 10px;
line-height: 8px;
}
.widget #widget-contents #calendar .cal-cell .glyphicon {
font-size: 6px;
}
}
@media (min-width: 1200px) {
.widget #widget-contents #calendar .cal-cell {
width: 50px;
height: 50px;
}
.widget #widget-contents #calendar .cal-cell .date-num {
font-size: 10px;
line-height: 12px;
}
.widget #widget-contents #calendar .cal-cell .glyphicon {
font-size: 7px;
}
}
@media (min-width: 1330px) {
.widget #widget-contents #calendar .cal-cell {
width: 56px;
height: 56px;
}
.widget #widget-contents #calendar .cal-cell .date-num {
font-size: 10px;
line-height: 12px;
}
.widget #widget-contents #calendar .cal-cell .glyphicon {
font-size: 10px;
}
}
.widget #widget-contents #calendar .calendar-header {
margin-bottom: 5px;
}
.widget #widget-contents #calendar .calendar-header div.toolbar .btn-group.right,
.widget #widget-contents #calendar .calendar-header div.toolbar .btn.right,
.widget #widget-contents #calendar .calendar-header div.toolbar select.right {
margin-left: 5px;
}
.widget #widget-contents #calendar .calendar-header div.toolbar {
padding: 4px 1px;
}
.widget #widget-contents #calendar .calendar-table {
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px 0px, rgba(0, 0, 0, 0.14902) 0px 12px 25px 0px;
}
.widget #widget-contents #calendar .calendar-table th:first-child {
border-top-left-radius: 2px;
}
.widget #widget-contents #calendar .calendar-table th:last-child {
border-top-right-radius: 2px;
}
.widget #widget-contents #calendar .calendar-table::after {
display: none;
}
.widget #widget-contents #calendar .calendar-header .date-num,
.widget #widget-contents #calendar .calendar-table .date-num {
font-size: 10px;
}
.widget #widget-contents #calendar section {
position: relative;
border-top: none;
}
.widget #widget-contents #calendar section::after {
content: "";
position: absolute;
right: 3px;
left: 3px;
height: 4px;
z-index: -1;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 6px 0 -3px rgba(255, 255, 255, 0.8), 0 7px 1px -3px rgba(0, 0, 0, 0.3), 0 3px 0 -6px rgba(255, 255, 255, 0.8), 0 4px 2px -6px rgba(0, 0, 0, 0.2);
}
.widget .content.expanded {
margin-top: -5px;
}
.widget .for-calendar {
margin-top: -6px;
}
.widget .for-day {
margin-top: -8px;
}
.widget #about-day-mini {
margin-top: 20px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px 0px, rgba(0, 0, 0, 0.14902) 0px 12px 25px 0px;
}
.widget #about-day-mini .content .date-num {
background-image: -webkit-linear-gradient(top, #00B0EA, #59b5e0);
background-color: #aa291f;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.widget #about-day-mini.today .content .date-num {
background-image: -webkit-linear-gradient(top, #4FAF47, #4FAF47);
}
.widget #about-day-mini .show-mini-close,
.widget #about-day-mini .show-mini-today {
margin-right: 5px;
font-size: 12px;
font-weight: normal;
float: right;
cursor: pointer;
}
.widget #about-day-mini .show-mini-close:hover,
.widget #about-day-mini .show-mini-today:hover {
text-decoration: underline;
}
.widget #about-day-mini ul.calendars-counts {
margin-top: 10px;
padding-bottom: 5px;
list-style: none;
}
.widget #about-day-mini ul.calendars-counts li.empty {
display: block;
}
.widget #about-day-mini ul.calendars-counts li.empty label {
color: #08c;
}
.widget #about-day-mini ul.calendars-counts li i {
float: left;
}
.widget #about-day-mini ul.calendars-counts li ul {
list-style: none;
}
.widget #about-day-mini ul.calendars-counts a:hover {
text-decoration: none;
}
.widget #about-day-mini .calendar-mini {
text-decoration: underline;
cursor: pointer;
}
.widget .cover-widgets-links .day.cal-cell:hover {
background-color: #eafaff;
}
.widget .cover-widgets-links .day-changed {
background-color: #eafaff;
border: 1px solid #00B0EA;
}
.widget .cover-widgets-links .day-changed .date-num {
color: #004F9E;
}
.widget .cover-widgets-links .day.cal-cell.today.day-changed {
background-color: #e8f5e6;
border: 1px solid #4FAF47;
}
.widget .cover-widgets-links .day.cal-cell.today.day-changed .date-num {
color: #4FAF47;
}
.content ul li label.active {
display: inline-block !important;
}
.widget .calendar-table td.cal-cell.today {
background: none;
}
@font-face {
font-family: "RedactorFont";
src: url(/fonts/redactor-font.eot?85f26e73202d9060a2d5a298bbbe6f3f);
}
@font-face {
font-family: "RedactorFont";
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
font-weight: normal;
font-style: normal;
}
/*
Box
*/
.redactor-box {
position: relative;
overflow: visible;
margin-bottom: 24px;
width: 900px;
}
.redactor-box textarea {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
overflow: auto;
outline: none;
border: none;
background-color: #111;
box-shadow: none;
color: #ccc;
font-size: 13px;
font-family: Menlo, Monaco, monospace, sans-serif;
resize: none;
}
.redactor-box textarea:focus {
outline: none;
}
.redactor-editor,
.redactor-box {
background: #fff;
}
/*
Z-index setup
*/
.redactor-editor,
.redactor-box,
.redactor-box textarea {
z-index: auto;
}
.redactor-box-fullscreen {
z-index: 1051;
}
.redactor-toolbar {
z-index: 100;
}
.redactor-dropdown {
z-index: 1052;
}
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
z-index: 100053;
}
/*
Resize
*/
.redactor-resize {
background: #f4f4f4;
padding: 4px 0 3px 0;
cursor: move;
border: 1px solid #e3e3e3;
border-top: none;
}
.redactor-resize div {
width: 30px;
margin: auto;
border-top: 1px solid #bbb;
border-bottom: 1px solid #fff;
}
/*
Fullscreen
*/
body .redactor-box-fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
/*
Utils
*/
.body-redactor-hidden {
overflow: hidden;
}
/*
Editor
*/
.redactor-editor {
position: relative;
overflow: auto;
margin: 0 !important;
padding: 20px;
outline: none;
white-space: normal;
border: 1px solid #eee;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 14px;
line-height: 1.6em;
}
.redactor-editor:focus {
outline: none;
}
.toolbar-fixed-box + .redactor-editor {
padding-top: 32px !important;
}
/*
Placeholder
*/
.redactor-placeholder {
position: relative;
}
.redactor-placeholder:after {
position: absolute;
top: 20px;
left: 20px;
content: attr(placeholder);
color: #999 !important;
font-weight: normal !important;
}
/* Placeholder in linebreaks mode */
.redactor-linebreaks.redactor-placeholder:after {
top: 20px;
left: 20px;
}
/*
Toolbar
*/
.redactor-toolbar {
position: relative;
top: 0;
left: 0;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
font-size: 14px !important;
line-height: 1 !important;
background: #fff;
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.redactor-toolbar:after {
content: "";
display: table;
clear: both;
}
.redactor-toolbar.redactor-toolbar-overflow {
overflow-y: auto;
height: 29px;
white-space: nowrap;
}
.redactor-toolbar.redactor-toolbar-external {
z-index: 999;
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.redactor-toolbar li {
vertical-align: top;
display: inline-block;
margin: 0 !important;
padding: 0 !important;
outline: none;
list-style: none !important;
box-sizing: content-box;
}
.redactor-toolbar li a {
display: block;
color: #333;
text-align: center;
padding: 9px 10px;
outline: none;
border: none;
text-decoration: none;
cursor: pointer;
zoom: 1;
box-sizing: content-box;
}
.redactor-toolbar li a:hover {
outline: none;
background-color: #1f78d8;
color: #fff;
}
.redactor-toolbar li a:hover i:before {
color: #fff;
}
.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
outline: none;
background-color: #ccc;
color: #444;
}
.redactor-toolbar li a.redactor-btn-image {
width: 14px;
height: 14px;
background-position: center center;
background-repeat: no-repeat;
}
.redactor-toolbar li a.fa-redactor-btn {
display: inline-block;
padding: 9px 10px 8px 10px;
line-height: 1;
}
.redactor-toolbar li a.redactor-button-disabled {
filter: alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
.redactor-toolbar li a.redactor-button-disabled:hover {
color: #333;
outline: none;
background-color: transparent !important;
cursor: default;
}
/*
CodeMirror
*/
.redactor-box .CodeMirror {
display: none;
}
/*
Icons
*/
.re-icon {
font-family: "RedactorFont";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.re-icon i:before {
position: relative;
font-size: 14px;
}
.re-video:before {
content: "\e600";
}
.re-unorderedlist:before {
content: "\e601";
}
.re-undo:before {
content: "\e602";
}
.re-underline:before {
content: "\e603";
}
.re-textdirection:before {
content: "\e604";
}
.re-fontcolor:before {
content: "\e605";
}
.re-table:before {
content: "\e606";
}
.re-redo:before {
content: "\e607";
}
.re-quote:before {
content: "\e608";
}
.re-outdent:before {
content: "\e609";
}
.re-orderedlist:before {
content: "\e60a";
}
.re-link:before {
content: "\e60b";
}
.re-horizontalrule:before {
content: "\e60c";
}
.re-italic:before {
content: "\e60d";
}
.re-indent:before {
content: "\e60e";
}
.re-image:before {
content: "\e60f";
}
.re-fullscreen:before {
content: "\e610";
}
.re-normalscreen:before {
content: "\e611";
}
.re-formatting:before {
content: "\e612";
}
.re-fontsize:before {
content: "\e613";
}
.re-fontfamily:before {
content: "\e614";
}
.re-deleted:before {
content: "\e615";
}
.re-html:before {
content: "\e616";
}
.re-clips:before {
content: "\e617";
}
.re-bold:before {
content: "\e618";
}
.re-backcolor:before {
content: "\e619";
}
.re-file:before {
content: "\e61a";
}
.re-alignright:before {
content: "\e61b";
}
.re-alignment:before,
.re-alignleft:before {
content: "\e61c";
}
.re-alignjustify:before {
content: "\e61d";
}
.re-aligncenter:before {
content: "\e61e";
}
.re-gallery:before {
content: "\e61f";
}
/*
Toolbar tooltip
*/
.redactor-toolbar-tooltip {
position: absolute;
z-index: 1054;
text-align: center;
top: 0;
left: 0;
background: #000;
color: #fff;
padding: 5px 8px;
line-height: 1;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
font-size: 12px;
border-radius: 2px;
}
/*
Dropdown
*/
.redactor-dropdown {
position: absolute;
top: 28px;
left: 0;
padding: 0;
min-width: 220px;
max-height: 254px;
overflow: auto;
background-color: #fff;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
font-size: 14px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
line-height: 1.6em;
}
.redactor-dropdown a {
display: block;
padding: 10px 15px;
color: #000;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.redactor-dropdown a:last-child {
border-bottom: none;
}
.redactor-dropdown a:hover {
background-color: #1f78d8;
color: #fff !important;
text-decoration: none;
}
.redactor-dropdown a.selected {
background-color: #000;
color: #fff;
}
/*
IMAGE BOX
*/
#redactor-image-box {
position: relative;
max-width: 100%;
display: inline-block;
line-height: 0;
outline: 1px dashed rgba(0, 0, 0, 0.6);
}
#redactor-image-editter {
position: absolute;
z-index: 5;
top: 50%;
left: 50%;
margin-top: -11px;
margin-left: -18px;
line-height: 1;
background-color: #000;
color: #fff;
font-size: 11px;
padding: 7px 10px;
cursor: pointer;
}
#redactor-image-resizer {
position: absolute;
z-index: 2;
line-height: 1;
cursor: nw-resize;
bottom: -4px;
right: -5px;
border: 1px solid #fff;
background-color: #000;
width: 8px;
height: 8px;
}
/*
LINK TOOLTIP
*/
.redactor-link-tooltip {
position: absolute;
z-index: 49999;
padding: 10px;
line-height: 1;
display: inline-block;
background-color: #000;
color: #555 !important;
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
font-size: 12px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
.redactor-link-tooltip a {
color: #ccc;
margin: 0 5px;
text-decoration: none;
}
.redactor-link-tooltip a:hover {
color: #fff;
}
/*
DROPAREA
*/
#redactor-droparea {
position: relative;
overflow: hidden;
padding: 140px 20px;
border: 3px dashed rgba(0, 0, 0, 0.1);
}
#redactor-droparea.drag-hover {
background: rgba(200, 222, 250, 0.75);
}
#redactor-droparea.drag-drop {
background: rgba(250, 248, 200, 0.5);
}
#redactor-droparea-placeholder {
text-align: center;
font-size: 12px;
color: rgba(0, 0, 0, 0.7);
}
/*
PROGRESS
*/
#redactor-progress {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000000;
height: 10px;
}
#redactor-progress span {
display: block;
width: 100%;
height: 100%;
background-color: #3d58a8;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
animation: progress-bar-stripes 2s linear infinite;
background-size: 40px 40px;
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
/*
MODAL
*/
#redactor-modal-overlay {
position: fixed;
top: 0;
left: 0;
margin: auto;
overflow: auto;
width: 100%;
height: 100%;
background-color: #000 !important;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
#redactor-modal-box {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
}
#redactor-modal {
outline: 0;
position: relative;
margin: auto;
margin-bottom: 20px;
padding: 0;
background: #fff;
color: #000;
font-size: 14px !important;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
}
#redactor-modal header {
padding: 30px 40px 5px 40px;
font-size: 18px;
font-weight: bold;
}
#redactor-modal section {
padding: 30px 40px 50px 40px;
}
#redactor-modal label {
display: block;
float: none !important;
margin: 15px 0 3px 0 !important;
padding: 0;
}
#redactor-modal input[type=radio],
#redactor-modal input[type=checkbox] {
position: relative;
top: -1px;
}
#redactor-modal select {
width: 100%;
}
#redactor-modal input[type=text],
#redactor-modal input[type=password],
#redactor-modal input[type=email],
#redactor-modal input[type=url],
#redactor-modal textarea {
position: relative;
z-index: 2;
margin: 0;
padding: 5px 4px;
height: 28px;
border: 1px solid #ccc;
border-radius: 1px;
background-color: white;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
color: #333;
width: 100%;
font-size: 14px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
transition: border 0.3s ease-in;
}
#redactor-modal input[type=text]:focus,
#redactor-modal input[type=password]:focus,
#redactor-modal input[type=email]:focus,
#redactor-modal input[type=url]:focus,
#redactor-modal textarea:focus {
outline: none;
border-color: #5ca9e4;
box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal input[type=text].redactor-input-error,
#redactor-modal input[type=password].redactor-input-error,
#redactor-modal input[type=email].redactor-input-error,
#redactor-modal input[type=url].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
border-color: #e82f2f;
box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal textarea {
display: block;
margin-top: 4px;
line-height: 1.4em;
}
/*
Tabs in Modal
*/
#redactor-modal-tabber {
margin-bottom: 15px;
font-size: 12px;
}
#redactor-modal-tabber a {
border: 1px solid #ddd;
line-height: 1;
padding: 8px 15px;
margin-right: -1px;
text-decoration: none;
color: #000;
}
#redactor-modal-tabber a:hover {
background-color: #1f78d8;
border-color: #1f78d8;
color: #fff;
}
#redactor-modal-tabber a.active {
cursor: default;
background-color: #ddd;
border-color: #ddd;
color: rgba(0, 0, 0, 0.6);
}
/*
List in Modal
*/
#redactor-modal #redactor-modal-list {
margin-left: 0;
padding-left: 0;
list-style: none;
max-height: 250px;
overflow-x: auto;
}
#redactor-modal #redactor-modal-list li {
border-bottom: 1px solid #ddd;
}
#redactor-modal #redactor-modal-list li:last-child {
border-bottom: none;
}
#redactor-modal #redactor-modal-list a {
padding: 10px 5px;
color: #000;
text-decoration: none;
font-size: 13px;
display: block;
position: relative;
}
#redactor-modal #redactor-modal-list a:hover {
background-color: #eee;
}
#redactor-modal-close {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
text-align: right;
color: #bbb;
font-size: 30px;
font-weight: 300;
cursor: pointer;
}
#redactor-modal-close:hover {
color: #000;
}
#redactor-modal footer button {
position: relative;
width: 100%;
padding: 14px 16px;
margin: 0;
outline: none;
border: none;
background-color: #ddd;
color: #000;
text-align: center;
text-decoration: none;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
line-height: 1;
cursor: pointer;
}
#redactor-modal footer button:hover {
color: #777;
background: none;
background: #bbb;
text-decoration: none;
}
#redactor-modal footer button.redactor-modal-delete-btn {
background: none;
color: #fff;
background-color: #b52525;
}
#redactor-modal footer button.redactor-modal-delete-btn:hover {
color: rgba(255, 255, 255, 0.6);
background-color: #881b1b;
}
#redactor-modal footer button.redactor-modal-action-btn {
background: none;
color: #fff;
background-color: #2461b5;
}
#redactor-modal footer button.redactor-modal-action-btn:hover {
color: rgba(255, 255, 255, 0.6);
background-color: #1a4580;
}
/*
##############################################
DROPDOWN FORMATTING
##############################################
*/
.redactor-dropdown .redactor-formatting-blockquote {
color: rgba(0, 0, 0, 0.4);
font-style: italic;
}
.redactor-dropdown .redactor-formatting-pre {
font-family: monospace, sans-serif;
}
.redactor-dropdown .redactor-formatting-h1 {
font-size: 36px;
line-height: 36px;
font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h2 {
font-size: 24px;
line-height: 36px;
font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h3 {
font-size: 21px;
line-height: 30px;
font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h4 {
font-size: 18px;
line-height: 26px;
font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h5 {
font-size: 16px;
line-height: 23px;
font-weight: bold;
}
/*
##############################################
CONTENT STYLES
##############################################
*/
.redactor-editor code,
.redactor-editor pre {
font-family: Menlo, Monaco, monospace, sans-serif;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
font-size: 14px;
line-height: 1.6em;
}
.redactor-editor a {
color: #15c;
text-decoration: underline;
}
.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
max-width: 100%;
width: auto;
}
.redactor-editor video,
.redactor-editor img {
height: auto;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
margin: 0;
margin-bottom: 15px;
border: none;
background: none;
box-shadow: none;
}
.redactor-editor strong {
font-weight: 800;
}
.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
margin-bottom: 15px;
}
.redactor-editor blockquote {
margin-left: 1.6em !important;
padding-left: 0;
color: #777;
font-style: italic;
}
.redactor-editor ul,
.redactor-editor ol {
padding-left: 2em;
}
.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
margin: 2px;
padding: 0;
padding-left: 2em;
border: none;
}
.redactor-editor ol ol li {
list-style-type: lower-alpha;
}
.redactor-editor ol ol ol li {
list-style-type: lower-roman;
}
.redactor-editor dl dt {
font-weight: bold;
}
.redactor-editor dd {
margin-left: 1em;
}
.redactor-editor table {
border-collapse: collapse;
font-size: 1em;
width: 100%;
}
.redactor-editor table td,
.redactor-editor table th {
padding: 5px;
border: 1px solid #ddd;
vertical-align: top;
}
.redactor-editor table thead td,
.redactor-editor table th {
font-weight: bold;
border-bottom-color: #888;
}
.redactor-editor code {
background-color: #d8d7d7;
}
.redactor-editor pre {
padding: 1em;
border: 1px solid #ddd;
border-radius: 3px;
background: #f8f8f8;
white-space: pre;
font-size: 90%;
}
.redactor-editor hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
font-weight: bold;
color: #000;
padding: 0;
background: none;
text-rendering: optimizeLegibility;
margin: 0 0 0.5em 0;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
line-height: 1.3;
}
.redactor-editor h1 {
font-size: 36px;
}
.redactor-editor h2 {
font-size: 24px;
margin-bottom: 0.7em;
}
.redactor-editor h3 {
font-size: 21px;
}
.redactor-editor h4 {
font-size: 18px;
}
.redactor-editor h5 {
font-size: 16px;
}
.redactor-editor h6 {
font-size: 12px;
text-transform: uppercase;
}
/** ---- **/
.treeFrame {
width: 700px;
height: 400px;
overflow: auto;
}
.error-notice {
margin-top: 72px;
text-align: center;
color: grey;
font-size: 18px;
}
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
float: none;
}
.undercut {
display: none;
}
.undercut + .cut:before {
content: "…";
}
.undercut + .cut:after {
content: "больше";
color: #fb5e11;
cursor: pointer !important;
border-bottom: 1px dotted #fb5e11;
margin-left: 0.5em;
font-style: italic;
}
.undercut.opened {
display: inline;
}
.undercut.opened + .cut:before {
content: "";
}
.undercut.opened + .cut:after {
content: "скрыть";
}
.row_selected .undercut + .cut:after,
.selected .undercut + .cut:after {
color: #e6e6e6;
border-color: #e6e6e6;
}
#exportAlertWiting {
display: none;
position: fixed;
background: rgba(45, 45, 45, 0.95);
width: 50%;
top: 50%;
margin-left: 25%;
padding: 18px;
color: white;
text-align: center;
vertical-align: baseline;
border: 1px solid rgba(230, 230, 255, 0.8);
border-radius: 3px;
}
#exportAlertWiting .attention {
color: rgb(200, 200, 255);
font-weight: bold;
}
.ui-sortable-handle {
border-width: 1px;
border-radius: 5px;
border-style: dashed;
border-color: transparent;
margin: 5px 0px;
padding: 5px 0px;
cursor: move;
/* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -webkit-grab;
}
.ui-sortable-handle.grabbing {
border-color: #bdbdbd;
cursor: grabbing;
cursor: -webkit-grabbing;
background-color: #e0e0e0;
}
.ui-sortable-handle.dashed {
border-style: dashed;
border-color: #bababa;
}
.ui-sortable-handle:hover {
border-style: dashed;
border-color: #bababa;
}
.ui-sortable-handle:hover.grabbing {
border-color: #bdbdbd;
cursor: grabbing;
cursor: -webkit-grabbing;
background-color: #e0e0e0;
}
.typeahead {
max-width: 450px;
overflow-x: hidden;
top: auto;
left: auto;
width: auto;
max-width: 400px;
-ms-box-sizing: border-box;
box-sizing: border-box;
z-index: 11049;
}
.typeahead li {
min-height: 18px;
cursor: pointer;
}
.typeahead li em {
display: block;
font-size: 0.8em;
line-height: 1.05em;
}
/** strict **/
.form-ac-selected {
text-align: left;
margin: 0;
padding: 2px 4px;
height: auto;
}
.form-ac-selected .form-ac-selected-text {
/*
background: $primary;
color: $white;
//text-shadow: 1px 1px 0 $blueDark;
// @include box-shadow(inset 1px 1px 0 $blueDark);
@include border-radius(2px);
white-space: none;
overflow: hidden;
height: $baseLineHeight;
display: inline-block;
line-height: $baseLineHeight;
margin-right: 12px;
float: none;
margin-top: 4px;
margin-left: 0;
padding: 0;
*/
}
.form-ac-selected.disabled .form-ac-selected-text,
.form-ac-selected.btn.refreshButton.loading .form-ac-selected-text,
select.form-ac-selected.refreshButton.loading .form-ac-selected-text {
background: rgba(255, 102, 17, 0.8);
border-radius: 8px;
padding: 3px;
}
.form-ac-selected .autocompleteAdditional {
font-size: 0.8em;
display: block;
}
.autocompleteAdditional {
display: block;
}
input.combobox.open + .combobox-btn {
color: #EF7C00;
}
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.calendar-btn {
width: 27px !important;
}
.datepicker {
top: 0;
left: 0;
padding: 4px;
z-index: 9999;
/***/
border-radius: 4px;
/***/
/*.dow {
border-top: 1px solid #ddd !important;
}*/
}
.datepicker:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}
.datepicker:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
top: -6px;
left: 7px;
}
.datepicker.pull-right:before {
left: auto;
right: 6px;
}
.datepicker.pull-right:after {
left: auto;
right: 7px;
}
.datepicker.bottom-up:before {
border-bottom: none;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
top: auto;
}
.datepicker.bottom-up:after {
border-bottom: none;
border-top: 6px solid #fff;
bottom: -6px;
top: auto;
}
.datepicker > div {
display: none;
}
.datepicker.days div.datepicker-days {
display: block;
}
.datepicker.months div.datepicker-months {
display: block;
}
.datepicker.years div.datepicker-years {
display: block;
}
.datepicker table {
margin: 0;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
/***/
border-radius: 4px;
/***/
}
.datepicker td.day:hover {
background: #e0e0e0;
cursor: pointer;
}
.datepicker td.old,
.datepicker td.new {
color: #bdbdbd;
}
.datepicker td.disabled,
.datepicker td.btn.refreshButton.loading,
.datepicker td.disabled:hover {
background: none;
color: #bdbdbd;
cursor: default;
}
.datepicker td.today,
.datepicker td.today:hover,
.datepicker td.today.disabled,
.datepicker td.today.btn.refreshButton.loading,
.datepicker td.today.disabled:hover {
background-color: #ffc689;
}
.datepicker td.today:hover,
.datepicker td.today:active,
.datepicker td.today.active,
.datepicker td.today.disabled,
.datepicker td.today.btn.refreshButton.loading,
.datepicker td.today[disabled],
.datepicker td.today:hover:hover,
.datepicker td.today:hover:active,
.datepicker td.today:hover.active,
.datepicker td.today:hover.disabled,
.datepicker td.today:hover[disabled],
.datepicker td.today.disabled:hover,
.datepicker td.today.disabled:active,
.datepicker td.today.disabled.active,
.datepicker td.today.disabled.disabled,
.datepicker td.today.disabled[disabled],
.datepicker td.today.disabled:hover:hover,
.datepicker td.today.disabled:hover:active,
.datepicker td.today.disabled:hover.active,
.datepicker td.today.disabled:hover.disabled,
.datepicker td.today.disabled:hover[disabled] {
background-color: #ffee89;
}
.datepicker td.today:active,
.datepicker td.today.active,
.datepicker td.today:hover:active,
.datepicker td.today:hover.active,
.datepicker td.today.disabled:active,
.datepicker td.today.disabled.active,
.datepicker td.today.disabled:hover:active,
.datepicker td.today.disabled:hover.active {
background-color: #ffe656 e(" ");
}
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.btn.refreshButton.loading,
.datepicker td.active.disabled:hover {
background-color: #FF6620;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:active,
.datepicker td.active.active,
.datepicker td.active.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover:hover,
.datepicker td.active:hover:active,
.datepicker td.active:hover.active,
.datepicker td.active:hover.disabled,
.datepicker td.active:hover[disabled],
.datepicker td.active.disabled:hover,
.datepicker td.active.disabled:active,
.datepicker td.active.disabled.active,
.datepicker td.active.disabled.disabled,
.datepicker td.active.disabled[disabled],
.datepicker td.active.disabled:hover:hover,
.datepicker td.active.disabled:hover:active,
.datepicker td.active.disabled:hover.active,
.datepicker td.active.disabled:hover.disabled,
.datepicker td.active.disabled:hover[disabled] {
background-color: #ffb020;
}
.datepicker td.active:active,
.datepicker td.active.active,
.datepicker td.active:hover:active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled:active,
.datepicker td.active.disabled.active,
.datepicker td.active.disabled:hover:active,
.datepicker td.active.disabled:hover.active {
background-color: #ec9900 e(" ");
}
.datepicker td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
/***/
border-radius: 4px;
/***/
}
.datepicker td span:hover {
background: #e0e0e0;
}
.datepicker td span.disabled,
.datepicker td span.btn.refreshButton.loading,
.datepicker td span.disabled:hover {
background: none;
color: #bdbdbd;
cursor: default;
}
.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active.disabled,
.datepicker td span.active.btn.refreshButton.loading,
.datepicker td span.active.disabled:hover {
background-color: #FF6620;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled],
.datepicker td span.active:hover:hover,
.datepicker td span.active:hover:active,
.datepicker td span.active:hover.active,
.datepicker td span.active:hover.disabled,
.datepicker td span.active:hover[disabled],
.datepicker td span.active.disabled:hover,
.datepicker td span.active.disabled:active,
.datepicker td span.active.disabled.active,
.datepicker td span.active.disabled.disabled,
.datepicker td span.active.disabled[disabled],
.datepicker td span.active.disabled:hover:hover,
.datepicker td span.active.disabled:hover:active,
.datepicker td span.active.disabled:hover.active,
.datepicker td span.active.disabled:hover.disabled,
.datepicker td span.active.disabled:hover[disabled] {
background-color: #ffb020;
}
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active:hover:active,
.datepicker td span.active:hover.active,
.datepicker td span.active.disabled:active,
.datepicker td span.active.disabled.active,
.datepicker td span.active.disabled:hover:active,
.datepicker td span.active.disabled:hover.active {
background-color: #ec9900 e(" ");
}
.datepicker td span.old {
color: #bdbdbd;
}
.datepicker th.switch {
width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {
background: #e0e0e0;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px;
}
.introjs-overlay {
position: absolute;
z-index: 10000;
background-color: #000;
opacity: 0;
transition: all 0.3s ease-out;
}
.introjs-fixParent {
position: absolute !important;
z-index: auto !important;
opacity: 1 !important;
transform: none !important;
}
.modal .introjs-fixParent {
position: relative !important;
}
.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
z-index: 10100 !important;
}
.introjs-disableInteraction {
position: absolute;
z-index: 10300 !important;
}
.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
position: relative;
}
.introjs-helperLayer {
position: absolute;
z-index: 10099;
background-color: #fff;
border: 1px solid #FF6620;
border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
transition: all 0.3s ease-out;
}
.introjs-tooltipReferenceLayer {
position: absolute;
background-color: transparent;
transition: all 0.3s ease-out;
}
.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
.introjs-helperNumberLayer {
position: absolute;
top: -16px;
left: -16px;
z-index: 10400 !important;
width: 20px;
height: 20px;
padding: 4px;
font-family: Arial, verdana, tahoma;
font-size: 13px;
font-weight: 500;
line-height: 1;
color: white;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
background: #FF6620;
/* Old browsers */
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.introjs-arrow {
position: absolute;
display: none !important;
content: "";
border: 5px solid white;
}
.introjs-arrow.top {
top: -10px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: transparent;
}
.introjs-arrow.top-right {
top: -10px;
right: 10px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: transparent;
}
.introjs-arrow.top-middle {
top: -10px;
left: 50%;
margin-left: -5px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: transparent;
}
.introjs-arrow.right {
top: 10px;
right: -10px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: white;
}
.introjs-arrow.right-bottom {
right: -10px;
bottom: 10px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: white;
}
.introjs-arrow.bottom {
bottom: -10px;
border-top-color: white;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.introjs-arrow.left {
top: 10px;
left: -10px;
border-top-color: transparent;
border-right-color: white;
border-bottom-color: transparent;
border-left-color: transparent;
}
.introjs-arrow.left-bottom {
bottom: 10px;
left: -10px;
border-top-color: transparent;
border-right-color: white;
border-bottom-color: transparent;
border-left-color: transparent;
}
.introjs-tooltip {
position: absolute;
min-width: 300px;
max-width: 500px;
z-index: 10101;
padding: 10px;
font-size: 30px;
color: #fff;
background-color: transparent;
transition: opacity 0.1s ease-out;
}
.introjs-tooltip .content {
display: block;
margin-top: 20px;
font-size: 16px;
}
.introjs-tooltipbuttons {
margin-top: 10px;
text-align: right;
white-space: nowrap;
}
/*
Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
Changed by Afshin Mehrabani
*/
.introjs-skipbutton {
position: fixed;
right: 50px;
bottom: 50px;
width: 56px;
height: 56px;
padding: 0;
margin: 0;
margin-right: 5px;
font-size: 24px;
color: #fff !important;
text-align: center;
text-shadow: none;
background: #e53935 !important;
border: none;
border-radius: 100%;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.introjs-skipbutton i {
line-height: 56px;
}
.introjs-skipbutton:hover {
color: #fff;
border: none;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.introjs-skipbutton:active,
.introjs-skipbutton:focus {
background: #e53935;
}
.introjs-prevbutton,
.introjs-nextbutton {
padding: 8px 18px;
font-size: 14px;
line-height: 1.42857143;
color: #fff;
cursor: default !important;
text-decoration: none;
background-color: #FF6620;
border: 1px solid transparent;
border-radius: 1000px;
transition: border 0.2s linear, color 0.2s linear, width 0.2s linear, background-color 0.2s linear;
-webkit-font-smoothing: subpixel-antialiased;
}
.introjs-prevbutton:hover,
.introjs-prevbutton:active,
.introjs-prevbutton:focus,
.introjs-nextbutton:hover,
.introjs-nextbutton:active,
.introjs-nextbutton:focus {
color: #fff;
text-decoration: none;
}
.introjs-prevbutton.introjs-disabled,
.introjs-nextbutton.introjs-disabled {
color: #bdbdbd !important;
cursor: not-allowed;
background: transparent !important;
border: 1px solid;
}
.introjs-prevbutton {
float: left;
}
.introjs-prevbutton i {
margin-right: 10px;
}
.introjs-nextbutton {
float: right;
}
.introjs-nextbutton i {
margin-left: 10px;
}
.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
text-decoration: none;
}
.introjs-bullets {
text-align: center;
}
.introjs-bullets ul {
display: inline-block;
padding: 0;
margin: 15px auto 0;
clear: both;
}
.introjs-bullets ul li {
float: left;
margin: 0 2px;
list-style: none;
}
.introjs-bullets ul li a {
display: block;
width: 6px;
height: 6px;
text-decoration: none;
background: #ccc;
border-radius: 10px;
}
.introjs-bullets ul li a:hover {
background: #999;
}
.introjs-bullets ul li a.active {
background: #999;
}
.introjs-progress {
height: 10px;
margin: 10px 0 5px;
overflow: hidden;
background-color: #ecf0f1;
border-radius: 4px;
}
.introjs-progressbar {
float: left;
width: 0;
height: 100%;
font-size: 10px;
line-height: 10px;
text-align: center;
background-color: #08c;
}
.not-active-button-intro {
pointer-events: none;
cursor: default;
}
.introjsFloatingElement {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
}
.introjs-hint {
position: absolute;
width: 20px;
height: 15px;
background: 0 0;
}
.introjs-hidehint {
display: none;
}
.introjs-fixedhint {
position: fixed;
}
.introjs-hint:hover > .introjs-hint-pulse {
border: 5px solid rgba(60, 60, 60, 0.57);
}
.introjs-hint-pulse {
position: absolute;
z-index: 10;
width: 10px;
height: 10px;
background-color: rgba(136, 136, 136, 0.24);
border: 5px solid rgba(60, 60, 60, 0.27);
border-radius: 30px;
transition: all 0.2s ease-out;
}
.introjs-hint-dot {
position: absolute;
top: -25px;
left: -25px;
z-index: 1;
width: 50px;
height: 50px;
background: 0 0;
border: 10px solid rgba(146, 146, 146, 0.36);
border-radius: 60px;
opacity: 0;
animation: introjspulse 3s ease-out;
animation-iteration-count: infinite;
}
.entry-title {
padding: 1px 0px;
color: white;
line-height: 2;
background: rgba(0, 0, 0, 0.6);
background-size: 200%;
background-position: 0 0;
position: absolute;
bottom: 0;
left: 0;
font-size: 18px;
display: inline;
transition: 0.5s ease-in-out;
font-family: raleway, arial, sans-serif;
text-transform: uppercase;
margin: 0;
padding: 0;
padding: 0 10px;
right: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.card-anim {
word-wrap: normal;
padding: 6em 60px;
margin: auto;
transition: 0.3s ease;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
position: relative;
border-radius: 10px;
}
.card-anim:hover {
transform: scale(1.05);
}
.count-program {
background-color: #ff6712;
}
.service-for-promo {
text-decoration: none;
color: #000;
transition: all 0.07s ease;
}
.service-for-promo:hover {
text-decoration: none;
}
.card-promo {
min-height: 300px;
transition: all 0.15s ease;
}
.card-promo:hover {
box-shadow: none !important;
}
.list-scale li:nth-child(n+5) {
display: none;
}
.ribbon-clip:before {
border-top-color: #bb4300;
border-right-color: #bb4300;
}
.list-scale.open li:nth-child(n+5) {
display: list-item;
}
.fa {
font-size: 20px;
color: #FF6020;
}
/* under mapSite by k_zzanuda */
.advertise_row {
margin-top: 25px;
}
.advertise_box {
box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
border-radius: 8px;
text-align: center;
padding: 40px 30px 35px;
position: relative;
transition: all 0.45s ease;
font-family: "Montserrat", sans-serif;
height: 244px;
margin: 15px;
}
.advertise_box:hover {
transform: scale(1.05);
box-shadow: 0px 3px 12px 1px rgba(149, 152, 200, 0.4);
}
.advertise_header {
font-size: 20px;
position: relative;
margin-top: 15px;
font-weight: 500;
line-height: 1.2;
}
.orangtextgrad {
background: -webkit-linear-gradient(left, #ff7d42 0%, #da820b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.left {
text-align: left;
color: #313131 !important;
}
.iconproduct {
position: absolute;
bottom: 4px;
right: 6px;
width: 102px;
}
.none_decorations {
text-decoration: none;
}
.none_decorations:hover {
text-decoration: none;
}
.fieldset {
display: flex;
flex-flow: column nowrap;
/*border: 1px solid #ff6610 ;*/
border-radius: 4px;
position: relative;
width: 25%;
}
.fieldset label {
position: absolute;
top: -13px;
left: 20px;
background: linear-gradient(#f5f7fb 25%, #fff 75%);
color: #ff6610;
}
.al-red {
border-color: #dc3545;
color: #dc3545;
}
.al-blue {
border-color: #007bff;
color: #007bff;
}
.al-purple {
border-color: #551A8B;
color: #551A8B;
}
.al-gray {
border-color: #959595;
color: #959595;
}
.al-green {
border-color: #28a745;
color: #28a745;
}
.al-yellow {
border-color: #fba400;
color: #fba400;
}
.al-black {
border-color: #1b1e21;
color: #1b1e21;
}
.jstree-anchor {
display: unset;
border-radius: 0.25em;
width: auto;
padding: 5px 15px;
font-size: 1rem !important;
line-height: 45px !important;
margin: 5px 0;
color: black !important;
border: #ff6620 1px solid !important;
font-weight: 400;
cursor: pointer;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
transition: border 0.2s linear, color 0.2s linear, width 0.2s linear, background-color 0.2s linear;
-webkit-font-smoothing: subpixel-antialiased;
}
.jstree-anchor:hover {
background: #FF6620;
color: #fff !important;
border-radius: 0.25em;
}
.jstree-default .jstree-clicked {
background: #FF6620;
color: #fff !important;
border-radius: 0.25em;
}
.jstree-default .jstree-icon:empty {
width: 24px;
height: 45px;
line-height: 45px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
background-position: -4px 6px;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
background-position: -36px 6px;
}
.onlineconsultant {
position: fixed;
right: 10px;
bottom: 0px;
width: 340px;
border-top-left-radius: 30px;
border-top-right-radius: 5px;
box-shadow: 0 0 5px #aaa;
z-index: 9999;
}
.oc_header {
background: #3F51B5;
overflow: auto;
border-top-left-radius: 30px;
border-top-right-radius: 5px;
transition: 0.3s;
}
.oc_header:hover {
background: #FF6620;
color: #fff;
cursor: pointer;
}
.oc_header i {
color: #fff;
float: left;
font-size: 23pt;
margin: 6px 0 0 18px;
}
.oc_header h5 {
float: right;
color: #fff;
font-size: 15pt;
font-weight: 400;
margin: 8px 20px 10px 0;
}
.oc_body {
background: #eee;
overflow: hidden;
height: auto;
transition: height 1s, width 1s, padding 1s, visibility 1s, opacity 0.5s ease-out;
}
#oc_chats_block {
float: left;
width: 100%;
overflow-y: scroll;
min-height: 200px;
max-height: 300px;
background: #fff;
border: none;
padding: 0 0 5px 0;
}
.oc_chat {
border-bottom: 2px solid #3F51B5;
overflow: hidden;
padding: 10px;
transition: 0.3s;
max-height: 60px;
min-height: 35px;
text-align: center;
}
.oc_chat p {
font-size: 12pt;
line-height: 15px;
float: left;
margin: 0;
width: 100%;
}
.oc_chat:hover {
background: #FF6620;
color: #fff;
cursor: pointer;
}
.oc_curator {
overflow: hidden;
padding: 10px 0 5px 0;
cursor: pointer;
}
.oc_curator img {
width: 50px;
height: 50px;
border-radius: 50px;
background: #ddd;
float: left;
margin: 0 5px 0 10px;
background: url("/img/no_avatar.png");
background-size: 100%;
}
.oc_curator_info {
float: right;
color: #000;
width: 270px;
max-height: 72px;
margin-right: 5px;
}
.oc_curator_info h5 {
font-size: 12pt;
float: left;
margin: 0 0 5px 0;
line-height: 15px;
width: 100%;
}
.oc_curator_info p {
font-size: 11pt;
line-height: 13px;
float: left;
margin: 0;
}
.oc_curator_info h6 {
font-size: 12pt;
float: left;
margin: 0;
line-height: 15px;
width: 100%;
font-size: 10pt;
}
#oc_message_block {
float: left;
width: 100%;
overflow-y: scroll;
min-height: 200px;
max-height: 300px;
background: #fff;
border: none;
margin: 10px 0 0 0;
padding: 0 0 5px 0;
font-weight: 400;
}
.oc_body input[type=text] {
width: 100%;
outline: none;
padding: 5px;
border: 1px solid #aaa;
border-right: none;
border-left: none;
margin-bottom: 10px;
font-size: 12pt;
}
.oc_body input[type=submit] {
width: 100%;
outline: none;
padding: 5px;
background: #3F51B5;
border: none;
color: #fff;
margin: 5px 0 0 0;
font-size: 12pt;
transition: 0.3s;
}
.oc_body input[type=submit]:hover {
background: #FF6620;
color: #fff;
cursor: pointer;
}
.oc_message_to {
background: #aece72;
border-radius: 10px;
padding: 5px;
float: right;
min-width: 200px;
max-width: 300px;
margin: 5px 5px 0 0;
color: #000;
}
.oc_message_to p {
margin-bottom: 0rem;
}
.oc_message_to .oc_message_date {
float: right;
font-size: 10pt;
margin-top: 0px;
}
.oc_message_from {
background: #3F51B5;
border-radius: 10px;
padding: 5px;
float: left;
min-width: 200px;
max-width: 300px;
margin: 5px 0 0 5px;
color: #fff;
}
.oc_message_from p {
margin-bottom: 0rem;
}
.oc_message_from .oc_message_date {
float: left;
font-size: 10pt;
margin-top: 0px;
}
.oc_messages_date {
min-width: 100%;
clear: both;
padding: 5px 0 0 0;
text-align: center;
}
#oc_alert {
width: 100%;
min-height: 25px;
line-height: 16px;
text-align: center;
overflow: hidden;
font-size: 12pt;
font-weight: 400;
padding: 4px;
}
#oc_alert.error {
background: #b53f51;
color: #fff;
}
#oc_alert.warning {
background: #b5a33f;
color: #fff;
}
#oc_alert.success {
background: #AECE72;
color: #000;
}
#oc_alert.info {
background: #3F51B5;
color: #fff;
}
.chat_row {
width: 100%;
max-height: 600px;
min-height: 300px;
display: table;
}
.chat_list {
display: table-cell;
overflow-y: scroll;
float: left;
width: 300px;
min-height: 300px;
border-right: 3px solid #FF6620;
cursor: pointer;
max-height: 600px;
}
.chat_list_item {
width: 100%;
padding: 5px;
}
.chat_list_item:hover {
background: #eee;
}
.chat_body {
display: table-cell;
float: right;
padding: 10px;
height: 100%;
overflow-y: scroll;
}
.chat_message_body {
border-radius: 10px;
color: #000;
background: #eee;
padding: 5px;
min-width: 200px;
overflow: hidden;
float: left;
margin-bottom: 10px;
clear: both;
}
.chat_message_name {
width: 100%;
float: left;
font-size: 10pt;
}
.chat_message {
border-radius: 10px;
color: #000;
background: #eee;
float: left;
font-size: 12pt;
}
.chat_message_date {
width: 100%;
float: left;
font-size: 10pt;
color: #666;
}
.chat_message_body_right {
border-radius: 10px;
color: #000;
background: #eee;
padding: 5px;
min-width: 200px;
overflow: hidden;
float: right;
margin-bottom: 10px;
clear: both;
}
.chat_message_name_right {
width: 100%;
float: right;
font-size: 10pt;
}
.chat_message_right {
border-radius: 10px;
color: #000;
background: #eee;
float: right;
font-size: 12pt;
}
.chat_message_date_right {
width: 100%;
float: right;
font-size: 10pt;
color: #666;
}
.chat-content {
border: 1px solid rgba(255, 102, 32, 0.3);
}
.chat-content::before {
border-left-color: rgba(255, 102, 32, 0.3);
}
.chat-left .chat-content::before {
border-right-color: rgba(255, 102, 32, 0.3);
}
.app-message-chats .chats .time {
margin: 0;
}
.list-group-item {
cursor: pointer;
}
.slidePanel {
z-index: 1400;
}
.site-sidebar-nav.nav-tabs > .nav-item > .nav-link {
line-height: 40px;
}
.site-sidebar-tab-content > .tab-pane .scrollable-content {
padding: 5px 20px;
}
.list-group-item {
padding: 0;
}
.site-sidebar-tab-content {
height: 100%;
}
.site-sidebar .conversation-header {
height: 50px;
}
.site-sidebar .conversation-header > * {
line-height: 50px;
}
.site-sidebar .conversation .chats {
height: calc(100% - 60px);
}
.site-sidebar .conversation-reply {
height: auto;
padding: 0;
}
.list-group {
margin-bottom: 0;
}
.site-sidebar.slidePanel.slidePanel-right,
.site-sidebar.slidePanel.slidePanel-left {
background: #fff;
top: 65px;
}
.avatar.avatar-sm {
padding-top: 8px;
}
.site-navbar .navbar-header .hamburger::before,
.site-navbar .navbar-header .hamburger::after,
.site-navbar .navbar-header .hamburger .hamburger-bar {
background: #000;
}
.site-navbar {
background-color: white !important;
}
.brand-img {
background-image: url("/logomain") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.swal2-container {
z-index: 9998;
}
span.dtr-data {
max-width: 800px;
overflow-x: auto;
}
#med_med_rulesList_Table_wrapper table th {
max-width: 298px;
overflow: auto;
}
.dataTables_scrollBody {
max-height: 600px !important;
}
.navbar-toolbar.navbar-toolbar-left .nav-link {
padding-bottom: 0 !important;
}
.datepicker table tr td.today {
color: #e53935 !important;
}
.datepicker td.today.active {
background-color: #fee0a7 !important;
}
.legend-color-hint {
display: flex;
}
.popover-body > div {
margin-bottom: 5px;
display: flex;
align-items: center;
}
div.popover {
max-width: 476px !important;
}
.list-helplegend-wrapper.qlist-buttons-panel {
height: 0;
}
.menubar-student {
height: calc(100% - 38px) !important;
}
/* nav.blade.php */
/* end nav.blade.php */
@media screen and (max-height: 450px) and (orientation: landscape) {
#ppsx_show,
#slideshow {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
margin: 0;
padding: 0;
overflow: hidden;
z-index: 999999;
}
.swal2-container {
z-index: 999999999;
}
}
.dropdown-menu-notify {
min-width: 20em;
}
@media (max-width: 479.98px) {
#main-tab-content .row.col-lg-12 {
margin: 0;
}
#main-tab-content .row.col-lg-12 .panel.col-lg-6 {
padding: 0;
}
#main-tab-content .row.col-lg-12 .panel.col-lg-6 .panel-body {
padding: 15px 0;
}
h1#breadcrumb-main-name {
font-size: 1.2em;
}
#pageBlock .page-header {
padding: 15px 30px;
}
#education_info_course {
margin-top: 20px;
}
}
/*# sourceMappingURL=app.css.map*/