body{ background-color:#fff; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;}

div, input, select, textarea, span, img, table, td, th, p, a, button, ul, li, ol {
    border-radius: 0 !important;
}

.topbg { background-color:#f1f2f7; width:100%; height:330px; position:absolute; top:0; left:0; 
 z-index:-99}

.container { position:relative; z-index:1; max-width:800px; 
 margin:20px; float:left; }


header { padding:20px 20px 0 35px; 
}

@media(max-width:767px){

    header { padding:20px 20px 0 35px; 
        text-align:center;
    }

}


.panel {
    border: 0;
    box-shadow: none;
}
.panel.colored .panel-body {
    border: 1px solid #E5E5E5;
    border-top: 0px;
}
.panel-heading {
    padding: 8px 0px;
    border-bottom: 1px solid #ccc;
}
.panel.colored .panel-heading {
    padding: 8px 15px;
    position: relative;
    box-shadow:  0 2px 0 rgba(255,  255,  255,  0.3) inset;
    border: 0;
}
.panel.colored .panel-heading:before {
    display: block;
    content: '';
     border: 1px solid #000;
     border-left: 7px solid #000;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -moz-opacity: 0.3;
    -khtml-opacity:  0.3;
     opacity:  0.3;
    position: absolute;
    left: 0;
     top: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}
.panel-title {
    display:  inline;
    font-size:  18px;
    color: #656565;
    line-height: normal;
    text-transform:  uppercase;
}
.panel.colored .panel-title,  .panel.colored small {
    color: #fff;
}
.panel-body {
    padding: 15px 0px;
    position: relative;
}
.panel.colored .panel-body {
    padding: 15px;
}
.panel:hover ul.toolbar {
    display: block;
}
.panel-body.no-padding,  .no-padding {
    padding: 0px;
}
ul.toolbar {
    margin: 0;
    display: none;
}
ul.toolbar li {
    display: inline-block;
}
ul.toolbar li a {
    font-size: 16px;
    display: inline-block;
    padding: 5px;
    opacity: 0.6;
    color: #333;
}
ul.toolbar li a i {
    width: auto;
}
.panel.colored 	ul.toolbar li a {
    color: #fff;
}
.panel.colored 	ul.toolbar li a:hover {
    opacity: 0.8;
}
.panel-footer {
    padding: 15px;
    border: 1px solid #E5E5E5;
    border-top: 0;
}

.btn.blue-bg:hover,  .btn.blue-bg.active {
    background-color: #259ccf;
}
.stats li div.blue-bg a {
    background-color: #2295c9;
}
.blue-bg,  .pager li > a.blue-bg {
    background-color: #1C4866;
}

.btn.bluedk-bg:hover,  .btn.bluekx-bg.active {
    background-color: #30ABE0;
}

a.bluedk-bg {
    color: #fff;
    text-transform:uppercase;
}
.bluedk-bg,  .pager li > a.bluedk-bg {
    background-color: #1c4866;
}


.panel h3 { color:#fff; margin:2px 5px; font-size:14px; padding-right:20px;
}

a.btn i {
 margin-left:15px;}

table.table td.rowlabel {
    text-transform: uppercase; color:#1c4866;
}

.video{ padding-bottom:20px;}

video {
  width: 100%    !important;
  height: auto   !important;
}

.panel-heading i.fa { font-size:20px; position:absolute; top:8px; right:12px; color:#fff;
}