/* https://jigsaw.w3.org/css-validator/#validate_by_input
https://csscompressor.com
*/
:root {
--main-bg-color : #000;
--main-hover-font : #ff0;
--main-focus-font : #ff0;
--main-hover-tombol : #666;
--main-font : #dedede;
--main-max-halaman : 867px;
--main-device-width : 1366px;
--max-device-width : 268px;
--max-width : 260px;
--min-width : 867px;
}
.iconbrandadepan {
width : 42%;
height : 13em;
overflow-wrap : break-word;
margin : 1px;
padding : 2px;
overflow : hidden;
white-space : normal;
}
.nav {
color : #FFF !important ;
height : 45px !important ;
padding-left : 1px !important ;
border-radius : 1em !important ;
top : 0;
}
.dropdown-toggle {
background-color : transparent !important ;
/*font-size : 1em !important ; */
}
.navbar-fixed-top {
box-shadow : none !important ;
}
.navbar-nav {
float : left;
margin : 0;
box-shadow : none !important ;
}
.navbar {
font-size : 1em !important ;
background-color : transparent !important ;
}
.navbar-default {
color : #fff;
background-color : transparent !important ;
}
.navbar-default .navbar-nav {
background-color : transparent !important ;
}
.navbar-nav {
float : left;
margin : 0;
font-size : 0.9em;
}
.navbar-default {
background-color : #000;
color : #fff;
}
.navbar-default .navbar-brand {
position : absolute;
left : -3px;
z-index : 1;
}
.navbar-default .navbar-brand:hover {
color : var(--main-hover-font);
opacity : 1;
}
.navbar-default .navbar-brand:focus {
color : var(--main-focus-font);
}
.navbar-default .navbar-text {
color : var(--main-font);
}
.navbar-default .navbar-nav > LI > A {
background-color : #000;
color : var(--main-font);
}
.navbar-default .navbar-nav > LI > A:hover {
background-color : #000;
color : var(--main-hover-font);
}
.navbar-default .navbar-nav > LI > A:focus {
background-color : #000;
color : var(--main-hover-tombol);
}
.navbar-default .navbar-nav > .active > A {
background-color : #000;
color : var(--main-hover-tombol);
}
.navbar-default .navbar-nav > .active > A:hover {
background-color : #000;
color : var(--main-hover-font);
}
.navbar-default .navbar-nav > .active > A:focus {
color : var(--main-focus-font);
}
.navbar-default .navbar-nav > .open > A {
background-color : #000;
color : var(--main-hover-tombol);
}
.navbar-default .navbar-nav > .open > A:hover {
background-color : #000;
color : var(--main-focus-font);
}
.navbar-default .navbar-nav > .open > A:focus {
background-color : #fff;
color : grey;
}
.navbar-default .navbar-toggle {
border-bottom : var(--main-bg-color);
border-left : var(--main-bg-color);
border-top : var(--main-bg-color);
border-right : var(--main-bg-color);
}
.navbar-default .navbar-toggle:hover {
background-color : #000;
}
.navbar-default .navbar-toggle:focus {
background-color : #000;
}
.navbar-default .navbar-toggle .icon-bar {
background-color : #dedede;
}
.navbar-default .navbar-collapse {
border-color : #dedede;
}
.navbar-default .navbar-form {
border-color : #dedede;
}
.navbar-default .navbar-link {
color : var(--main-hover-tombol);
}
.navbar-default .navbar-link:hover {
color : var(--main-bg-color);
}
.navbar-default .navbar-nav .open .dropdown-menu > LI > A {
font-size : 0.988em;
color : #666;
}
.navbar-default .navbar-nav .open .dropdown-menu > LI > A:hover {
color : var(--main-hover-tombol);
}
.navbar-default .navbar-nav .open .dropdown-menu > LI > A:focus {
color : var(--main-focus-font);
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > A {
background-color : #000;
color : var(--main-hover-tombol);
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > A:hover {
background-color : #000;
color : var(--main-hover-tombol);
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > A:focus {
background-color : #000;
color : var(--main-hover-tombol);
}
.navbar-default .navbar-nav {
background-color : #000;
color : var(--main-hover-tombol);
}
.dropdown-submenu {
position : relative;
}
.dropdown-submenu > .dropdown-menu {
top : 0;
left : 100%;
margin-top : -6px;
margin-left : -1px;
border-radius : 0 3px 3px 3px;
}
.dropdown-submenu:hover > .dropdown-menu {
display : block;
}
.dropdown-submenu > a:after {
display : block;
content : " ";
float : right;
width : 0;
height : 0;
border-color : transparent;
border-width : 1px 0 1px 1px;
border-left-color : #000;
margin-top : 5px;
margin-right : -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color : #fff;
}
.dropdown-submenu.pull-left {
float : none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left : -100%;
margin-left : 10px;
border-radius : 6px 0 6px 6px;
}
.sidebar {
height : 90%;
width : 0;
position : fixed;
z-index : 1;
top : 49.6px;
left : 0;
}
.sidebar a {
padding : 8px 8px 8px 32px;
text-decoration : none;
font-size : 0.8em;
color : #ccc;
display : block;
}
.sidebar a:hover {
color : #000;
}
.sidebar .closebtn {
position : absolute;
top : 0;
right : 25px;
font-size : 36px;
margin-left : 50px;
}
.openbtn {
font-size : 20px;
cursor : pointer;
background-color : #111;
color : #fff;
padding : 10px 15px;
border : none;
}
.openbtn:hover {
background-color : #444;
}
#main {
transition : margin-left 0.5s;
padding : 16px;
}
@media screen and (max-height: 450px) {
.sidebar {
padding-top : 15px;
}
.sidebar a {
font-size : 18px;
}
}
.gi-2x {
font-size : 2em;
}
.gi-3x {
font-size : 3em;
}
.gi-4x {
font-size : 4em;
}
.gi-5x {
font-size : 5em;
}
hr {
border : 0;
height : 0.3px;
background-image : linear-gradient(to right, #010000, #010000, #000);
}
img-circle {
border-radius : 40%;
}
fixed {
position : fixed;
}
.table-header {
font-size : 12px;
}
table thead {
font-size : 10px;
}
.table {
font-size : 1em;
}
.switch {
position : relative;
display : inline-block;
width : 9em;
height : 34px;
}
.switch input {
opacity : 0;
width : 0;
height : 0;
}
.slider {
position : relative;
cursor : pointer;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : #ccc;
transition : 0.4s;
}
.captionslidercek {
top : 20%;
left : 70%;
position : relative;
}
.slider:before {
position : relative;
content : "";
height : 26px;
width : 26px;
left : 4px;
bottom : 4px;
background-color : #fff;
transition : 0.4s;
}
input:checked + .slider {
background-color : #82ff66;
}
input:focus + .slider {
box-shadow : 0 0 1px #2196F3;
}
input:checked + .slider:before {
transform : translateX(26px);
}
.slider.round {
border-radius : 2em;
}
.slider.round:before {
border-radius : 2em;
}
.ui-menu .ui-menu-item a {
font-size : 1em;
}
.ui-autocomplete {
position : absolute;
top : 100%;
left : 0;
z-index : 1051 !important ;
float : left;
display : none;
min-width : 160px;
padding : 4px 0;
margin : 2px 0 0;
list-style : none;
background-color : #fff;
border-color : #ccc;
border-color : #000;
border-style : solid;
border-width : 1px;
border-radius : 2px;
box-shadow : 0 5px 10px #000;
background-clip : padding-box;
}
.ui-menu-item > a.ui-corner-all {
display : block;
padding : 3px 15px;
clear : both;
font-weight : 400;
line-height : 18px;
color : #555;
white-space : nowrap;
text-decoration : none;
}
.ui-state-hover, .ui-state-active {
color : #fff;
text-decoration : none;
background-color : #08c;
border-radius : 0;
background-image : none;
}
#modalIns {
width : 500px;
}
#MobileMenuDivWrapper {
height : 200px;
max-height : 200px;
width : 100%;
overflow-y : scroll;
}
#myImg {
border-radius : 5px;
cursor : pointer;
transition : 0.3s;
}
#myImg:hover {
opacity : 0.7;
}
.modal {display : none;position : fixed;padding-top : 100px;left : 0;top : 0;width : 100%;height : 100%;overflow : auto;border-radius : 0 !important;}
.modal-content {margin : auto;display : block;width : 100%;max-width : 800px;border-radius: 1px !important;background: linear-gradient(340deg, #b0b9b9d6 0%, #fefffb 100%);color: #333;}
}
#caption {
margin : auto;
display : block;
width : 80%;
max-width : 700px;
text-align : center;
color : #ccc;
padding : 10px 0;
height : 150px;
}
.close {
width : 1em;
border-radius : 50% !important ;
height : 1em;
text-align : center !important ;
opacity : 1;
color : #a94442 !important ;
font-size : 2.5em;
}
.close:hover, .close:focus {
filter : invert(100%);
text-decoration : none;
cursor : pointer;
color : #666 !important ;
}
.preloader {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 9999;
background-color : #fff;
box-shadow : 0 8px 6px -6px #000;
border-radius : 1.2em;
}
.preloader .loading {
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
font : 14px arial;
}
.gbrmenu {
box-shadow : 0 8px 6px -6px #000;
border-radius : 1em;
}
.agusdelete {
cursor : pointer !important ;
font-size : 30px;
position : absolute;
color : #fff;
border : none;
background : none;
right : 15px;
top : 15px;
line-height : 1;
z-index : 99;
padding : 0;
z-index : 10;
}
.agusdelete span {
height : 30px;
width : 30px;
background-color : #000;
border-radius : 50%;
display : block;
}
.agusbox {
width : calc((100% - 30px) * 0.333);
margin : 5px;
height : 90px;
max-width : 23.5%;
background : #CCC;
float : left;
box-sizing : border-box;
position : relative;
box-shadow : 3px 3px 6px 0 #ccc;
border-radius : 2em;
z-index : 5;
font-size : 1.2em !important ;
}
.agusbox .aguscaption {
padding : 0.5em;
font-weight : 700;
text-align : center;
color : #fff;
position : relative;
}
.agusbox:hover {
box-shadow : 4px 4px 6px 0 #666;
z-index : 5;
}
.agusbox .agusimage {
width : 100%;
height : 100%;
position : relative;
overflow : hidden;
}
.agusbox .agusimage img {
width : 100%;
min-height : 100%;
position : absolute;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
}
@media (max-width: 600px) {
.agusbox {
width : calc((100% - 20px) * 0.5);
max-width : 90%;
height : 200px;
z-index : 5;
}
}
@keyframes zoomnya {
0% {
transform : scale(1,1);
}
100% {
transform : scale(1.5,1.5);
}
}
@keyframes zoom-in-zoom-out {
0% {
transform : scale(1,1);
}
50% {
transform : scale(1.5,1.5);
}
100% {
transform : scale(1,1);
}
}
@keyframes mymovekeblue {
from {
background-color : #000;
}
to {
background-color : #c034eb;
}
}
@keyframes mymovekeblack {
from {
background-color : #c034eb;
}
to {
background-color : #000;
}
}
@keyframes warnawhitetokrem {
from {
background-color : #fff;
}
to {
background-color : #fafafa;
}
}
@keyframes warnaabutokrem {
from {
background-color : #666;
}
to {
background-color : #fafafa;
}
}
@keyframes slideInFromLeft {
0% {
transform : translateX(-100%);
}
100% {
transform : translateX(0);
}
}
@keyframes slideInToTop {
0% {
top : 100%;
}
100% {
top : 0;
opacity : 0.5;
}
}
@keyframes slideInToBottom {
100% {
top : 100%;
}
0% {
top : 0;
opacity : 0.5;
}
}
@keyframes pop-in {
0% {
opacity : 0;
transform : scale(0.5);
}
100% {
opacity : 1;
transform : scale(1);
}
}
@keyframes bounce {
0% {
transform : translateY(-100%);
opacity : 0;
}
5% {
transform : translateY(-100%);
opacity : 0;
}
15% {
transform : translateY(0);
padding-bottom : 5px;
}
30% {
transform : translateY(-50%);
}
40% {
transform : translateY(0%);
padding-bottom : 6px;
}
50% {
transform : translateY(-30%);
}
70% {
transform : translateY(0%);
padding-bottom : 7px;
}
80% {
transform : translateY(-15%);
}
90% {
transform : translateY(0%);
padding-bottom : 8px;
}
95% {
transform : translateY(-7%);
}
97% {
transform : translateY(0%);
padding-bottom : 9px;
}
99% {
transform : translateY(-3%);
}
100% {
transform : translateY(0);
padding-bottom : 9px;
opacity : 1;
}
}
.bounce-7 {
animation-name : bounce-7;
animation-timing-function : cubic-bezier(0.280,0.840,0.420,1);
}
@keyframes bounce-7 {
0% {
transform : scale(1,1) translateY(0);
}
10% {
transform : scale(1.1,0.9) translateY(0);
}
30% {
transform : scale(0.9,1.1) translateY(-100px);
}
50% {
transform : scale(1.05,0.95) translateY(0);
}
57% {
transform : scale(1,1) translateY(-7px);
}
64% {
transform : scale(1,1) translateY(0);
}
100% {
transform : scale(1,1) translateY(0);
}
}
.btnanimasi {
visibility : visible;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
   /*  height: 35px; */
}
 
