/*
 * Globals
 */
body { font-family: 'Open Sans', sans-serif;font-weight:400;}
h2 { margin-top:0; margin-bottom:15px}
.login, .content-header, .client-brand { background:url(../img/assets/crossword.png) repeat;}
 .content-header, .client-brand { -moz-box-shadow:  3px 3px 15px -4px #ccc;
  -webkit-box-shadow: 3px 3px 15px -4px #ccc;
  box-shadow:        3px 3px 15px -4px #ccc;}
  .content-header { background-position:250px 0px;}
  strong { font-weight:700;}
/*
 * Base structure
 */

html, body {
	height: 100%;
	background-color: #fff;
}
body.login {
	background-color:#eee; 
}

.navbar-default .navbar-brand, .navbar-brand{ color:#6eb3a3; font-size:28px;}
.navbar-brand span{ color:#3a9a83;}
a.navbar-brand:hover { color:black;}
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
	display: table;
	width: 100%;
	height: 100%; /* For at least Firefox */
	min-height: 100%;
	
}
.site-wrapper-inner {
	display: table-cell;
	vertical-align: top;
}
.cover-container {
	margin-right: auto;
	margin-left: auto;
}
/* Padding for spacing */
.inner {
	padding: 20px;
}
.label, .glyphicon {
	margin-right: 5px;
}

.inner-data { padding:0 15px 0  75px; position:relative; height:100px; }
.inner-data .fixed-action { position:absolute; top:15px; left:15px; font-size:25px;}
/* Left Nav */
 .flat-nav.nav-pills > li > a { border-radius:0; border-bottom:1px solid #474747; color:#929292;font-size:18px; font-weight:300; position:relative;}
 
 .flat-nav.nav-pills > li.active > a, .flat-nav.nav-pills > li.active > a:hover, .flat-nav.nav-pills > li.active > a:focus {
    background-color: #000;
    color: #fff; font-size:21px;
}
 
 .flat-nav.nav-pills > li.active > a:before {
	 position:absolute; display:block; right:0; top:50%; margin-top:-13px;
	width: 0; 
	height: 0; z-index:10; content:"";
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid #fff; 
}
.navbar-brand { padding:5px; height:50px;}
.client-brand { padding:12px 20px 12px 5px; height:100px; }
.client-brand img, .navbar-brand img { width:auto; height:auto; max-height:100%; max-width:auto;}
/*
 * Cover
 */

.cover {
	padding: 0 20px;
}
.cover .btn-lg {
	padding: 10px 20px;
	font-weight: bold;
}
/*
 * Footer
 */



/*
 * Affix and center
 */

@media (min-width: 768px) {
	#wrapper.active {
	padding-left: 72px!important;
}
#wrapper.active #sidebar-wrapper {
	left: 72px!important;
}
/* Pull out the header and footer */
.masthead {
	position: fixed;
	top: 0;
}
.mastfoot {
	position: fixed;
	bottom: 0;
}
/* Start the vertical centering */
.site-wrapper-inner {
	vertical-align: middle;
}
/* Handle the widths */
.masthead,  .mastfoot,  .cover-container {
	width: 100%; /* Must be percentage or pixels for horizontal alignment */
}
}

@media (min-width: 992px) {
.masthead,  .mastfoot,  .cover-container {
	width: 700px;
}
}
/*SideBar */

#wrapper {
	padding-left: 250px;
	transition: all 0.4s ease 0s;
	padding-top: 52px;
}
#sidebar-wrapper {
	margin-left: -250px;
	left: 250px;
	width: 250px;
	background: #333;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	z-index: 1000;
	transition: all 0.4s ease 0s;
}
#wrapper.active {
	padding-left: 0;
}
#wrapper.active #sidebar-wrapper {
	left: 0;
}
#page-content-wrapper {
	width: 100%;
}

.content-header h1 {
	margin: 0;
	margin-left: 20px;
	line-height: 65px;
	display: inline-block;
}
#menu-toggle {
	text-decoration: none;
}
.btn-menu {
	color: #000;
}
.inset {
	padding: 20px;
}

