body{
	
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

#header {
    background-color: #3c8dbc;
    float: left;
    width: 100%;
}

.header .col-lg-12{
	padding-left: 0;
	padding-right: 0;
}
.header .col-md-3{
	padding-left: 0;
	padding-right: 0;
}
.header .col-md-9{
	padding-left: 0;
	padding-right: 0;
}

#logo {
    background-color: #367fa9;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-family: fantasy;
    letter-spacing: .6px;
}

.form-signin {
  max-width: 420px;
  padding: 30px 38px 66px;
  margin: 0 auto;
  background-color: #eee;
  border: 3px dotted rgba(0,0,0,0.1);  
  }

.form-signin-heading {
  text-align:center;
  margin-bottom: 30px;
}

.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  margin-bottom: 20px;
}

.colorgraph {
  height: 7px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
#SideBar{
	background-color: #333;
	color: #FFF;
    height: 100%;
	padding: 0px 0 10px;

}
.sidebar_header {
	background-color: #1a2226;
	color: #4b646f;
    padding: 10px 20px;
    box-sizing: border-box;
}
ul.sidebar_ul{

	list-style: none;
	padding: 20px 0;

}
ul.sidebar_ul a{
	color: #FFF;
	text-decoration: none !important;

}

ul.sidebar_ul a li{
	padding: 10px 20px;
}

ul.sidebar_ul a:hover li{
	background-color: #1e282c;
	color: #b8c7ce;
}
a:first-child i.fa.fa-circle-o-notch {
    margin-right: 5px;
    color: red;
}
a:nth-child(2) i.fa.fa-circle-o-notch {
    margin-right: 5px;
    color: green;
}
a:nth-child(3) i.fa.fa-circle-o-notch {
    margin-right: 5px;
    color: orange;
}
a:nth-child(4) i.fa.fa-circle-o-notch {
    margin-right: 5px;
    color: pink;
}
a:nth-child(5) i.fa.fa-circle-o-notch {
    margin-right: 5px;
    color: skyblue;
}
a:nth-child(6) i.fa.fa-circle-o-notch {
    margin-right: 5px;
    color: #FFF;
}
a:nth-child(7) i.fa.fa-circle-o-notch {
    margin-top: 20px;
    margin-right: 5px;
    color: lightpink;
}
i.fa-times{
  color: #880000;
  font-size: 25px;
}
i.fa-times:hover{
  color: red;
}
a.push_notification {
  margin-top: 10px;
  list-style: none;
  text-decoration: none !important;
  color: #FFF;
    width: 100%;
    display: block;
    border-top: 1px dotted #FFF;
  padding: 10px 20px !important;
  
}
a.push_notification:hover {
  background-color: #1e282c;
  color: #b8c7ce;

  }
a.push_notification i.fa.fa-circle-o-notch {
  color: lightpink;
  margin-right: 5px;
}

a.promotion{
  list-style: none;
  text-decoration: none !important;
  color: #FFF;
  width: 100%;
  display: block;
  padding: 10px 20px !important;
}
a.promotion:hover{
  background-color: #1e282c;
  color: #b8c7ce;
}

a.promotion i.fa.fa-circle-o-notch {
  color: lightgreen;
  margin-right: 5px;
}
#content_container {
	float: left;
	width:100%;
    background-color:#333; 
}
#content_container .col-lg-12{
	padding-left: 0;
	padding-right: 0;
}

#content_container .col-md-3{
	padding-left: 0;
	padding-right: 0;	
	position: relative;
 }
#content_container .col-md-9{
	padding-left: 0;
	padding-right: 0;
}
.content_main{
	background-color: #ecf0f5;
	padding: 10px;
}
.title_area{

	text-transform: uppercase;

}
.title_area span{
	text-transform: capitalize;

}
.request_button_section{

	margin-top: 20px;

}
.request_button_section ul{

	list-style: none;
	padding: 0;

}
.request_button_section ul li{
	
}
.request_button_section a{
	margin-right: 15px;
    font-size: 13px;
    text-transform: capitalize;
    padding: 6px 15px;
}
h3.bg.bg-danger {
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
}
.bg-success {
    padding: 8px 20px;
    box-sizing: border-box;
}
.logout.btn.btn-primary {
    float: right;
    margin-top: 5px;
    margin-right: 15px;
    background: #000;
}
.show_content {
    background: #FFF;
    padding: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    border: 2px solid lightgray;
    border-radius: 5px;
    overflow: auto;
    box-shadow: 4px 4px 22px #888888;
}
input {
    padding-left: 10px;
    padding-right: 10px;
}
select {
    min-width: 198px;
    min-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
}
textarea{
    padding:10px;
}
form.add_package {
    margin-top: 25px;
}
.result_add_form {
    margin-top: 20px;
}
.package_detail{

    margin-top: 25px;
}
.package_detail img {
  max-width: 80px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{

    vertical-align: middle;
}
ul.pagination {
    text-align:center;
    color:#829994;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color:#0d7963;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
}
ul.pagination a:hover, 
ul.pagination a.current {
    background:#0d7963;
    color:#fff; 
}
.delete_id{
    padding: 10px 16px;
    box-sizing: border-box;
    color: #5f9ea0;
}
input.search_input {
    padding: 5px;
    border-radius: 3px;
    outline: none;
    border: 1px solid gray;
}
form#searchform {
    margin-top: 10px;
}
#footer {
    background: black;
    float: left;
    width: 100%;
    color: #FFF;
    padding: 10px;
    text-align: right;
    font-size: 12px;
}
#footer p{
	margin-bottom: 0;
}