@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'); } 


.orbitron-<uniquifier> {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.main_body{
  font-family: Ubuntu;
  font-size: small;
  
  
  background:  no-repeat center center fixed;
  background: url("") 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;
  background: url("../images/bck/mst_bck5.png") no-repeat center center fixed;
  background: url("/images/bck/rozsaszin_viragos_2.jpeg") no-repeat center center fixed;
  background: url("/images/bck/pexels-damon-hall-2274715.jpg") 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:#000;
 


}


a {
  text-decoration: none;
  color: #0d6efd;
}

a:hover {
  text-decoration: none;
  color: #0d6efd;
}

a:active {
  text-decoration: none;
  color: #0d6efd;
}

a:visited {
  text-decoration: none;
  color: #0d6efd;
}

.application_header{
  z-index:999;
  position:absolute;
  top: 0px;
  left:0px;
  right:0px;
  height:20px;
  background:#000;
  opacity:0.75;
  color:#fff;
  font-weight:bold;
  margin:0px;
}

.application_header_item{
  padding-left: 5px;
  padding-right: 5px;
  padding-top:2px;
  padding-bottom:2px;
}

.application_header_menu_item{
  padding-left: 5px;
  padding-right: 5px;
  padding-top:2px;
  padding-bottom:2px;
}

.application_header_menu_item:hover{
  background:rgba(32, 160, 255,1);
  
  opacity:1;
  border-radius:6px;
  cursor:pointer;
  transition: 0.5s; 
  -webkit-filter: drop-shadow(0px 0px 4px #fff);
  filter: drop-shadow(0px 0px 4px #fff);
}

.application_hotkey_bar{
  z-index:999;
  background:#000;
  opacity:0.75;
  color:#fff;
  font-weight:bold;
  position:absolute;
  top:20px;
  bottom:0px;
  left:0px;
  width:6px;
  transition: 0.5s; 
  display: block;
  padding-left: 3px;
  text-align: center;
}

.application_hotkey_bar img{
  width:0px;
  transition: 0.5s; 
  display: block;
  padding-top: 6px;
}

.application_hotkey_bar img:hover{
  width:0px;
  transition: 0.5s; 
  display: block;
  -webkit-filter: drop-shadow(0px 0px 4px #fff);
  filter: drop-shadow(0px 0px 4px #fff);
}

.application_hotkey_bar:hover{
  position:absolute;
  top:20px;
  bottom:0px;
  left:0px;
  width:40px;
  display: block;
}
.application_hotkey_bar:hover img{
  width:32px;
  display: block;
}

.glowing-flag{
  cursor:pointer;
}

.glowing-flag-active{
  -webkit-filter: drop-shadow(0px 0px 4px #0ff);
  filter: drop-shadow(0px 0px 4px #0ff);
  cursor:pointer;
}

.glowing-flag:hover{
  -webkit-filter: drop-shadow(0px 0px 4px #fff);
  filter: drop-shadow(0px 0px 4px #ff0);
  cursor:pointer;
  transition: 0.5s;
}

.glowing-flag-active:hover{
  -webkit-filter: drop-shadow(0px 0px 4px #fff);
  filter: drop-shadow(0px 0px 4px #ff0);
  cursor:pointer;
}

.bckimage1 {
  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;
}
.bckimage {
  position:absolute;
  top: 0px;
  left:0px;
  right:0px;
  bottom:0px;
  /*z-index: -1;*/
  /*
  background: url("/images/bck/rozsaszin_viragos_2.jpeg") no-repeat center center fixed;
  */
  background: url("/images/bck/nature/pexels-vlad-kovriga-339119.jpg") 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;
}

.body_bckimage {
  position:absolute;
  top: 0px;
  left:0px;
  right:0px;
  bottom:0px;
  background: url("/images/bck/mst_bck5.png") 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;
}



.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: 12px 12px 12px 12px;

    color:#222;
    box-shadow: none;
    opacity:1;
}

.winbox.focus {
    background: #eee; 
    transition: 0.5s; 
    -webkit-filter: drop-shadow(0px 0px 10px #000);
    filter: drop-shadow(0px 0px 10px #000); 
  
}

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

.wb-control * {
    filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(07deg) brightness(20%) contrast(20%);
}

.wb-header {
  border-bottom: 1px solid #ccc;
}

.wb-body {
    /* set the width of window border via margin: */
    border-top: 1px solid #ccc;
    margin: 0px;
    /*color: #fff;
    background: #131820;*/
    border-radius: 0px 0px 12px 12px;
    border: 0px;
}

.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: #fff;
    color:#000;    
    /*
    text-shadow:0px 0px 2px #fff;
    */
    transition: 0.5s; 
  -webkit-filter: drop-shadow(0px 0px 4px #222);
  filter: drop-shadow(0px 0px 4px #222);
}
.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: #888;
}
div::-webkit-scrollbar-thumb:window-inactive {
    border:1px solid #ccc;
    background: #eee;
    border-radius: 10px;
}
div::-webkit-scrollbar-corner {
    background: transparent;
}

pre::-webkit-scrollbar {
    width: 12px;
}
pre::-webkit-scrollbar-track {
    background: transparent;
}
pre::-webkit-scrollbar-thumb {
    border:1px solid #eee;
    border-radius: 10px;
    background: #888;
}
pre::-webkit-scrollbar-thumb:window-inactive {
    border:1px solid #ccc;
    background: #eee;
    border-radius: 10px;
}
pre::-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;
  }

  .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// ============ */



/* ============ Winbox icons ============ */

.wb-window-align {
    background-size: 20px auto;
}
.wb-window-align.active {
    background-image: url(/images/restore-window-50.png) !important;
}
/* ============ Winbox icons .end// ============ */

/* ============ Align tools ============ */

.os_align_tools{
  position: absolute;
  top:200px;
  left:200px;
  width:360px;
  height:200px;
  background:#333;
  opacity: 1;
  border-radius:15px;
  z-index:999;
  box-shadow: 0px 5px 10px #000;
  color:#fff;
  padding: 10px;
}

/* ============ Align tools .end//============ */


/* ============ Main menu ============ */

.os_main_menu{
  position:absolute; 
  left:5px; 
  top:26px; 
  width:500px; 
  height:600px; 
  background:#fff;
  border-radius:20px;
  padding:10px; 
  z-index:999;
  box-shadow:0px 10px 20px #222;
}

.os_main_menu_left{
  position:absolute;
  width:225px;
  height:580px;
  background:#fff;
  overflow-x:hidden;
}

.os_main_menu_right{
  position:absolute;
  left:245px;
  width:245px;
  height:580px;
  background:#fff;
  overflow-x:hidden;
}

.os_main_menu_item{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 5px;
  cursor:pointer;
  border-radius:10px;
  background:#fff;
  transition: 0.5s; 
  font-size:0.9rem;
}

.os_main_menu_item:hover{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 5px;
  cursor:pointer;
  background:#eee;
  border-radius:10px;
  transition: 0.5s; 
}

.os_main_menu_app_item{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  cursor:pointer;
  background:#fff;
  border-radius:10px;
  font-size:0.9rem;
}
}

.os_main_menu_app_item img {
  padding-right:5px;
  -webkit-filter: drop-shadow(0px 0px 3px #000);
  filter: drop-shadow(0px 0px 3px #000);
}
/* ============ Main menu .end//============ */

/* ============ Right menu ============ */

.os_right_menu{
  position:absolute; 
  right:5px; 
  top:26px; 
  width:400px; 
  background:#fff;
  border-radius:20px;
  padding:10px; 
  z-index:999;
  box-shadow:0px 10px 20px #222;
  overflow-x:hidden;

}



/* ============ Right menu .end//============ */


/* ============ Locks ============ */
.input_locked_by_other{
  background-color:#f55 !important;
  cursor: not-allowed;

}

.input_locked_by_self{
  background-color:#0fa !important;
  cursor:default;
}
/* ============ Locks .end//============ */


/* ============ box_hover ============ */
.box_hover {
  transition: box-shadow .3s;
  border-radius:10px;
  border: 1px solid #ccc;
  background: #fff;
  
}
.box_hover:hover {
  box-shadow: 0 0 10px #000; 
}
/* ============ box_hover .end//============ */

/* ============ Locks ============ */
/* ============ Locks .end//============ */