::-moz-selection { /* Code for Firefox */
    color:#fff;
    background: #0082ff;
	}

::selection {
    color:#fff;
    background: #0082ff;
	}


body,html {
	letter-spacing: 0.3px;	
	width: 100%;
    height: 100%;
	position:fixed;
	font-family:Verdana; 
    background: cadetblue;
    color: #000;
    padding-bottom: 28px;
	font-size: 12px;
	background-size: cover;
	user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}

body::before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
  z-index: 100;
}

fieldset {padding:10px;}



header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
header .container {
  position: relative;
  z-index: 2;
}


/* Scrollbar (only chrome & safari) */
/* width */
::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.ouw{display:none;}


.row-line p{margin:4px 0}

.card-data {
    height: 100%;
    overflow: hidden;
    margin-bottom: 43px;
    padding-right: 3px;
    padding-left: 3px;
}


.card.card-xx {min-height:100px;min-width:300px;width:300px}
.card.card-xs {min-height:150px;min-width:300px;width:450px}
.card.card-sm {min-height:200px;min-width:300px;width:768px}
.card.card-md {min-height:300px;min-width:300px;width:1024px}
.card.card-lg {min-height:450px;min-width:300px;width:1366px}
.card.card-xl {min-height:600px;min-width:300px;width:1920px}
.card.card-mx {width: 100%;}

	
/*

ICONS

*/
.icon-16{
    margin-bottom:2px;
    max-height: 16px;
}
.icon-16-4{
    margin-bottom:4px;
    max-height: 16px;
}
/* FORMS */
.form-control {
    border: 1px solid #ccc;
    color: #424242;
    background: #fff;
    padding: 0px 5px;
    height: 25px;
    font-size: 12px;
    border-radius: 8px;
}


.bootstrap-select,
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
    outline: 0 !important;
	box-shadow:none;
	outline-color: transparent;
	outline-width: 0;
	outline-style: none;
}
input[type="radio"],input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.form-check-label::before, .form-check-label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
.form-check-label{
	margin-left: 4px;
    margin-top: 1px;
}


input[type="radio"] + .form-check-label::before,
input[type="radio"] + .form-check-label::after {
  border-radius: 50%;
}

.form-check-label::before {
	height: 15px;
    width: 15px;
    top: 3px;
    padding-right: 2px;
    border: 1px inset #3F51B5;
    background: white;
}
input[type="radio"] + .form-check-label::after {
  display: none;
  width: 8px;
  height: 8px;
  margin: 6px;
  top: 3px;
  background: black;
}
input[type="checkbox"] + .form-check-label::after {
    display: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    width: 8px;
    height: 8px;
    margin: 3px;
    top: 3px;
}
input:checked + .form-check-label::after {
  display: block;
}
/*

Progress bar

*/
.progress{
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #c3c7ca;
    border-radius: 0rem;
    border: 1px inset #d5d5d5;
    color: #424242;
}
.progress-bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #1a0094;
    transition: width .6s ease;
}
.progress-bar-blocks{
    background-image: linear-gradient(90deg,transparent 75%,#d5d5d5 25%);
    background-size: 1rem 1rem;
}


.wloader{
	position: absolute;
    z-index: 10001;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border: 1px;
    box-shadow: 0 0 10px rgb(0,0,0,.4);
    border-radius: 6px;
    padding: 1px;
    background-color: #fff;
    padding: 4px;
	
}

.wicon{
	position: absolute;
    width: 92px;
    height: 65px;
    text-align: center;
    padding: 5px;
	color:#fff;
	border:1px solid transparent;
	}

.wicon:hover{
	background: rgb(0,0,255,0.1);
    border: 1px solid rgb(0,0,255,0.2);
	}
.wicon:active{
	background: rgb(0,0,255,0.2);
    border: 1px solid rgb(0,0,255,0.3);
	}
.wicon.wselected{
	background: rgb(0,0,255,0.2);
    border: 1px solid rgb(0,0,255,0.4);
	}

.wicon small{
	display: block;
	text-shadow:0 0 5px rgb(0,0,0,0.5);
}
.wicon i{
	text-shadow:0 0 5px rgb(0,0,0,0.5);
}

.sac_hakan{
	position:absolute;
	top:0px;
	bottom:20px;
	left:0px;
	right:0px;
	}
	
	

@-webkit-keyframes ellipsis-dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes ellipsis-dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}