/*OPERATION STYLING */

.cpl { color:#F00; }
.cp { color:#0C0; }
.non { color : #ccc; }

.adminview { border:3px solid rgba(231, 212, 83,0.8); border-radius:10px}
/*--------------------*/

.gradient {
  background:linear-gradient(#CCCCCC,#777777);/*120deg,#a8c0ff,#3f2b96*/
  
}
.topbg {
  background: #000 url(assets/img/topbg.png) no-repeat bottom left fixed;
background-image:  url(assets/img/topbg.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
}
.gradient-footer {
  background:linear-gradient(#777777, #CCCCCC);
  color:#fff;
}

.panel-default > .panel-heading {
    background-color:#000;
}

.tab-pane.active {
    animation: slide-down 0.7s ease-out;
}

.btn-group.special {
  display: flex;
}

.special .btn {
  flex: 1
}

#clock { position:relative; }
.timeclock { position:absolute; z-index:99; top:-20px; left:20px ; font-size:14px; }
select {
	width: 290px;
	height: 30px;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(231, 212, 83,0.8);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;

}
input[type=text] {
	width: 290px;
	height: 30px;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(231, 212, 83,0.8);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;

}
input[type=tel] {
	width: 290px;
	height: 30px;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(231, 212, 83,0.8);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;

}
.selCountry {
	width: 290px;
	height: 30px;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(231, 212, 83,0.8);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;

}
input[type=text]:read-only  { background:rgba(0, 0, 0, 0.5); color:#ccc }
input[readonly], input[readonly="readonly"] {
    color:#000;
}
input[type=number] {
	width: 290px;
	height: 30px;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(231, 212, 83,0.8);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;

}
input[type=password]{
	width: 290px;
	height: 30px;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(231, 212, 83,0.8);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;
}

input[type=submit]{
	width: 300px;
	height: 35px;
	background: #e7d453;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 6px;
	margin-top: 10px;
}

input[type=submit]:hover{
	opacity: 0.8;
}

input[type=submit]:active{
	opacity: 0.6;
}

input[type=text]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

input[type=password]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}


input[type=button]:focus{
	outline: none;
}

::-webkit-input-placeholder{
   color: rgba(231,212,83,0.6);
}

::-moz-input-placeholder{
   color: rgba(231,212,83,0.6);
}

/* Page Navigation
---------------------------------------- */
.pagenav {
	padding: 4px;
}

.pagenav span {
	color: #000;
	background-color: rgba(231,212,83,1);//#3b99e0;
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #eee;
	background-color: rgba(231,212,83,0.5);
	border: 1px solid #ddd;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #f6a504;
	margin: 2px;
	text-decoration: none;
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(100%); }
    100% { opacity: 1; transform: translateY(0); }
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {

/* makes the dropdown full width  */
.navbar .dropdown1 {
	position:static;
}

.img-avatar{
  width: 35px;
  border-radius:50px;
}

.navbar .dropdown-menu1 {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:109px;
  }
}

.btn-hover {
	background-color: #7C2E00;
    color: #fff;
}
.btn-hover:hover {
	background-color: #9e1010;
    color: #fff;
}

.dropdown-item:hover {
	background-color: #69F;
}

.dropdown-phone {
		display: none;
	}
@media (max-width: 480px){
	.dropdown-desk {
		display: none;
	}
	.dropdown-phone {
		display: block;
	}
}

.image{
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

.gradient-menu {
  background: #C86428;
  color: fff;
}
.dropdown {
  color: #fff;
}

.image:hover{
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease-in-out;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container1:hover .image {
  opacity: 0.3;
  transition: .5s ease;
}

.btn-home, .btn-home:hover, .btn-home:active, .btn-home:visited {
    background-color: #7C2E00 !important;
    border: #7C2E00;
    color: #fff;
}

/*.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.container1:hover .image {
  opacity: 0.3;
}*/

.desktop {
	display: block;
}
.phone {
	display: none;
}

.table-bordered{
	background: #FFFFFF;
}

.table-bordered th{
	background: #69F;
}

.text-head{
	text-align: left;
}

.carousel-content {
	color:#fff;
	width: 29%;
	height: 32%;
	position: absolute; 
	z-index: 998;
	top: 38%; 
	right: 36%; 
	border: 0px solid;
	border-radius: 5px;
	text-align: center;
	text-shadow: -3px 2px 3px rgba(255,	183, 51, 1);
}

@media (max-width:991px){
	h2.carousel-size {
		font-size: 28px;
	}
}
@media (max-width:768px){
	h2.carousel-size {
		font-size: 24px;
	}
}
@media (max-width: 640px){
	h2.carousel-size {
		font-size: 18px;
	}
}
@media (max-width: 480px){
	h2.carousel-size {
		font-size: 16px;
	}
}
@media (max-width: 414px){
	h2.carousel-size {
		font-size: 14px;
	}
}
@media (max-width: 384px){
	h2.carousel-size {
		font-size: 10px;
	}
}
/* TABLE CHANGE */
@media (max-width: 520px){
	.desktop {
		display: none;
	}
	.phone {
		display: block;
	}
}