@font-face { font-family: Dosis; src: url('/fonts/Dosis-Light.ttf'); } 
@font-face { font-family: Opens; src: url('/fonts/OpenSans-Light.ttf'); } 
@font-face { font-family: Biysk; src: url('/fonts/biysk.regular.ttf'); } 
@font-face { font-family: Quick; src: url('/fonts/Quicksand-Regular.otf'); } 
@font-face { font-family: Ubuntu; src: url('/fonts/Ubuntu-R.ttf'); } 
@font-face { font-family: Pf; src: url('/fonts/pf_arma_five.ttf'); } 
@font-face { font-family: playball; src: url('/fonts/Playball-Regular.ttf'); } 

body{
  font-family: Ubuntu;
  font-size: small;
  
  
  background:  no-repeat center center fixed;
  
  
  /*

  background: url("../images/bck/aerial-view-of-amazon-river-5k-1920x1080.jpg") no-repeat center center fixed;
  background: url("../images/bck/lake_tahoe_california-wallpaper-2560x1600.jpg") no-repeat center center fixed; 
  background: url("../images/bck/dylan-malval_sea-min.webp") no-repeat center center fixed; 
  background: url("../images/bck/pf_tv_hatter_fullhd4.jpg") no-repeat center center fixed;  
  background: url("../images/bck/hatter.jpg") no-repeat center center fixed; 
  background: url("../images/bck/mst_bck1.png") no-repeat center center fixed; 
  background: url("../images/bck/The-Wave-2560x1600.jpg") no-repeat center center fixed; 
  background: url("../images/bck/mst_bck2.webp") no-repeat center center fixed;
  */
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  overflow: hidden!important;
  background-color:#ddd;
  
}




.glowing-flag{
  box-shadow: 0px 0px 7px #00f;
}


.bckimage {
  position:absolute;
  top: 0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index: -901;
  background:  no-repeat center center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  overflow: hidden!important;
  background-color:#ddd;
}
.bckimage1 {
  position:absolute;
  top: 0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index: -900;
  background: url("../images/bck/mst_bck4.jpg") no-repeat center center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity:0.25;
  overflow: hidden!important;
  background-color:#ddd;
}

.focus-normal{
  
}

.focus-own-focused{

}

.focus-other-focused{

}

/*
WinBox!!!
*/
.winbox {
    background: linear-gradient(42deg, rgba(213,230,255,1) 4%, rgba(178,203,255,1) 62%, rgba(32, 160, 255,1) 96%); /*40,73,255*/
    border-radius: 10px 10px 10px 10px;

    color:#000;
    /*box-shadow: none;*/
    opacity:1;
}

.winbox.min {
    border-radius: 12px;
}

.wb-body {
    /* set the width of window border via margin: */
    margin: 2px;
    /*color: #fff;
    background: #131820;*/
    border-radius: 0px 0px 9px 9px;
}

.wb-title {
    font-size: 14px;
    font-family: Ubuntu!important;
    /*text-transform: uppercase;*/
    font-weight: 600;
    color:#505050;
    
    text-shadow:0px 0px 2px #fff;
}

.wb-control * {
    opacity: 1;
    color:#000;
}

.wb-control *:hover {
    opacity: 1;
    color:#000;
}

.wb-body::-webkit-scrollbar {
    width: 12px;
}
.wb-body::-webkit-scrollbar-track {
    background: transparent;
}
.wb-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #263040;
}
.wb-body::-webkit-scrollbar-thumb:window-inactive {
    background: #181f2a;
}
.wb-body::-webkit-scrollbar-corner {
    background: transparent;
}

.winbox:not(.focus) {
    background: #eee;
    color:#000;    
    /*
    text-shadow:0px 0px 2px #fff;
    */
}
.winbox:not(.focus) .wb-control {
  /*
    display: none;
  */
    color:#000;    
    /*
    text-shadow:0px 0px 2px #fff;
    */
}


.offcanvas-body::-webkit-scrollbar {
    width: 12px;
}
.offcanvas-body::-webkit-scrollbar-track {
    background: transparent;
}
.offcanvas-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #263040;
}
.offcanvas-body::-webkit-scrollbar-thumb:window-inactive {
    background: #181f2a;
}
.offcanvas-body::-webkit-scrollbar-corner {
    background: transparent;
}


div::-webkit-scrollbar {
    width: 12px;
}
div::-webkit-scrollbar-track {
    background: transparent;
}
div::-webkit-scrollbar-thumb {
    border:1px solid #eee;
    border-radius: 10px;
    background: #aaa;
}
div::-webkit-scrollbar-thumb:window-inactive {
    border:1px solid #ccc;
    background: #eee;
    border-radius: 10px;
}
div::-webkit-scrollbar-corner {
    background: transparent;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .dropdown-menu li{
    position: relative;
  }
  .dropdown-menu .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
    
  }
  .dropdown-menu .submenu-left{ 
    right:100%; left:auto;
  }

  .dropdown-menu > li:hover{ background-color: #f1f1f1 }
  .dropdown-menu > li:hover > .submenu{
    display: block;
  }
  .dropdown-menu{
    font-size:small;
  }

  .upper_divider{
    height:60px!important;
  }

  h1{
    font-size:18px;
    font-weight: bolder;
    text-shadow: 2px 2px 2px #aaa;
    border-bottom: 1px solid #ccc;
  }

  .form-control{
    font-size: 12px!important;
  }
  .input-group-text{
   font-size: 12px!important; 
   width:250px!important;
  }
} 
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }

  .upper_divider{
    height:90px!important;
  }
} 
/* ============ small devices .end// ============ */