body table{
    color:black;
}
.table{
    background-color: white;
    color: black;
}

.table th {
    background-color: #2E363F;
    color: white;
    font-weight: normal;
    font-size: 12px;
}


.table tr td a.btn {
    padding: 3px 5px;
}

table.user-detail tr td:nth-child(2){
    font-size: 16px;
    font-weight: bold;
}

table.table tr td {
   vertical-align: middle;
}

/*more input space*/

.inputspace input{
    margin-bottom: 5px;
}

/* radio buttons as tabs*/
.nav-tabs>li>label
{
    display: inline-block;
    padding: 1em;
    margin: 0;
    border: 1px solid transparent;
    cursor: pointer;
}
.nav-tabs>li.active>label
{
    cursor: default;
    border-color: #ddd;
    border-bottom-color: white;
}



/* paginator */

.pagination{
    margin:0;
}

.pagination li a{
    background-color: #f5f5f5;
    color:#333333;
    border-color: rgba(0, 0, 0, 0.1);

}
.pagination li a:hover{
  color:#333333;
}
.pagination li.active span, .pagination li.active span:hover{
  background-color: #cecece;
  border-color: silver;
  color:#2E363F;
}

.pagination-detail{    
    background-color: #f5f5f5;
    color:#333333;
    border: 1px solid gray;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.1);   
    line-height: 1.5; 
    padding: 2px 10px;
    font-weight:normal;
    font-size: 100%;
}

.pagination-detail label{
     font-weight:normal;

 }


.pagination-detail select,.pagination-detail option{
    font-size: 100%;
}

.pagination-detail-top{
    color:#333333;
    line-height:45px;
    font-weight:normal;
    font-size: 100%;
}

.pagination-detail-top span{
   font-size: 200%;
    cursor: help;
}

#perpage{
    padding:0;
    margin:0;
    height: 20px;
}

/* buttons */
.extra-space{
    padding:10px 0px;
}

/* FILTER */
#filterdetail{
    margin-top:5px;
        
}
/*#filterdetail .form-group, #filterdetail button{
    margin-bottom: 10px;
}*/
#filterdetail input, #filterdetail select{
    font-size: 10px;

}


.f-btn{
    text-align:right;
    padding-right: 20px;
}

/* end filter */

/* PANELS */


.form-group label{
    font-weight: normal;
}

/* end panels */
/* table data */

/* detail record data */
.table-color tr td:first-child{
    color:gray;
    width: 200px;
}

.table-color tr td:nth-child(2){
    font-weight: bold;
}
/* end table data */

/* owner data inside table data */
.table-color tr.owner-header td{
    color:gray;
}

.table-color tr.owner-header td:nth-child(2){
    font-weight: normal;
}

.table-color tr.owner-data td{

}

.table-color tr.owner-data td:nth-child(2){
    font-size: 130%;
}

/* end owner data */



.div-header
{
   /* font-weight: normal;
    border: 1px solid silver;
    padding: 5px;
    background-color: #e2e2ee;*/
    font-size: 16px;
}
table.tbl-reg th{
    background-color: white;
    color:gray;
}

/*public list*/
.reg-list ul{

}



a.btn.back{
    margin-left: 20px;
}

/* LAMP VYPIS */
.lamplist .replaced{
    color:#d43f3a;
}

/* LAMP VYPIS */
.table.lamplist > thead > tr > th {
    vertical-align: top !important;
}

/* LAMP DETAIL */

#lampdetail .table td.td-status label{
    font-size: 100%;
}

#lampdetail .table tr.tr-last td{
    border-bottom: 1px solid #ddd;
}

#lampdetail .table tr td.regnumber{
   font-size: 140%;
}

#lampdetail .table .replaced{
    background-color: #d43f3a;
    color: white;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
}

/* SWITCH DETAIL */

table.labeled td:first-child{
    min-width: 200px;
}

#switchdetail .table td.td-status label{
    font-size: 100%;
}

#switchdetail .table tr.tr-last td{
    border-bottom: 1px solid #ddd;
}

#switchdetail .table tr td.regnumber{
    font-size: 140%;
}


.checkbox.service input[type="checkbox"]
{
    position: relative;
    margin-left: 0;
}

@media (max-width:768px) {

    .event{
        display: block !important;
    }

    .event-btn{
        margin-bottom: 5px;

    }

    .event-list .event-date {
          height: 130px;
      }
    .event-list .event-data {
        min-height: 150px;
    }



    /*hide some specific columns*/
   /*.tbl-kulance th:nth-child(9), .tbl-kulance th:nth-child(8), .tbl-kulance th:nth-child(6), .tbl-kulance th:nth-child(5), .tbl-kulance th:nth-child(1),
    tr td:nth-child(9),.tbl-kulance tr td:nth-child(8),.tbl-kulance tr td:nth-child(6),.tbl-kulance tr td:nth-child(5),.tbl-kulance tr td:nth-child(1)
    {
        display: none;
    }
*/
   /*hide some columns,just add this class to td,th*/
   .mobile-hide{
       display: none;
   }

   /* enable wrap white space*/
   .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th
   {
       white-space: normal;
   }

   .table-responsive, .table-responsive .btn{
       font-size: 95%;
   }
}

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	.table-vertical table, 
	.table-vertical thead, 
	.table-vertical tbody, 
	.table-vertical th, 
	.table-vertical td, 
	.table-vertical tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-vertical thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.table-vertical tr { border: 1px solid #ccc; }
 
	.table-vertical td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align:left;
	}
 
	.table-vertical td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px;         
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.table-vertical td:before { content: attr(data-title); }

    .table-vertical .mobile-hide{
       display: none;
   }
}