.inputcari-bg {
background-color : #fff;
background-image : url(../img2/icon_cari-box.png);
background-position : 10px 12px;
background-repeat : no-repeat;
width : 100%;
font-size : 16px;
padding : 12px 20px 12px 40px;
border : #ccc solid 1px;
margin-bottom : 12px;
border-radius : 0.5em;
display : block;
}
.inputcari-sm{
background-color : #fff;
background-image : url(../img2/icon_cari-box.png);
background-position: 3px 2px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 11px;
    padding: 6px 3px 4px 36px;
    /* border: #ccc solid 1px; */
    margin-bottom: 5px;
    border-radius: 0.1em;
    display: block;
	color:#ccc
}
.ulcari {
list-style-type : none;
padding : 0;
}
.ulcari li a {
border : #ddd solid 1px;
margin-top : -1px;
padding : 1em;
text-decoration : none;
font-size : 18px;
color : #000;
display : block;
box-shadow : 0 3px 6px -6px grey;
border-radius : 0.2em;
}
.ulcari li a:hover:not(.header) {
background-color : #eee;
}
.fa {
padding : 2px;
font-size : 12px;
width : 2%;
text-align : center;
text-decoration : none;
margin : 1px;
}
.fa:hover {
opacity : 0.7;
}
.fa-facebook {
background : #3B5998;
color : #fff;
}
.fa-twitter {
background : #55acee;
color : #fff;
}
.fa-google {
background : #dd4b39;
color : #fff;
}
.fa-linkedin {
background : #007bb5;
color : #fff;
}
.fa-youtube {
background : #b00;
color : #fff;
}
.fa-instagram {
background : #125688;
color : #fff;
}
.fa-pinterest {
background : #cb2027;
color : #fff;
}
.fa-snapchat-ghost {
background : #fffc00;
color : #fff;
text-shadow : -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}
.fa-skype {
background : #00aff0;
color : #fff;
}
.fa-android {
background : #a4c639;
color : #fff;
}
.fa-dribbble {
background : #ea4c89;
color : #fff;
}
.fa-vimeo {
background : #45bbff;
color : #fff;
}
.fa-tumblr {
background : #2c4762;
color : #fff;
}
.fa-vine {
background : #00b489;
color : #fff;
}
.fa-foursquare {
background : #45bbff;
color : #fff;
}
.fa-stumbleupon {
background : #eb4924;
color : #fff;
}
.fa-flickr {
background : #f40083;
color : #fff;
}
.fa-yahoo {
background : #430297;
color : #fff;
}
.fa-soundcloud {
background : #f50;
color : #fff;
}
.fa-reddit {
background : #ff5700;
color : #fff;
}
.fa-rss {
background : #f60;
color : #fff;
}
.erlangga_box {
position : relative;
z-index : 8;
margin : 0 -10px 20px;
overflow : hidden;
}
.erlangga_box-list {
padding-left : 0;
list-style : none;
}
.erlangga_box li {
float : left;
width : 25%;
height : 115px;
padding : 10px;
font-size : 10px;
line-height : 1.4;
text-align : center;
background-color : #f9f9f9;
border : #fff solid 1px;
}
.erlangga_box .glyphicon {
margin-top : 5px;
margin-bottom : 10px;
font-size : 24px;
}
.erlangga_box .glyphicon-class {
display : block;
text-align : center;
overflow-wrap : break-word;
}
.erlangga_box li:hover {
color : #fff;
background-color : #563d7c;
}
.bs-customizer .toggle {
float : right;
margin-top : 25px;
}
html, body {
max-width : 100% !important ;
font-family : 'Poppins', Maitree, arial !important ;
scroll-behavior : smooth !important ;

}
button, input, optgroup, select, textarea {
font-family : 'Poppins' !important ;
 
}
.btn {
/*font-size : 11.2px !important ; 
border-radius : 0 !important ;*/
-webkit-box-shadow: unset  !important ;
border-radius: 4px !important;
   	
     margin-bottom: 0 !important; 
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
 
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    background: bottom !important;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
/*    height: 3em; */
}
.btn-light{
border: 1px #cccccc38 solid !important;
	
}
.btn:active.focus, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    /* outline: 1px auto -webkit-focus-ring-color; */
    outline-offset: -2px;
}
code, kbd, pre, samp {
font-family : monospace;
}
.tooltip {
font-family : Arial;
visibility : visible;
}
.popover {
font-family : sans-serif;
}
.text-monospace {
font-family : monospace;
}
@font-face {
font-family : 'Poppins';
src : url(fonts/Poppins-Regular.otf);
}
a {
color : #999;
transition : all 0.25s ease-in-out;
text-decoration : none;
}
a:hover {
color : #146387;
text-decoration : none;
}
#gambarburdar {
background : #000;
border-radius : 50%;
z-index : -1;
width : 120%;
height : 100%;
top : -59%;
margin-left : -10%;
position : fixed;
background : #000;
border-radius : 20%;
z-index : -1;
width : 120%;
height : 100%;
top : -49%;
margin-left : -10%;
position : fixed;
}
.tooltipleoga {
position : relative;
display : inline-block;
}
.tooltipleoga :focus {
position : relative;
display : inline-block;
text-decoration : none;
}
.tooltipleoga .tooltipleogatext {
visibility : hidden;
width : 20em;
background-color : #000;
color : #fafafa;
text-align : center;
text-decoration : none;
border-radius : 6px;
padding : 5px 0;
position : absolute;
z-index : 99999;
}
.tooltipleoga:hover .tooltipleogatext {
visibility : visible;
}
.table-responsive {
width : 100%;
margin-bottom : 15px;
overflow-y : hidden;
border : none !important ;
}
.iframe-responsive {
position : relative;
top : 0;
left : 0;
bottom : 0;
right : 0;
width : 110%;
height : 18em;
}
.cekboxleoga label:after, .radioleoga label:after {
content : '';
display : table;
clear : both;
}
.cekboxleoga .cr, .radioleoga .cr {
position : relative;
display : inline-block;
border : #a9a9a9 solid 1px;
border-radius : 0.25em;
width : 1.3em;
height : 1.3em;
float : left;
margin-right : 0.5em;
}
.radioleoga .cr {
border-radius : 50%;
}
.cekboxleoga .cr .cr-icon, .radioleoga .cr .cr-icon {
position : absolute;
font-size : 0.8em;
line-height : 0;
top : 50%;
left : 20%;
}
.radioleoga .cr .cr-icon {
margin-left : 0.04em;
}
.cekboxleoga label input[type="checkbox"], .radioleoga label input[type="radio"] {
display : none;
}
.cekboxleoga label input[type="checkbox"] + .cr > .cr-icon, .radioleoga label input[type="radio"] + .cr > .cr-icon {
transform : scale(3) rotateZ(-20deg);
opacity : 0;
transition : all 0.3s ease-in;
}
.cekboxleoga label input[type="checkbox"]:checked + .cr > .cr-icon, .radioleoga label input[type="radio"]:checked + .cr > .cr-icon {
transform : scale(1) rotateZ(0deg);
opacity : 1;
}
.cekboxleoga label input[type="checkbox"]:disabled + .cr, .radioleoga label input[type="radio"]:disabled + .cr {
opacity : 0.5;
}
.coupon {
border : #ccc dotted 2px;
width : 80%;
border-radius : 1em;
margin : 0 auto;
max-width : 600px;
}
.containers {
padding : 1px 16px;
background-color : #f1f1f1;
}
.promo {
background : #ccc;
padding : 3px;
font-size : 2em;
}
.expire {
color : red;
}
.ui-datepicker {
z-index : 9999 !important ;
position: fixed !important;
}
::-webkit-scrollbar {
width : 10px;
}
::-webkit-scrollbar-track {box-shadow : -8px 0 11px 0 #ccc inset;border-radius : 0.1em;}
::-webkit-scrollbar-thumb {background : #FAFB07;border-radius : 0.9em;}
::-webkit-scrollbar-thumb:hover {
background : #b30000;
}
.vcenter-text {
text-align : center;
vertical-align : middle;
}
.form-control {
border-radius : 0.2em !important ;
border-left : none !important ;
border-top : none !important ;
border-right : none !important ;
/*height : 2.19em !important ;*/
-webkit-box-shadow: 1px 1px 6px 1px #cccccc38 !important;
}
}
 
 
 
 .modal-open .modal{padding-right:unset !important;}
 .modal-open{padding-right:unset !important;}
 .modal{padding-right:unset !important;}
 
 .scrollertopbottomleoga {   height: 3.2em;  line-height: 1.2em;  position: relative;  overflow: hidden; border-radius:1em;}
.scrollertopbottomleoga > span {   position: absolute;  top: 0;  animation: scrollertopbottomleoga 4s infinite;}
@keyframes scrollertopbottomleoga { 
  0% {    top: 12;  }
  25% {    top: -1em;  }
  50% {    top: -7em;  }
  75% {    top: -20.6em;  }
}

th{    text-align: center;     background: #0c0c69 !important;    color: #fafafa;    vertical-align: middle;}
.fixed-melayang {    display: flex  !important ;     align: center  !important ;     position: fixed  !important ;    bottom: 0;    left: 0;    background: #000  !important ;    width: 100%  !important ;   height: 5% !important ;     z-index: 188 !important ;     padding: 7px !important ; }



/* untuk lisitem thumbnail penjuakan, pembelian, inventory lain */
.leogabox{      width: calc((100% - -16em)* 0.333);     background: #CCCCCC;   float: left;    box-sizing: border-box;    position: relative;    box-shadow: 1px 1px 6px 0px #ccc;    border-radius: 1em;    padding: 0em;
    margin: 0.89em;    z-index: 5;}
.leogabox:hover{  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.5);  z-index: 5; }
.leogabox .leogaboximage{     width: 100%;  height: 100%; position: relative; overflow: hidden; filter: brightness(50%); }
.leogabox .leogaboximage img{    width: 100%;  min-height: 100%;  position: absolute;  left: 50%; top: 50%;  transform: translate(-50%,-50%);   -ms-transform: translate(-50%,-50%);   -webkit-transform: translate(-50%,-50%); }
.leogadelete {cursor : pointer !important ;font-size : 30px;position : absolute;color : #fff;border : none;background : none;right : 15px;top : 15px;line-height : 1;z-index : 99;padding : 0;z-index : 10;}
.leogadelete span {    text-align: center;height: 22px; width: 22px; background-color: #000; border-radius: 50%; display: block;top: -13px;right: -0.4em;position: absolute;font-size: 22px;} 
.leogafont{    color: #fff;     font-size: 16px;    bottom: 0em;    height: 100%;        position: absolute;     background: linear-gradient(45deg, black, transparent);    border-radius: 1em;width: 100%;    padding: 1em;}

.input-group{
  display: flex !important;
  align-content: stretch !important;
}

.input-group > input {
  flex: 1 0 auto !important;
}

/**
 * Even when I set some dimension-related styles on this
 * element but not on the input or button, they'll still
 * line up.
 */
.input-group-addon {
background: #eeeeee2e !important;
/*border: 0.5px solid #aaaaaa4f !important; */
border-right: 0px solid #ccc !important;
    border-left: 0px solid #fafafa !important;
  padding: 0.5em 1em !important;
  height:auto;
  width:auto;
}
.input-group-addon:hover {   background: #fff !important;cursor:pointer;}
.input-group-addon:focus{   background: #fafafa !important;cursor:pointer;}
.input-group .form-control { width:auto !important;}


.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 1em !important;
    border-bottom-left-radius: 1em !important;
	  animation: swal2-show .3s;
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s;
    border-radius: 2em;
}




a,
a:hover,
a:focus {     text-decoration: none;    transition: all 0.3s;}
.navsidebarsamping {     padding-left: 1px !important;    border-radius: 1em !important;    position: relative;    top: 0;}
.navbarsidebarsamping {     padding: 15px 10px;    background: #fff;    border: none;    border-radius: 0;    margin-bottom: 40px;    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);}
.navbarsidebarsamping-btn {    box-shadow: none;    outline: none !important;    border: none;}
.linesidebarsamping {    width: 100%;    height: 1px;    margin: 40px 0;}
.wrappersidebarsampingsamping{     display: flex;    width:100%;    }

.sidebarsamping {   background: #6d7fcc !important;  color:#fafafa;  max-width: 250px;       transition: all 0.3s;}
.sidebarsamping.active {    margin-left: -250px;} 
.sidebarsamping.hover {    }
.sidebarsamping .sidebarsamping-header {    padding: 20px;   }
.sidebarsamping ul.components {    padding: 20px 0;  background-color: #6d7fcc !important;    }
.sidebarsamping ul p {       padding: 10px;}
.sidebarsamping ul li a { background-color: #6d7fcc !important;    padding: 10px;    font-size: 1.1em;    display: block;color:#fafafa;    }
.sidebarsamping ul li a:hover {      background-color: #fafafa !important; color:#6d7fcc; }  
.sidebarsamping ul li a:focus {      background-color: #fafafa !important; color:#6d7fcc; }  
.sidebarsamping.active,
.sidebarsamping:focus {
  background: #e2e8ed;
  color: grey !important;
  text-decoration: none;
}
.sidebarsamping ul li.active>a, a[aria-expanded="true"] {           color: white;}
a[data-toggle="collapse"] {    position: relative;}
.dropdown-togglesidebarsamping::after {    display: block;     top: 50%;    right: 20px;    transform: translateY(-50%);}
ul ul a {  font-size: 0.9em !important;    padding-left: 30px !important;   }
ul.CTAs {    padding: 20px;}
ul.CTAs a {    text-align: center;    font-size: 0.9em !important;    display: block;    border-radius: 5px;    margin-bottom: 5px;}
a.download {    background: #fff;    }
 
/* ---------------------------------------------------
    CONTENT STYLE
-----------------------------------------------------    min-height: 100vh;   */

.sidebarsampingsampingcontent {   animation: swal2-show .3s !important;    padding: 1em; transition: all 0.3s;    height: 76vh;      
    margin-right: 1em;
    margin-left: 1em;
    position: relative;}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 268px) {
    .sidebarsamping {        margin-left: -250px;    }
    .sidebarsamping.active {        margin-left: 0;    }
    .sidebarsampingCollapse span {        display: none;    }
}

.alert-white {
color: #8a6d3b;
    background-color: #ffffff;
    border-color: #efefef;
    border-radius: 1em;
-webkit-box-shadow: 2px 1px 7px 0px rgb(229 229 229 / 75%);
  animation: swal2-show .3s !important;
}
* {-webkit-font-smoothing: antialiased;}
.bold-text {  font-weight: 1000;}