@media (max-width:767px) {
#wrapper {
	padding-left: 0;
}
#sidebar-wrapper {
	left: 0;
}
#wrapper.active {
	position: relative;
	left: 250px;
}
#wrapper.active #sidebar-wrapper {
	left: 250px;
	width: 250px;
	transition: all 0.4s ease 0s;
}
#menu-toggle {
	display: inline-block;
}
.inset {
	padding: 15px;
}
}
.main {
    max-width: 320px;
    margin: 0 auto; padding:20px; background:#fff; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
-khtml-border-radius: 10px; 
-moz-box-shadow:  3px 3px 15px -4px #ccc;
  -webkit-box-shadow: 3px 3px 15px -4px #ccc;
  box-shadow:        3px 3px 15px -4px #ccc;
  }
  .main h3 { margin-top:0;}
  .login-or {
    position: relative;
    font-size: 18px;
    color: #aaa;
    margin-top: 10px;
            margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 50px;
    text-align: center;
  }
  .hr-or {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
 .date-time { font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 14px; }
  .date-time  span  { font-size:14px; color:#959595; text-transform:uppercase;}
  .divider-v {   background: none repeat scroll 0 0 #eee;
    display: inline-block;
    height: 100px;
    width: 1px;}
  
  .inner-data h1, .inner-data .btn-default { font-size:36px; line-height:13px; margin-top:12px;}
  .inner-data h1 span { font-size:12px; display:block; margin-bottom:12px;}
  .inner-data h1 > strong, .inner-data .btn-default strong { color:#3a9a83;}
.inner-data .btn-default  { border:0px none; display:block; line-height:30px; padding-left:8px; padding-right:8px; margin-top:-8px; margin-left:15px;}

.modal.fade .modal-dialog {
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
}
.modal.fade.in .modal-dialog {
    transform: translate(0px, 0px);
}
.flyover {
   left: 150%;
   overflow: hidden;
   position: fixed;
   width: 50%;
   opacity: 0.9;
   z-index: 1050;
   transition: left 0.6s ease-out 0s;
}
 
.flyover-centered {
   top: 50%;
   transform: translate(-50%, -50%);
}
.flyover.in {
   left: 50%;
}

tr:nth-child(even) {background: #F7F7F7;line-height:30px;font-weight:bold;color:#4E4156}
tr:nth-child(odd) {background: #FCFCFC;line-height:30px;font-weight:bold;color:#4E4156}
table thead{
	background:#FF8000;
	padding:5px;
	border-radius:3px;
}
td, th { padding: .3em; } 

table thead tr th{
	background:#606060;
	color:#FFF;
}



    .btn-file {
    position: relative;
    overflow: hidden;
    }
    .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    }
	
#header{
	margin:10px 0px 10px 0px;
	color:#000;
	
}
#header div h4{
	padding-top:5px;
	text-align:center;
	font-weight:bold;
}

.table-responsive{
	padding-top:10px;
}

.top_header{
height:2px;
border-bottom:1px solid #000;
background-color:#31B0D5;
}

#mytable th a {
    color:#FFF;
}

#mytable tr .footer{
    border-top: 2px solid #31B0D5;
    background: #606060;
    font-size: 10px;
        color:#FFF;
}

.pagination a{
    color:bisque;
    padding: 2px;
}
.sort:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0dc";
    margin-right:5px;
}
.pagination .active{
    
    padding:3px;
    text-decoration: underline;
}

.label-highlight{
    
    font-weight:bold;
    font-size:16px;
    color:#BD151C
}
.label-highlight-blue{
    
    font-weight:bold;
    font-size:16px;
    color:#31B0D5
}
.label-highlight-green{
    
    font-weight:bold;
    font-size:16px;
    color:#18965D
}
.label-highlight-yellow{
    
    font-weight:bold;
    font-size:16px;
    color:#FF8000
}
.title .name{
    font-size: 18px;
    font-weight: 400px;
}

.required{
    color:#FF0000;
    font-weight:bold;
    font-size:16px;
}