body{
  
}

a:hover { text-decoration: none }

h4 { 
 border:0 solid #fff; 
 border-bottom-width:1px;
 padding-bottom:10px;
 text-align: center;
}

h1.logo{
  padding-top:10px;
}
h1.logo a{
  color:red;
}
h1.logo a > visited{
  text-decoration: none;
}h1.logo a:hover{
  text-decoration: none;
}

.page{
min-height: 600px;
}

.row{
margin-bottom:20px;
}    

.form-login {
    background-color: #EDEDED;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 15px;
    border-color:#d2d2d2;
    border-width: 5px;
    box-shadow:0 1px 0 #cfcfcf;
    margin-top:50px;
}


.form-group{
  padding:10px 0px; 
  margin:0px; 
}

.form-control {
    border-radius: 4px;
    width:100%;
}

.wrapper {
    text-align: center;
}


.footer{
  background-color: orange;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
  width: 100%;
  overflow:hidden;
}


.navbar-login
{
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session
{
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.icon-size
{
    font-size: 87px;
}

.package {
    background-color: #fae42d;
    border-color:#fae42d;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    border-width: 5px;
    /*box-shadow:0 1px 0 #cfcfcf;*/
}
  
.pending{
  background-color:#eee;
  opacity: 0.6;
}  
  
.btn-yellow {
  background-color: hsl(56, 92%, 41%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5e722", endColorstr="#c8bb08");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f5e722), to(#c8bb08));
  background-image: -moz-linear-gradient(top, #f5e722, #c8bb08);
  background-image: -ms-linear-gradient(top, #f5e722, #c8bb08);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5e722), color-stop(100%, #c8bb08));
  background-image: -webkit-linear-gradient(top, #f5e722, #c8bb08);
  background-image: -o-linear-gradient(top, #f5e722, #c8bb08);
  background-image: linear-gradient(#f5e722, #c8bb08);
  border-color: #c8bb08 #c8bb08 hsl(56, 92%, 37.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23);
  -webkit-font-smoothing: antialiased;
}

.btn-green{
  background-color: hsl(96, 84%, 34%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#65e113", endColorstr="#489f0d");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#65e113), to(#489f0d));
  background-image: -moz-linear-gradient(top, #65e113, #489f0d);
  background-image: -ms-linear-gradient(top, #65e113, #489f0d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65e113), color-stop(100%, #489f0d));
  background-image: -webkit-linear-gradient(top, #65e113, #489f0d);
  background-image: -o-linear-gradient(top, #65e113, #489f0d);
  background-image: linear-gradient(#65e113, #489f0d);
  border-color: #489f0d #489f0d hsl(96, 84%, 30.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23);
  -webkit-font-smoothing: antialiased;
  font-size:20px;
}

.btn-height-50{
  height:50px;
  line-height:35px;
  font-size:20px;
}
  
.profile-icon {
    display:inline-block;
    width:90px;
    height:90px;
    border-radius:50%;
    font-size:48px;
    line-height:90px;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.profile-icon2 {
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:40px;
    line-height:40px;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.profile-icon3 {
    display:inline-block;
    width:25px;
    height:25px;
    border-radius:50%;
    font-size:25px;
    line-height:25px;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}


.message-box{
  padding:10px;
  border:3px solid #ddd;
  background-color:#f4f4f4;
  border-radius:5px;
  overflow-y:auto;
}

.message-item{
  margin:10px 0px;
  position:relative;
}

.message-image{
  text-align:center;
}

.message-body{
  padding:25px 10px 10px 10px;
  border:1px solid #eee;
  background-color:#fff;
  border-radius:5px;
  min-width:200px;
}

.message-textarea{
  padding:10px;
  border:1px solid #eee;
  background-color:#fff;
  border-radius:5px;
}

.message-button{
  margin-top:10px;
}

.message-author{
  position:absolute;
  left:10px;
  top:3px;
  font-weight:bold;
  font-size:13px;
  color:#555;  
}

.message-date{
  position:absolute;
  right:10px;
  top:3px;
  font-size:12px;  
  color:#999;
}

.message-send{
  margin:10px 0px;
}

.message-button{
  width:95%;
  min-width:40px;
  height:60px;
  margin:0px 0px 0px 5px;
}



.case-title{
  padding:10px;
  border-bottom:1px solid #fff;
  color:#fff;
  font-weight:bold;
}

.case-item{
  margin:10px 0px;
  padding:20px 10px 20px 10px;  
  position:relative;
  border-radius:5px;
  min-width:200px;
  background-color:#fff;
}

.case-author{
  position:absolute;
  left:10px;
  top:3px;
  font-weight:bold;
  font-size:13px;
  color:#555;  
  line-height:16px;
}

.case-adviser{
  position:absolute;
  right:10px;
  bottom:3px;
  font-weight:bold;
  font-size:13px;
  color:#555;  
}

.case-date{
  position:absolute;
  right:10px;
  top:3px;
  font-size:12px;  
  color:#aaa;
}

.current{
  background-color:#ddd;
}

.assign{
  clear:both;
  margin:10px 0px 20px 0px;
  padding:10px;
  border:1px solid #eee;
  border-radius:5px;  
  clear:both;
}

.magic{clear:both;} 


/* ------------------------- SIDEBAR ------------------------- */
  
nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
      -moz-transition: margin 200ms ease-out;
      -o-transition: margin 200ms ease-out;
      transition: margin 200ms ease-out;
  }

.main{
  padding: 10px 10px 0 10px;
}

@media (min-width: 765px) {

  .main{
    position: absolute;
    width: calc(100% - 40px); 
    margin-left: 40px;
    float: right;
  }

  nav.sidebar:hover + .main{
    margin-left: 200px;
  }

  nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
  }

  nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
    text-align: center;
    width: 100%;
    margin-left: 0px;
  }
  
  nav.sidebar a{
    padding-right: 13px;
  }

  nav.sidebar .navbar-nav > li:first-child{
    border-top: 1px #e5e5e5 solid;
  }

  nav.sidebar .navbar-nav > li{
    border-bottom: 1px #e5e5e5 solid;
  }

  nav.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
    padding: 0 0px 0 0px;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  nav.sidebar{
    width: 200px;
    height: 100%;
    margin-left: -160px;
    float: left;
    margin-bottom: 0px;
  }

  nav.sidebar li {
    width: 100%;
  }

  nav.sidebar:hover{
    margin-left: 0px;
  }

  .forAnimate{
    opacity: 0;
  }
}
 
@media (min-width: 1330px) {

  .main{
    width: calc(100% - 200px);
    margin-left: 200px;
  }

  nav.sidebar{
    margin-left: 0px;
    float: left;
  }

  nav.sidebar .forAnimate{
    opacity: 1;
  }
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
  color: #CCC;
  background-color: transparent;
}

nav:hover .forAnimate{
  opacity: 1;
}
section{
  padding-left: 15px;
}

/*  ------------  Navbar ----------------- */
.navbar-default {
  background-color: #0795f9;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #eeeeee;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #eeeeee;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #eeeeee;
  background-color: #636466;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #eeeeee;
  background-color: #636466;
}
.navbar-default .navbar-toggle {
  border-color: #636466;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #636466;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #eeeeee;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #eeeeee;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #eeeeee;
    background-color: #636466;
  }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 100px; /* bottom = footer height */
    padding: 25px;
}

.fixed-panel {
  height:130px;
}