/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
    border:1px solid #fdb913 !important;
    box-shadow: 0 0 10px #bb1419 !important;
}

/*Slim Scrollbar*/
::-webkit-scrollbar {
    width: 5px !important;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/*Remove Input Number's Arrows*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*14 Day Pilot Color Pallete*/
.ftdp-text-red{
	color: #bb1419 !important;
}
.ftdp-text-yellow{
	color: #fdb913 !important;
}
.ftdp-text-lightgrey{
	color: #f4f4f4 !important;
}
.ftdp-text-black{
	color: #373737 !important;
}
.ftdp-text-purple{
	color: #6a1b9d !important;
}

.ftdp-bg-red{
	background-color: #bb1419 !important;
}
.ftdp-bg-yellow{
	background-color: #fdb913 !important;
}
.ftdp-bg-lightgrey{
	background-color: #f4f4f4 !important;
}
.ftdp-bg-black{
	background-color: #373737 !important;
}
.ftdp-bg-purple{
	background-color: #6a1b9d !important;
}

/*css extra*/
.stroke-white {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.btn:hover{
	background-color: #373737 !important;
}

.uppercase{
	text-transform: uppercase;
}

.fuppercase{
	text-transform: capitalize;
}

.fz-12{
	font-size:12px !important;
}

.fz-14{
	font-size:14px !important;
}

.fz-16{
	font-size:16px !important;
}

.fz-20{
	font-size:20px !important;
}

.fz-25{
	font-size:25px !important;
}

.att-box{
	min-height: 200px;
	max-height: 200px;
	overflow-y: auto;
}

.stamp {
	/*float: right;*/
  	transform: rotate(12deg);
	color: #555;
	font-size: 3rem;
	font-weight: 700;
	border: 0.25rem solid #555;
	display: block;/*inline-block*/
	position: absolute;
	left:50%;
	padding: 0.25rem 1rem;
	text-transform: uppercase;
	border-radius: 1rem;
	font-family: 'Courier';
	-webkit-mask-image: url('../images/grunge.png');
  	-webkit-mask-size: 944px 604px;
  	mix-blend-mode: multiply;
    z-index: 999;
}

.stamp-secondary {
  	color: #555;
  	border: 0.5rem solid #555;
	border-radius: 0;
  	transform: rotate(3deg);
	-webkit-mask-position: 2rem 3rem;
  	font-size: 2rem;  
}

.stamp-danger {
	color: #D23;
	border: 0.5rem solid #D23;
  	border-radius: 0;
  	transform: rotate(3deg);
	-webkit-mask-position: 2rem 3rem;
	font-size: 2rem;  
}

.stamp-success {
	color: #0A9928;
	border: 0.5rem solid #0A9928;
  	border-radius: 0;
  	transform: rotate(3deg);
	-webkit-mask-position: 2rem 3rem;
	font-size: 2rem;  
}

.img-case{
	border-radius: 5px;
}

.modal-header {
	background-color: #bb1419 !important;
}

.modal-title {
	color: #fff !important;
}

.bghov-ftdp:hover{
	background-color:#ffeded;
}

.min-h-225{
	min-height: 220px !important;
	overflow-y: auto;
}

.h-300{
	height:300px !important;
}

.h-350{
	height:350px !important;
}

.no-bdr{
	border:none;
}

.avatar-xlg{
	width:10rem;
	height:10rem;
}

.zoom-text {
  transition: transform .2s;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom-text:hover {
  transform: scale(1.5);
}

/* Main Level */
ul{
  margin-left:10px;
}

/* Second Level */
ul ul{
  margin-left:15px;
}

/* Third Level */
ul ul ul{
  margin-left:20px;
}

.timer-bar {
    position: fixed;
    top: 25%;
    right: 0;
    list-style: none;
    padding-left: 0;
    z-index: 10;
    margin: 0;
    -webkit-transition: right 0.25s ease-in-out;
    transition: right 0.25s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.timer-bar li {
    padding: 0px 0;
}
.timer-bar li a {
    background: #3f4653;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    width: 44px;
    height: 54px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    float: right;
    padding-left: 5px;
}
.timer-bar li a:hover {
    width: 54px;
    padding-left: 0;
    text-decoration: none;
    background: #3c9bd9;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: none !important;
}