/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 20, 2017, 8:16:26 PM
    Author     : oh2ft
*/
@import "bootstrap/css/bootstrap.min.css";
.navbar-xs { min-height:35px; height: 35px; }
.navbar-xs .navbar-brand{ padding: 0px 12px;font-size: 18px;line-height: 35px; }
.navbar-xs .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 35px; }
.outline {
    background-color: transparent;
    color: inherit;
    transition: all .25s;
}
.btn-primary.outline {
    color: #428bca;
}
.btn-success.outline {
    color: #5cb85c;
}
.btn-info.outline {
    color: #5bc0de;
}
.btn-warning.outline {
    color: #f0ad4e;
}
.btn-danger.outline {
    color: #d9534f;
}
.btn-primary.outline:hover,
.btn-success.outline:hover,
.btn-info.outline:hover,
.btn-warning.outline:hover,
.btn-danger.outline:hover {
    color: #fff;
}

.flash-add{
	
	animation-name: flash;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name: flash;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: flash;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}

@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}
.big-checkbox {width: 30px; height: 30px;}
.btn-xl {
  padding: 10px 10px;
  font-size: 50px;
  line-height: 1;
  border-radius: 6px;
}
.btn-xxl {
  padding: 10px 16px;
  font-size: 70px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-huge {
  padding: 10px 10px;
  font-size: 220px;
  line-height: 1;
  border-radius: 30px;
}
.form-login{
  padding: 1em;
  min-width: 280px; /* change width as per your requirement */
}
.bg-dark {
  background-color: #1d2124;
}
.bg-clock {
    color: white;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}