@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
html,body{
 	height: 100%;
}

body{
    font-family: 'Open Sans';
    background-color: #e7e9ea;
}


.container {
    width: 970px;
}

.speakman-content{
	display: table;
	width: 100%;
}

.speakman-filter-row{
	display: inline-block;
	width: 100%;
	border-bottom: solid 1px #D9DBDB;
}

.speakman-filter-cont {
    display: table-cell;
    height: 80px;
    margin-bottom: 15px;
    padding: 20px;
    vertical-align: middle;
    width: 100%;
}

#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -50px;
  padding: 0 0 50px;
}

/* bootstrap override*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	border: none;
}

.btn:focus,.btn:hover{
	color: #fff;
}
.nav > li {
	display: table;
	margin-right: 2px;
	border: solid 1px #D4D5D6;
	border-bottom: none;
}
.nav > li > a {
    background-color: #d9dbdb;
    color: #9fa2a4;
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
    height: 60px;
    vertical-align: middle;
    width: 170px;
}
/* Tiles */

.subheader{
    margin-top: 30px;
}
.header ,#footer-content  {
   	background-color: #192026;
    background-image: url("../images/logo_lrg.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 200px auto;
    color: #ffffff;
    height: 50px;
}

.content,#speakman-nav,#footer-content{
    margin: 0 auto;
    width: 930px;
}
.content {
    background-color: #fff;
    border: solid 1px #D4D5D6;
    background-color: #fff;
    margin-top: -1px;
}
.footer,#push{
	height: 50px;
}

.footer{
	 background-color: #192026;
}
/* default custom */

.header-btn{
	margin: 15px 0;	
}

#page-name{
	display: inline-block;
}

#header-right-corner {
    display: inline-block;
    float: right;
    margin: 8px 10px;
}

.btn-base{
	color: #fff;
	padding: 6px 18px;
    margin: 0 2px;
    font-weight: bold;
}


.btn-black{
    background-color: #080b0d;
    border: 2px solid #30373c;
    font-weight: 100;
}

.btn-filter,.add-new-entry,.save-new-entry{
	 background-color: #51A3C8;
	 border:none;
	 color: #fff;
}

.black-border {
    background-color: #192026;
    height: 50px;
    width: 100%;
    z-index: -1;
    position: absolute;
}

.footer-black-border{
	position: fixed;
	bottom: 0;
}
.field-name{
	margin-right: 5px;
}
.speakman-date {
    display: inline-block;
    width: 150px;
    vertical-align: middle;
}

/*bootstrap table*/
.bootstrap-table .table > thead > tr > th,
.table > thead > tr > th
 {
	border: none;

}

.bootstrap-table .table {
	border-bottom:none;
}

.table > thead > tr > td, .table > tbody > tr > td{
	vertical-align: middle;
	background-color: #f0f1f2;
   	border-left: solid #fff 1px;
/*    	border-bottom: solid #fff 5px; */
/*    	border-top: solid #fff 5px; */

  	
}

.fixed-table-container tbody tr td:first-child {
	  border-radius:10px 0 0 10px	;
}

.fixed-table-container tbody tr td:last-child {
	  border-radius:0 10px 10px 0	;
	  
}

.fixed-table-container{
	border-color: #FFFFFF;
	border: none;

}
.fixed-table-body{
   overflow: hidden;
   min-height: 60px;
}
.table > tbody > tr  {
	   border-top: 5px solid #FFF;
}

.bootstrap-table  thead tr {
    font-size: 11px;
    color: #c4c6c7;
 

}

.tbl-content-details {
    background-image: url("../images/edit.png");
    width: 55px;
}

.tbl-content-report-details {
    background-image: url("../images/details.png");
    width: 65px;
}

.tbl-content-remove{
  	background-image: url("../images/x.png");
    height: 25px;
    width: 30px;
}


.fixed-table-header{
	border-bottom:none!important;
}


.pagination > li > a, .pagination > li > span{
	border: none;
	display: inline-block;
	
}
.fixed-table-pagination .pagination a{
	padding: 6px 3px;
}

.fixed-table-pagination .pagination  a{
	text-decoration: underline;
	color: #51A3C8;
}
.fixed-table-pagination .pagination .disabled a
{
	text-decoration: none;
	color: #000;
}

.fixed-table-pagination li.disabled a {
    cursor: default;
    pointer-events: none;
}

.bootstrap-select.btn-group .btn .filter-option {
    width: 95%;
}

.caret-cnt {
    border: 1px solid #d9dbdb;
    margin-left: -10px;
}
/**/

#speakman_page {
    display: inline-block;
    padding-right: 10px;
    padding-top: 15px;
    vertical-align: top;
}

a.speakman-btn-tab:HOVER{
	text-decoration: none;
	 color: #818588;
}
.speakman-btn-tab {
    border: 2px solid #d9dbdb;
    border-radius: 17px;
    color: #818588;
    display: inline-block;
    font-weight: 500;
    padding: 5px;
    text-align: center;
    width: 170px;
}

.speakman-btn-tab.active {
    background-color: #000;
    border: medium none;
    color: #fff;
    font-weight: bolder;
}

.speakman-btn-tab.active:HOVER {
     color: #fff;
}

.speakman-table{
	width: 97%;
	margin: 0 auto;
	font-size: 0.85em;
	font-weight: 500;
}

.add-new-entry{
	position: relative;
	margin-bottom: 10px;
    margin-left: 20px;
    margin-top: -10px;
    position: relative;
}

.remove-category{
         background-color: #C9302C;
	 border:none;
	 color: #fff;
         position: relative;
	 margin-bottom: 10px;
         margin-right: 20px;
         margin-top: -10px;
         display: none;
}

.fixed-table-pagination .page-list{
	display: none;
}

.tbl-speak-content {
    background-position: 8px center;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 14px;
    text-decoration: underline;
}

.fixed-table-container tbody tr td.fixed-table-container-last{
	 background-color: #eef6fa;
    color: #51a3c8;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}

.cat-filter {
    display: inline-block;
    text-align: right;
    width: 500px;
}
.speakman-dropdown {
    display: inline-block;
}
/**Modal**/
.modal-header {
    border-bottom: none;
}

.close {
    font-size: 40px;
    font-weight: initial;
    opacity: 1;
}
.speakman-modal-form input,
#distributor-form input,
#ansi-form  textarea.form-control {
    display: inline-block;
    float: right;
    width: 60%;
    resize:none;
}

#speakman-modal-form  .form-group{
	margin-bottom: 25px;
}
.form-group label {
    width: 40%;
}

.save-new-entry {
    margin-left: 40%;
    width: 40%;
    font-weight: bold;
}

.modal-select{
	display: inline-block;
    margin-left: -1%;
    width: 60%;
}

.table-img img {
    height: auto;
    max-height: 80px;
    max-width: 80px;
    width: auto;
}

.table-img {
    padding-left: 0;
}

.text-warning {
    color: red;
    font-weight: bold;
}

.modal-body-error {
    padding-bottom: 10px;
}

.bootstrap-select .btn:focus{
	outline:  0 none!important;
	background-color: #fff;
    border-color: #ccc;
    color: #333;
}

.th-inner.sortable {
    text-decoration: underline;
}