﻿html{
    font-size:100%;
}
body {
    padding-top: 55px;
}


.containerFrame {
    height: calc(100vh - 100px);
    width:  100% !important; 
    

}
 @media (max-width:1200px)  {
     .containerFrame{width: 100% !important;
                      padding: 0;
                      margin: 0;
                      
} }


.fullHeightContainer
{
    height: calc(100vh - 150px);
}


.navbar-success{ background:#005986; }
.navbar{ border:0; border-radius:0; }
ul.nav{border-right:1px solid #84B6D0;}
ul.nav li a{border-left:1px solid #84B6D0;color:#fff; }
.navbar-success .navbar-nav>li>a.navbar-success .navbar-nav>li>a:focus, .navbar-success .navbar-nav>li>a:hover{color:#fff;}
.navbar-success .navbar-nav>li>a:hover{background:#022E44;}


.card {
  margin-bottom:24px;
  margin-bottom: 1.5rem;
  border-radius: 0; }
.card h4 {
font-size:17.6px;
font-size: 1.1rem; }
.card .user-header .media img {
border: 5px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
-webkit-border-radius: 50%; }
.card .card-header .card-actions button {
display: block;
float: left;
width: 50px;
padding:12px 0;
padding: 0.75rem 0;
margin: 0 !important !important;
color: #fff;
outline: 0;
text-align: center;
background: transparent;
border: 0;
border-left: 1px solid rgba(120, 130, 140, 0.4); }
.card .card-footer {
padding:10.4px 20px;
padding: 0.65rem 1.25rem;
background-color: #f0f3f5;
border-top: 1px solid #c2cfd6; }
.card .card-footer ul li {
    display: table-cell;
    padding:0 16px;
    padding: 0 1rem;
    text-align: center; }
.card-header:first-child {
    border-radius: 0;        
}

/* Button Reset */
.btn,
.button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transition:all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  border-radius: 0;
  cursor: pointer; }



.datediv{
    line-height: 1.5em;
    height: 3em;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */

}

body * {line-height:1.22em;}