.navbar .branding {text-align: center;}
.navbar .branding .logo{max-height: 32px; width: auto; margin: 15px;}
.nav.navbar-nav>li>a{padding: 20px 25px; color: #1b1e25}
.nav.navbar-nav>.open>a:focus{background-color:#1b1e25}
.nav.navbar-nav>li>a:hover{color: rgba(27, 30, 37, .6)}

.page-content{padding: 20px;padding-top: 0px; width: calc(100% - 250px)}
.page-content h2{color: #434c5f; xcolor:#fff; font-weight: 500; margin:15px 0;margin-bottom:10px;}

/*.table{margin: 15px 0}*/
.table.table-striped>tbody>tr{background-color: transparent; transition: .3s all; border-bottom: 1px rgba(0,0,0,.1) solid}
/*.table.table-striped>tbody>tr:nth-of-type(odd){background-color: #2e3146 ;}*/
.table.table-striped>tbody>tr:hover{background-color: #eee;}
.table-striped tbody > tr:nth-child(2n+1) > td, 
.table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: transparent; !important;
}
.table.table-striped .alert-warning{padding: 20px !important; font-size: 20px;}
.table.table-striped>tbody>tr p{margin-bottom: 0}
.table.table-striped>tbody>tr td{color: #5f5f5f}
.panel{padding: 20px; xbackground-color: #222333; background-color: #fff}
.panel-default .panel-footer,
.panel-default > .panel-heading{padding: 0; background-color: transparent; border: none;}
.panel-default .panel-heading{margin-bottom: 20px;color:#fff;}
.table.table-striped th{background-color: rgba(0,0,0,.05);}
.table.table-striped th a:after{content: ''; display: inline-block; margin-left: 5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f90;}
.table.table-striped th a,
.table.table-striped th{color: #121212; vertical-align: middle;}
.table.table-striped>tbody .btn{border-radius: 50%; margin-right: 5px;}
.table.table-striped>tbody .btn i{font-size: 12px;}
.table.table-striped>tbody .btn-primary{xborder: 2px #0aa699 solid; border: none; xbackground-color: transparent; background-color: #0aa699; transition: .3s all; padding: 4px 9px;}
.table.table-striped>tbody .btn-success{xborder: 2px #008edc solid; border: none; xbackground-color: transparent; background-color: #008edc; transition: .3s all; padding: 4px 9px;}
.table.table-striped>tbody .btn-danger{xborder: 2px #f45753 solid; border: none; xbackground-color: transparent; background-color: #f45753; transition: .3s all; padding: 4px 9px;}
.table.table-striped>tbody .btn-primary:hover{background-color: #0aa699;}
.table.table-striped>tbody .btn-success:hover{background-color: #008edc;}
.table.table-striped>tbody .btn-danger:hover{background-color: #f45753;}
.table.table-striped>tbody .btn:visited{color: #fff}
.table.table-striped>tbody .glyphicon.glyphicon-ok-sign{font-size: 22px;}
.table.table-striped>tbody small ul{padding-left: 15px;}


.panel-default .panel-footer .pagination{margin: auto;}
.panel-default .panel-footer .pagination>li.active>a{background-color: #008edc; color: #fff;}
.panel-default .panel-footer .pagination>li>a,
.panel-default .panel-footer .pagination>li>span{background-color: transparent; color: #434c5f; border-color: rgba(0,0,0,.2);}


/******** GERNERAL VIEW FILTER LAYOUT **********/

.panel-heading form > .flex {display: flex;  align-items: center; margin: 0; margin-bottom: 10px;}
.panel-heading form > .flex:last-child {margin-bottom: 0}
.panel-heading form > .flex .btn-default.reverse {border: 1px #1f3853 solid; background-color: transparent; color: #1f3853}
.panel-heading form > .flex a{margin-right: 10px;}
.panel-heading form .flex-right {margin-left: auto;}
.panel-heading form .page-filter {width: 70px; margin: 0 5px;}
.panel-heading form .input-group {width: 235px; margin: 0 5px;}
.panel-heading form .input-group .input-group-btn {width: 1%;}
.panel-heading form .input-group input {border-right: none;}
.panel-heading form .input-group input:focus {background-color: transparent; border-right: none;}
.panel-heading form .input-group #clear_btn {background-color: #fff; border: 1px solid #e5e9ec; border-right: none; border-left: none;font-size: 12px; padding-bottom: 8px; opacity: .8}
.panel-heading form .input-group .btn.btn-default { border: 1px solid #d1dade; border-right: none; border-left: none;font-size: 12px; padding-bottom: 8px; opacity: .8}
.panel-heading form select {margin: 0 5px;}
.panel-heading form select:last-child {margin-right: 0;}
.panel-heading form select:first-child {margin-left: 0;}
/*.panel-heading form #filter_status {width: 150px; margin: 0 5px;}*/
/*.panel-heading form #filter_country_code {width: 150px; margin: 0 5px;}*/

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{margin-top: 5px;}
.panel label.title {font-weight: bold; margin-top: 25px; font-size: 18px; margin-bottom: 10px}


.form-group.checkbox{display: block;margin-bottom: 0;}
.form-group.checkbox input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.form-group.checkbox label {position: relative;  cursor: pointer; padding-left: 0}
.form-group.checkbox label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #0079bf;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 8px; margin-top: -3px}
.form-group.checkbox input:checked + label:after {content: '';display: block;position: absolute;top: 4px;left: 7px;width: 7px;height: 11px;border: solid #0079bf;border-width: 0 2px 2px 0;transform: rotate(45deg);}


form .panel-default h1 {margin: 0; font-size: 22px; margin-bottom: 15px;}
form .panel-default .panel-footer {text-align: right; padding-top: 35px}
form .panel-default .panel-footer input {margin: 10px}
form .panel-default .panel-footer input:last-child {margin-right: 0}




@media (max-width:768px) {
	.panel-group .panel{margin-bottom: 15px;}
	.page-content h3{font-weight: bold; color: #000}
	.scroll-wrapper > .scroll-content{width: 260px !important}
}
@media (max-width:1024px) {
	.page-content{padding: 0; width: 100%;}
}



@media screen and (max-width: 600px) {
  .table.table-striped thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .table.table-striped tr {
    border: 1px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .table.table-striped td {
    display: block;
    text-align: right;
    padding-left: 40% !important;
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    position: relative;
  }
  
  .table.table-striped td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 15px;
  }
  .table.table-striped td:last-child {
    border-bottom: 0;
  }
}