body {
    font-family: 'Roboto', sans-serif;
    background-color: #FFFFFF;
}

.navbar-default{border-bottom-color: #4E365A; border-top-right-radius: 0; border-bottom-left-radius: 0; color:#000000;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color: #4E365A; color: #FFFFFF}
.navbar-nav>li:hover {background-color: #4E365A;}
.navbar-default .navbar-nav>li>a:hover {color: #FFFFFF}
.navbar-brand{text-align: right;}
.navbar-brand img{height: 100%;}

.huge {
    font-size: 50px;
    line-height: normal;
}

.page-header {
padding-bottom: 9px;
margin: 10px 0 10px;
border-bottom: 1px solid #eee;
}

.log{background-color: #E8E8EA;}

.login-cont {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
	background-color: white;
}

.login-cont img{ width: 300px;}
.login-cont h6{text-align: center;}

.login-cont button, .login-cont input{
	margin: 15px 0;
	border-radius: 0;
}

.btn-okyal{background-color: #7C9FB5; border: 1px solid #658090;}
.btn-okyal:hover{background-color: #2D2E3F;}
.btn{border-radius: 0 !important;}

.btn-success,.btn-primary,.btn-danger{background-image: none !important;}

.flexigrid div.fbutton span.add{height: 30px; padding: 5px 8px;font-size: 15px;}

.login-cont input[type="text"]:-webkit-autofill, .login-cont input[type="password"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color: white;
}
.panel, .square{border-radius: 0 !important;}
.panel-primary>.panel-heading{background-color: #4C87BA;}
.panel-primary>.panel-heading:hover{background-color: #447DAD;}

.panel-info>.panel-heading{background-color: #3FABAC; color:white;}
.panel-info>.panel-heading:hover{background-color: #3A9C96;}

.panel-warning>.panel-heading,.panel-warning{background-color: #8877a9; color:white;border-color: #8877a9;}
.panel-warning>.panel-heading:hover{background-color: #7D6BA1;}

.panel-danger, .panel-danger>.panel-heading{background-color:#d05454; color: white; border-color: #d05454;}
.panel-danger>.panel-heading:hover{background-color: #CC4444;}
/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.turnoff li a{
	-webkit-transition: background-color 0.7s ease-out;
	   -moz-transition: background-color 0.7s ease-out;
	   	 -o-transition: background-color 0.7s ease-out;
	   	 	transition: background-color 0.7s ease-out;
}

.turnoff li a:hover{background-color: red !important;color:#3d4a53;}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.mb5{margin-bottom: 50px;}

.form-display-as-box{line-height: 6px;height: 30px;}
.line{width: 100%;float: left;margin-bottom: 20px;}
.flexigrid div.form-div input[type=text]{border-radius: 0 !important; height: 30px !important; max-width:800px; width: 140%;}

.side-nav li{border-bottom: 1px solid rgba(221,226,232,0.40);}
.side-nav li ul li{border-bottom: none; background-color: rgba(0,0,0,0.20);}


@media only screen and (max-width: 1050px){
.flexigrid div.form-div textarea{width:320px;}
.ui-multiselect{width: 315px !important;}
.selected,.available{width:50% !important;}
}

.badge-danger
{
    background:#a94442;
}

.accoes
{
   min-width: 230px;
}

.img-notification
{
    width:50px;
    float:left;
    
}

.text-muted
{
    margin-top: 5px !important;
}

.media-list {
  padding-right: 0 !important;
  padding-left: 0;
  list-style: none;
}

.photo {
  float: left;
  padding-right: 6px;
}

.photo img {
  height: 40px;
  width: 40px;
}

.subject {
  display: block;
}

.from {
  font-size: 14px;
  font-weight: 400;
  color: #02689b;
}

.time {
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  position: relative;
  float: right;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.message {
  display: block !important;
  font-size: 12px;
}

.navbar-nav>li>.dropdown-menu {
  width: 300px;
}

.dropdown-menu>li>a {
  white-space:normal !important;
  max-width:300px;
}

.navbar-collapse {
    background-color: #f0f0f0;
}