/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
  color: #fff;
  background-color: #00a3c8;
}
.nav-tabs > li > a {
  background-color: #f5f5f5;
  border-radius: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #555555;
  padding: 7px 15px;
  margin-right: 0;
}

.bg-theme-colored-top-bar {
    background-color: #27B56D !important;
}

.icon-theme-colored-top-bar.icon-dark a {
    background-color: #27B56D !important;
    color: #fff;
}

.icon-theme-colored-top-bar.icon-dark a:hover {
    background-color: #27B56D;
    color: #fff;
}


.customfloat{
	position:fixed;
	width:60px;
	height:60px;
	bottom:80px;
	right:12px;
	margin-top:-35px;
	background-color:#0C9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;

}

.my-float{
	margin-top:22px;
}
.login-card{
    padding: 23px;
    background: white;
    border-radius: 5%;
    box-shadow: 0px 0px 9px 0px #dedede;
}
.login-input{
  background-color: #f7f7f7;
}