@import url('https://fonts.googleapis.com/css?family=Share&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@400;600&display=swap');

  ::-webkit-input-placeholder { color: #7d7d7d !important;opacity: 1;}
  ::placeholder {color:#7d7d7d !important; opacity: 1;}
  .form-control:focus{border: 1px solid #a2a2a2; }

  /* h1 {font-family: 'Share', cursive; font-size:27px;} */
  h1 {font-family: 'Baloo Chettan 2', cursive; font-size:27px;}

  body{background:#eeeeee; font-size:12px; -webkit-font-smoothing: antialiased;}

  .wrapper {height: calc(100vh - 20px);}
  .footer{padding:0;}

  .full-page > .content {padding-top:70px !important; background: transparent!important;}
  .main-panel > .content{margin-top:-8px!important; min-height: calc(100vh - 40px);background: #e0e0e0; padding: 50px 30px 50px;}


  [type=button], [type=reset], [type=submit], button, button:focus{outline: none; border:none!important;}

  a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover{background: var(--saveButtonH)!important;}

  .text-primary {color: var(--cloudprimary)!important;}

  .mainBtn {background: var(--mainButton); color: var(--mainButtonColor); border-radius:3px!important;}
  .mainBtn span{color: var(--mainButtonIcon);}
  .mainBtn:hover{background: var(--mainButtonH);color: var(--mainButtonColorH);}

  .bg-primary, .badge-primary, .btn-primary{
    background: -moz-linear-gradient(top, #e80000 0%, #c10000 51%, #b20000 52%, #a80000 52%, #a80000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e80000 0%,#c10000 51%,#b20000 52%,#a80000 52%,#a80000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e80000 0%,#c10000 51%,#b20000 52%,#a80000 52%,#a80000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .bg-secondary{ background: #244766!Important; }
    
  .bg-light, .alert-primary{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 51%, #eaeaea 51%, #eaeaea 51%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 51%,#eaeaea 51%,#eaeaea 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 51%,#eaeaea 51%,#eaeaea 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   }
   .bg-black, .btn-black, .badge-black{
     background: #7c8387; /* Old browsers */
     background: -moz-linear-gradient(top, #7c8387 0%, #383d3c 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #7c8387 0%,#383d3c 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #7c8387 0%,#383d3c 50%,#0a0e0a 51%,#0a0809 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   }
   .bg-warning {
     background: #ffca75; /* Old browsers */
     background: -moz-linear-gradient(top, #ffca75 0%, #ffbf60 50%, #ffb236 51%, #ff9d00 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #ffca75 0%,#ffbf60 50%,#ffb236 51%,#ff9d00 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #ffca75 0%,#ffbf60 50%,#ffb236 51%,#ff9d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   }
   .bg-success, .btn-success, .alert.alert-success {
      background: rgb(131,199,131); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(131,199,131,1) 0%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 73%, rgba(0,132,35,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(131,199,131,1) 0%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 73%,rgba(0,132,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(131,199,131,1) 0%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 73%,rgba(0,132,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c783', endColorstr='#008423',GradientType=0 ); /* IE6-9 */
   }
   .bg-grey {background:#b4c834 !important;}

   .border-secondary {border-color: #959fad!important;}

   .badge{white-space:normal !important;}

   .alert-primary{color:#666;}

  .sidebar {font-family: Verdana,Arial,Helvetica,sans-serif; }

  .sidebar-wrapper, .sidebar:after, .off-canvas-sidebar:after{background:var(--sidebarBgColor); overflow:hidden!important;}

  .sidebar .sidebar-wrapper, .off-canvas-sidebar .sidebar-wrapper, .sidebar, .off-canvas-sidebar{width:220px;}

  .sidebar .user:after, .off-canvas-sidebar .user:after, .sidebar .logo:after, .off-canvas-sidebar .logo:after{background-color: transparent;}

  .sidebar .nav, .off-canvas-sidebar .nav {margin-top: 8px;}
  .sidebar .nav li.active > a:not([data-toggle="collapse"]), .off-canvas-sidebar .nav li.active > a:not([data-toggle="collapse"]) {background:transparent!important;box-shadow:none;}
  .sidebar .nav li a {margin-top:0;}
  /* .sidebar .nav li a:hover{background: transparent!important;} */
  .sidebar-wrapper ul li:hover, .sidebar-wrapper ul li.active,  .sidebar-wrapper div.user ul li.active{background: #e0e0e0; border-bottom: 1px solid white; border-top: 1px solid #dedede;}
  .sidebar-wrapper ul li:hover a p, .sidebar-wrapper ul li.active a p {color:#333; font-weight: bold;}
  .sidebar .nav li > a, .off-canvas-sidebar .nav li > a{font-size:12px;color:white;}
  .sidebar .nav li > a i{color:white;}

  div.collapse.show ul li a span.sidebar-normal, div.collapse.show ul li a span.sidebar-normal, div.info div.collapse.show ul li:hover a span.sidebar-normal{color:#333 !important;}
  div.info div.collapse.show ul li a span.sidebar-normal {color:white!important;}



  /* .sidebar-wrapper ul li.active {background:rgba(255,255,255,.2);} */
  .sidebar-wrapper ul li a p{transition: none !important;}
  .sidebar-wrapper ul li {border-bottom: 1px solid #dedede; border-top: 1px solid white;}
  .sidebar-wrapper ul li ul li{border:0;}
  /* ---------------------------------------------------
      SIDEBAR STYLE
  ----------------------------------------------------- */
  #sidebarRight {
      width: 400px;
      position: fixed;
      top: 62px;
      right: -400px;
      height: 100vh;
      z-index: 999;
  background: transparent;
      color: #fff;
      transition: all 0.3s;
      overflow-y: scroll;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  }

  #sidebarRight.active {
      right: 0;
  }

  #dismiss {

      cursor: pointer;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
  }
  #dismiss:hover {
      background: #fff;
      color: #7386D5;
  }

  .overlay {
      position: fixed;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.7);
      z-index: 998;
      display: none;
  }

  #sidebarRight .sidebar-header {
      padding: 20px;
      background: #6d7fcc;
  }

  #sidebarRight ul.components {
      padding: 20px 0;
      border-bottom: 1px solid #47748b;
  }

  #sidebarRight ul p {
      color: #fff;
      padding: 10px;
  }

  #sidebarRight ul li a {
      padding: 10px;
      font-size: 1.1em;
      display: block;
  }
  #sidebarRight ul li a:hover {
      color: #7386D5;
      background: #fff;
  }

  #sidebarRight ul li.active > a, a[aria-expanded="true"] {
      color: #fff;
  /*    background: #6d7fcc; */
  }

  .navbar-nav {background:rgba(255,255,255,.1); border-radius:3px;}

  .navbar .navbar-toggler-bar{border:1px solid grey!important;}
  /* nav.fixed-top{left:220px!important;} */
  nav.navbar, .logo, .navbar.navbar-transparent {min-height:auto; background: var(--navBarBgColor);}
  .navbar-nav li a.nav-link{color:var(--sidebarIconColor)!important;font-weight:bold !important;}
  .navbar-nav li a.nav-link:hover{color:black!important;}
  .nav a.nav-link {color:var(--linkColor);}

  .dropdown-item{padding:5px 10px!important;}

  .navbar-brand{font-family: 'Baloo Chettan 2', cursive; font-weight:normal; font-size:22px !important; text-shadow: 0 0 2px rgb(167, 167, 167); color:var(--navBarUser)!important;}

  .panel-header{background:#eeeeee; height:109px !important;border-bottom: 1px solid #c3c3c3;padding-bottom: 42px;}

  .main-panel{width: calc(100% - 220px);}


  /* .table > thead {background: #1f252b !important;} */
  .table {background: var(--tableBgColor);}
  .table > thead {background:var(--tableHeadBgColor);}
  .table > thead > tr > th{font-family: 'Share'; font-size:15px; text-transform: uppercase !important;}
  .table > tbody > tr > td, .table > tfoot > tr > td{padding:7px!important; color:var(--tableTdColor);}
  .table tr td a{color:var(--linkColor);}
  .table tr td a:hover{color:var(--linkHColor)!important;text-decoration: none;}
  .table-responsive {overflow:auto !important;}

  a.btn-action i, a.btn-action span, a.uk-icon-button{transition: all .1s linear;}
  a.btn-action:hover i, a.btn-action:hover span{transform: scale(1.3);}
  a.btn-action:hover h6{text-shadow: 0 0 5px rgba(255,255,255,.7);} /* text ikone */
  a.uk-icon-button:hover svg{transform: scale(1.3);}

  a[type=submit]:hover, a.bg-info:hover{background: #16669e!important;}
  a[type=submit]:hover span, a.bg-info:hover span{color:white;}

  .bootstrap-switch .bootstrap-switch-label{background:#37ce37;}
  .bootstrap-switch-handle-on{color:#555!important;font-weight:bold; text-trasform:uppercase;}

  .card label{color:white!important;}
  .btn-group label{color:white;}
  .btn-group label.active{background: var(--cloudSecondary)!important;}

  /* Checkbox */
  .table .form-check label .form-check-sign::before, .table .form-check label .form-check-sign::after{
      font-weight: bold !important;
      border-width: 1px !important;
      border-color: rgb(130, 130, 130) !important;
  }
  .form-check .form-check-sign::after{background: var(--checkBg)!important; color: var(--checkColor);} 
  .form-check-radio input[type="radio"]:checked + .form-check-sign::after{width:12px; height:12px;top:7px; left:7px;border-color:white;}

.form-group .form-control, .input-group .form-control{padding:0 10px!important;}

.custom-control-label::before, .custom-control-label::after{top:0px !important;}
.custom-control-input:checked~.custom-control-label::before{
  border-color: #FFB236 !important;
  background-color: #FFB236 !important;}

/* -------- LISTWRAPPER ----------- */

  #listWrapper ul{background:#e0e0e0;}

  svg[data-svg="image"] rect{
    fill: white;
    stroke: white!important;
  }
  .itemChecker svg polyline{
    stroke:'white';
  }
  #listWrapper svg[data-svg="folder"] polygon, #folder_string span svg polygon, #folder_string_sync span svg polygon, #folder_string_global span svg polygon{
    fill: #b4c834;
    stroke: white;
  }
  #folder_string a{ font-weight:bold !important; text-decoration: none;}
  #folder_string a:hover{color: var(--cloudSecondary)!important;}
  

  #listWrapper ul li > * {cursor:pointer}

  	.toolBox, #listwrapper ul li{
  		transition-property: all;
  		transition-duration: .2s;
  		transition-timing-function: ease-in-out;
  	}
    .toolBox{
      position:absolute;
      display: none;
      right:-140px;
    }

  	#listWrapper ul li {
  		min-height: 44px;
  	}
    .itemChecker svg[polyline]{stroke:#fff;}
/*   	.bg-grey { background:#959fad !important;} */
    .bg-transparent { background:rgba(255,255,255,.5)!important;}

    .toolBox:hover{background:rgba(150,160,170,.3);}

    @media screen and (max-width: 900px) {
      .toolBox{
        background:rgba(0,0,0,.3);
      }
    }
    a.fileLink h6:hover{color:#e80000}
/* -------- LISTWRAPPER End ----------- */

  @media screen and (max-width: 991px) {
    .main-panel > .content {margin-top: 33px !important; min-height: calc(100vh - 73px)!important; padding:0 0 50px !important;}
    .nav-open .main-panel {-webkit-transform: translate3d(220px, 0, 0); transform: translate3d(220px, 0, 0)}
    nav.fixed-top{left:0 !important;}
    .main-panel{width: 100%;margin-top: -18px;}

  }
  @media (min-width: 991px){
  .sidebar-mini .main-panel{width: calc(100% - 60px)!important;}
  /* .sidebar-mini .sidebar, .sidebar-mini .sidebar .sidebar-wrapper {width: 60px!important;} */
  .sidebar-mini .sidebar, .sidebar-mini .sidebar .sidebar-wrapper {width: 60px;}

  .sidebar-mini .sidebar {box-shadow:none;}
}