@keyframes popup {
  0% {
    transform: scale(0.1)
  }
  to {
    transform: scale(1)
  }
}

.winbox.modern {
  /*background: linear-gradient(180deg, #ff00f0, #0050ff);*/
  background: #3366ff;
  border-radius: 12px 12px 0 0;
  animation: popup .2s cubic-bezier(0.8, 0.3, 1, 0.1) backwards;
}

.winbox.modern:not(.min):not(.focus) {
  background: #666
}

@media (hover: hover) {
  .winbox.modern.min:not(:hover) {
    background: #666
  }

  .winbox.modern .wb-icon * {
    opacity: .65
  }

  .winbox.modern .wb-icon :hover {
    opacity: 1
  }
}

@media (hover: none) {
  .winbox.modern.min {
    background: #666
  }
}

.winbox.modern.max {
  border-radius: 0
}

.winbox.modern .wb-title {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600
}
.winbox.modern .wb-body {
  margin: 3px;
  color: #131820;
  background: #fff;
  padding: 15px;
  padding-top: 30px;
  overflow: auto;
  /*height: 100%;*/
  /*width: 100%;*/
}


/*.winbox.modern .wb-body::-webkit-scrollbar {*/
/*  width: 6px;*/
/*  height: 6px*/
/*}*/

/*.winbox.modern .wb-body::-webkit-scrollbar-track {*/
/*  background: 0 0*/
/*}*/

/*.winbox.modern .wb-body::-webkit-scrollbar-thumb {*/
/*  border-radius: 10px;*/
/*  background: #263040*/
/*}*/

/*.winbox.modern .wb-body::-webkit-scrollbar-thumb:window-inactive {*/
/*  background: #181f2a*/
/*}*/

/*.winbox.modern .wb-body::-webkit-scrollbar-corner {*/
/*  background: 0 0*/
/*}*/


.winbox.modern .wb-body::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.winbox.modern .wb-body::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

.winbox.modern .wb-body::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}


.WinBox-RTL .wb-header .wb-icon {
  float: left;
  padding-left: 10px;
}
.WinBox-RTL .wb-header .wb-title{
  text-align: right;
  padding-right: 10px;
}
.WinBox-RTL .wb-header .wb-img {
  float: right;
  padding-top: 5px;
  padding-right: 10px;
  height: 30px;
}
.winbox.modern .wb-body .row{
  width: 100%;
  margin: 0;
}
