/*html {scroll-behavior: smooth;}*/
h2 {
	color: #777777;
}

h3 {
	color: #032e61;
}

h4, h5, h6, h2 {
	letter-spacing: .8px;
}

h6 {
	color: #6c6d69;
}

p {
	color: #222222;
	margin-bottom:0.5rem;
}

a {
	color: #0060C7;
}

i {
	margin-right: 7px;
}

option:disabled{
	color:#bfbdbd;
}

.bg-color {
	background-color: #054c93 !important;
	border-bottom: 1px solid #f1f1f1;
	border-top: 1px solid #F1F1F1;
}
.bg-brand-gray{
    background-color: #eceded;
    width: 100%;
    height: 3px;
    margin-bottom: 10px;
}
.jumbotron{
	background-color: #f7f7f7;
}
.name1{
	color: #FFF;
	font-size: 23px;
	letter-spacing: 2px;
	font-weight: 200;
}
.row{
	margin-left: 0px;
	margin-right: 0px;
}
.form-check-label label {
	margin-left: .5rem;
	margin-right: .5rem;
}
.profile-link{
	margin-top: 2.5rem;
}

@media (min-width:300px) and (max-width:800px) {
	.profile-link {
		margin-top: 0.1rem !important;
	}
}
@media (min-width:800px) and (max-width:1000px) {
	.profile-link {
		margin-top: 0.1rem !important;
	}
}

.btn-primary {
    color: #fff;
    background-color: #054c93;
    border-color: #cccccc;
}
.btn-outline-secondary {
	border: 1px solid #cccccc;
	text-align: left;
}

.btn-outline-secondary:hover{
	background-color: #ffffff;
	border: 1px solid #cccccc;	
	color:#222222;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active, .show >
.btn-outline-secondary.dropdown-toggle {
	color: #222222;
	background-color: #ffffff;
}

.btn-success{
	color: #222222;
	background-color: #63b552;
	border: 1px solid #cccccc;
}
.btn-success:hover{
	background-color: #69ca15;
	border: 1px solid #cccccc;
}
.btn-light{
	color: #031a8f;
	background-color: #fcc930;
	border: 1px solid #cccccc;
}
.btn-light:hover{
	background-color: #ffc107;
	border: 1px solid #cccccc;
}
.btn-light:active{
	background-color: #ffc107;
	border: 1px solid #cccccc;
}
.btn-outline-info{color:#054c93;}
.alert-success{color: #111111; background-color: #90be6d;}
.alert-info{color: #ffffff; background-color: #155d9a;}
.alert-warning{color: #222222; background-color: #ffc107;}
.alert-danger{color:#ffffff; background-color: #CC1928;}
.table-hover tbody tr:hover{background-color: #f7f7f7;}
.table-striped tbody tr:nth-of-type(odd){background-color: #f7f7f7;}
.green-1{background-color: #90be6d;}
.green-2{background-color: #258d42;}
.green-3{background-color: #62a12a;}
.light-blue-1{background-color: #e0fbfc;}
.blue-1{background-color: #2660a4;}
.blue-2{background-color: #2376e5;}
.blue-3{background-color: #33658a;}
.blue-4{background-color: #1d3557;}
.blue-5{background-color: #113060;}
.orange-1{background-color: #f26419;}
.orange-2{background-color: #f2a93b;}
.gray-1{background-color: #575a5e;}
.gray-2{background-color: #bfbfbf;}
.light-gray-1{background-color: #f7f7f7;}
.yellow-1{background-color: #ffd040;}
.yellow-2{background-color: #f6ae2d;}
.yellow-3{background-color: #efb43e;}
.red-1{background-color: #d91e36;}
.list-group li{cursor: pointer;}
/*li.active{background-color: #f7f7f7;}*/
.list-group-item a{color: #0c60a0;}
.list-group-item.active{
	border-left: 5px solid #0c60a0;
	background-color: #faf8f8;
	border-top: 1px solid rgba(0,0,0,.125);
	border-bottom: 1px solid rgba(0,0,0,.125);
	font-weight: bold;
}
.list-group-item:hover{background-color: #f7f7f7;}
.list-group-item ul li{font-weight: normal;}
.list-group-item ul li a:hover{color: #137cc9;}
.nav-link{font-size: 16px;}
.nav-link.active{font-weight: bold; color:#1669BB;}
.nav-item.active{border-left: 5px solid #0c60a0;}
.horisontal-nav.active{border-bottom: 3px solid rgba(0,0,0,.125);}
.form-control.is-invalid, .was-validated .form-control:invalid{
	border-color: #e63946;
}
.invalid-feedback {color: #d91e36;}
.product-release{border-top: 1px solid #dadada;}
.border1{
	width: 100%;
	min-height: 150px;
	border: 1px solid #f1f1f1;
}
.container-fluid, .container{min-height: 375px;}
/*-------hide scrollbar-------*/
/*::-webkit-scrollbar { 
    display: none; 
}
.container {
    -ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
}
.container::-webkit-scrollbar { 
    display: none;  // Safari and Chrome
}*/
/*-------end scrollbar-------*/
#arrowup {
    position: fixed;
    right: 35px;
    bottom: 115px;
    color: #054c93;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.text-info-blue{
	width: 100%;
	min-height: 100px;
	background-color: #e1f2fa;
	border-top: 7px solid #174587;
	padding: 10px 15px;
}
.text-info-orange{
	width: 100%;
	min-height: 100px;
	/*background-color: #F9E2CD;*/
	background-color: #FCEEDF;
	border-top: 7px solid #e38526;
	padding: 10px 15px;
}
.text-info-teal{
	width: 100%;
	min-height: 100px;
	background-color: #E8F7F6;
	border-top: 7px solid #45bdb2;
	padding: 10px 15px;
}
.text-info-yellow{
	width: 100%;
	min-height: 100px;
	background-color: #FBF5DF;
	border-top: 7px solid #f5d13b;
	padding: 10px 15px;
}
.text-info-red{
	width: 100%;
	min-height: 100px;
	background-color: #FBE5E6;
	border-top: 7px solid #D64A59;
	padding: 10px 15px;
}
.breadcrumb{
	background: linear-gradient( #ffffff, #fbd9b5);
}
.breadcrumb-item.active{
	color: #555555;
	
}
.school-card{
	width: 100%;
	min-height: 60px;
	line-height: 18px;
	border-left: 10px solid #FFFFFF;
	background-color:      #FFFFFF;
	box-shadow: 0px 0px 3px 0px      #B4B4B4;
	margin-bottom: 10px;
	padding: 10px 0px;
}
.school-card:hover{
	background-color:  #f7fcfe;
	border-left: 10px solid #D5EEFC;
}
.school-name{
	color: #013F8C;
	font-size: 18px;
}


/*-------media query-------*/
@media (min-width:300px) and (max-width:625px){
    .name2{
		font-size: 12px;
	}
}

.back-to-top {
    position: fixed;
    bottom: 6em;
    right: 0px;
    text-decoration: none;
    display: none;
    color: white;
    background-color: #b8bbbe;
    border-radius: 32px 0 0 32px;
    padding-left: 15px;
    padding-right: 28px;
    font-size: 22px;
    height: 47px;
    line-height: 45px;
    z-index: 10;
}

.red{
	color: #d91e36;
}