/* Reset ================================================================================= */

*{margin:0;padding:0}
body{ font-family: 'Roboto', sans-serif;  font-weight:400; font-size:16px; color:#666666;  overflow-x: hidden;}
a {text-decoration:none;	background-color:#fff; color:inherit; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer; border:none; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
:focus{outline:none;}
a:focus{outline:none; text-decoration:none;}
a:hover { text-decoration:none;}

.none{display:none !important;}

/* Headings */
h1,h2,h3,h4,h5,h6 { margin:0; line-height:1.35;}
h1{ font-size:36px; font-weight:normal; }
h2{ font-size:30px; font-weight:normal; }
h3{ font-size:26px; font-weight:normal; }
h4{ font-size:22px; font-weight:normal; }
h5{ font-size:20px; font-weight:normal; }
h6{ font-size:16px; font-weight:normal; }

/* Forms */
form        { display:inline;}
fieldset     { border:0; }
legend      { display:none; }

/* Table */
table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Lists */
/* ul,ol{list-style:none; margin: 0;} */


/* Global Styles ========================================================================= */

/* login-page */
.login-page {
	background-color:#fff
}
.login-box {
    background-color: #ffffff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 360px;
	box-shadow: 0 2px 10px 0 #7f5097;
}
.login-box .logo a img {
    margin: 0 auto 20px auto;
}
.page-title h3 {
	margin-bottom:20px;
	font-size:20px; 
	text-transform:capitalize;
	color:#333333;
}
.form-group .form-control {
    border: 1px solid #d2d6de;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
}
.form-group .form-control:focus {
    border-color: #2196F3; 
}
.login-box p {
	margin:0;
	font-size:12px;
}
.login-box p a {
	color:#7f5097;
}
.form-button .submit-btn {
	background-color: #7f5097; 
    color: #ffffff;
    display: inline-block;
	font-size: 14px;
    font-weight: 500;
    padding: 6px 18px;
    text-transform: uppercase;
}
.form-button .submit-btn:hover {
	background-color:#bf2291
} 
.alert {
    border: 1px solid rgba(0, 0, 0, 0); 
    padding: 0.75rem 1.25rem; 
	font-size: 14px;
}
.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
} 
.body-content {
    background-color: #fff;
    background-image: none;
} 
#logo-group img {
    height: 100%;
}
#header.header #logo-group {
	margin: 5px 0 5px 15px;
	height:50px;
} 
#left-panel li {
    border-bottom: 1px solid rgba(122, 148, 166, 0.25);
} 
.easy-pie-chart.easyPieChart > i {
    font-size: 13px;
}
.list-block li {
	margin-bottom:30px;
}
.well-title{
    background-color: #ffffff;
    border: 1px solid #e1e7eb;
    border-radius: 0; 
    padding: 15px; 
	border-bottom:0;
}
.well-title > h2 {
    display: inline-block;
	font-size:24px; 
	color:#7f5097;
}
.well-title .form-button {
	float:right; 
}
.input-group-btn .btn {
    border-radius: 0;
    height: 34px;
}
.well-box .well-box .well {
    box-shadow: none;
}
.well-box .well-box .well-title  {
	padding:8px 15px;
}
.well-box .well-box .well-title > h2 {
    font-size: 20px;
}
.easy-pie-chart.easyPieChart > p {
    font-size: 24px;
}
.well-box + .well-box {
    margin-top: 20px;
}
.well p {
	margin-bottom:15px;
}
.well ol, .well ul {
	list-style-position: inside;
}
.well li {
	margin:10px 0;
}
.well ol {
	padding-left:30px;
}
.well ol ul {
	padding-left:60px;
	list-style-type: initial; 
}
.well ul {
	padding-left:30px;
}
#table > .well {
    margin-bottom: 20px;
}
.list-block {
    list-style: outside none none;
    padding: 0 !important;
}

/* Responsive */
@media (min-width:992px){
	.search_form .col-md-3{
        width:22.23%
    } 
} 
@media (max-width:380px){
	.login-box {
		width: 300px;
	}
}