html{
	overflow-y: scroll;
}
a:hover{
	cursor:pointer;
	text-decoration:none;
}
a { 
	color: inherit; 
}
  

/************************************************
*												*
*					SISD TABLE					*
*												*
************************************************/

.sisdTable{
	color: black;
}
.sisdTable tr:nth-child(even) td{
	background-color: white;
}
.sisdTable tr:nth-child(odd) td{
	background-color:#e2f5fd;
}
.table-hover tbody tr:hover td{
	background-color: #c7dbe8;
}  

/************************************************
*												*
*				COMMON TOOLS					*
*												*
************************************************/

.pointer{
	cursor: pointer;
}

.footer-break{
	margin-bottom: 100px;
}

*.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
 }

.scrollable-content{
	overflow: auto;
}

.text-light-success{
	color:#9ACD00;
}

.text-golden{
	color: rgb(199, 162, 0);
}

.text-sisd{
	color:#00aeef;
}

/************************************************
*												*
*				UPPER NAVBAR					*
*												*
************************************************/

.district-logo{
	width: 43px;
	height: 43px;
	margin-top: 3px;
	margin-right: 10px;
}

.sisd-navbar-color{
	background-image: none;
	background-color: #00aeef !important;
	color: #fff !important;
	margin-bottom: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.sisd-navbar-color .navbar-brand, 
.sisd-navbar-color .sisd-navbar-text,
.sisd-navbar-color .sisd-navbar-text > a {
	color: #fff !important;
}

.sisd-navbar-color .navbar-nav > li > a {
    color: #fff;
}


.sisd-navbar-color .navbar-nav > .active > a,
.sisd-navbar-color .navbar-nav > .active  > a:hover,
.sisd-navbar-color .navbar-nav > .active > a:focus {
	background-image: none;
    background-color: #37383A;
    color: #fff;
}

/************************************************
*												*
*				LOWER NAVBAR					*
*												*
************************************************/

.navbar-hover > li > a:hover{
	color:white !important;
	text-shadow: 0 0 12px #FFFFFF;
}
.navbar-style{
	background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(8,29,42,1) 50%, rgba(0,0,0,1) 100%);
	color: rgba(216, 216, 216, 0.9);
	font-size: 16px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 8px;
}

.nav-item.active{
	color:white !important;
	text-shadow: 0 0 12px #FFFFFF;
}

.navbar-collapse{
	overflow: visible !important;
}

/************************************************
*												*
*					FOOTER						*
*												*
************************************************/

.footer-style{
	height: 20px;
	background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(8,29,42,1) 50%, rgba(0,0,0,1) 100%);
}

/************************************************
*												*
*				DROPDOWN MENU					*
*												*
************************************************/

.dropdown-menu{
	margin-top:4px;
	border-top-color: #fff;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	border-right-color: #ddd;
}

a.dropdown-item:hover,
a.dropdown-item:hover{
	background-image: none;
	border-color: white;
	background-color: rgb(0, 174, 239);
	color: #fff !important;
	text-shadow: 0 0 8px #FFFFFF;
}

.dropdown-item{
	background: white;
	color: rgb(72, 177, 226);
}


/************************************************
*												*
*			DATEPICKER FIX	            		*
*												*
************************************************/

.fa-svg-icon {
	display: inline-block;
	vertical-align: middle;
	min-width: 1em;
	min-height: 1em;
	height: 100%;
	position: relative;
	top: -1px;
	color:black;
}
	
.fa-svg-icon svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	
.fa-svg-icon svg g,
.fa-svg-icon svg path {
	fill: currentColor;
}

.uib-right{
	padding: 6px;
	color:black;
	background:white;
}

.uib-left{
	padding: 6px;
	color:black;
	background:white;
}

.uib-day{
	padding: 0px !important;

}
.uib-day > .btn{
	background: white;
	color: black;
	padding: 6px;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active{
	background: grey;
	border-color: black;
	color: white;
}

.btn-secondary{
	border-color: white;
}

.uib-title{
	padding: 8px;
	background: white !important;
	color: black !important;
}


.uib-month > .btn{
	background: white;
	color: black;
}

.uib-year > .btn{
	background: white;
	color: black;
}
.cust-text-blue{
	color: #0069d9;	
}

/************************************************
*			Custom css              			*
************************************************/
.cust-color-red{
	color: red;
}
.cust-color-green{
	color: green;
}
.cust-color-transparent{
	color: transparent;
}
.cust-border-red{
	border-color: orangered !important;
}
.cust-text-green{
	color: green;
}
.cust-text-blue{
	color: blue;
}
.cust-margin-bottom{
	margin-bottom: 200px;
}
.cust-font-size{
	font-size: 800%;
	color: green;
}
.cust-color-blue{
	background-color: #a7e6f0 !important;
	color: black !important;
}
.cust-btn-width{
	width: 190px;
}
.cust-text-green{
	color: green;
}
.cust-text-black{
	color: black;
}
.cust-text-transparent{
	color: transparent;
}

.cust-border-orangered{
	border-color: orangered !important;
}

.cust-text-orangered{
	color: orangered !important;
}
.cust-text-red{
	border:red 1px solid !important;
	padding-left: 10px;
	
	/* color: orangered !important; */
}
.cust-to-upper-case{
	text-transform: uppercase;
}
.cust-dobMessageHide{
	z-index: 1;
	position: absolute;
}
.cust-dobMessageShow{


	z-index: 15 ;
	left: 85px;
	bottom: 60px;
	position: absolute;
	background-color: white;
	border: 2px solid black;
}
.cust-dobMessageBtn{
	font-size: 20px;
 }

.cust-sibling-width{
	width: 150px !important;
}

.cust-sibling-lg-width{
	width: 200px !important;
}

@media only screen and (max-width: 1300px) {
	.spec-sibling-width{
		width: 150px !important;
	}
	.spec-sibling-lg-width{
		width: 200px !important;
	}
}
@media only screen and (max-width: 500px) {
	.cust-float-lang{
		float: left !important;
	}
}
.cust-float-lang{
	float: right;
}

.nowrap{
	white-space: nowrap;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

option:disabled{
	color:rgb(229, 42, 42);
}

ul.instructions > li{
	padding-top: 20px;
}

.form-control{
	color: #0b8dc0;
    border: 1px solid #13a9e4;
}

.form-control.ng-invalid.ng-touched{
    border-color: #dc3545;
    box-shadow: 0 0 2px 3px rgb(233, 176, 176);
}
.ng-invalid-required{
    box-shadow: none;
}

.card-header{
    background-color: rgb(231, 240, 250);
    border-color: #13a9e4;
}
.card-footer{
    background-color: rgb(231, 240, 250);
    border-color: #13a9e4;
}

.card{
    border-color: #13a9e4;
}