/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.dashboard .panel-body {
    transition: .2s linear all;
    height: 550px;
    overflow: hidden;
}
.dashboard .panel-body .filter {
	margin-bottom: 15px;
}
.dashboard .panel-body .filter-list {
	overflow: auto;
	height: 451px;
}
.dashboard .panel-body .list {
	overflow: hidden;
}
.dashboard .panel-body .list div {
	overflow: auto;
    height: 500px;
}
.dashboard .panel-body.ng-hide {
    height:0;
}

span[aria-expanded=false] .fa-chevron-up {
   display: none;
}
span[aria-expanded=true] .fa-chevron-down {
   display: none;
}

#wrapper {
    width: 100%;
    position: relative;
}

#page-wrapper {
    padding: 0 15px 44px;
    min-height: calc(100vh - 70px) !important;
    background: #ECF0F5;
}

.nopadding-sides {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 150px;
        padding: 0 30px 44px;
        /*border-left: 1px solid #e7e7e7;*/
    }
}

.page-header {
    font-size: 26px;
    color: #2b425b;
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-success, .btn-primary {
    color: #fff;
    background-color: #00add8;
    border-color: #00add8;
}

.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #00add8 !important;
    border-color: #00add8;
    opacity: 0.8;
}

.btn-back {
	color: #fff;
	background-color: #001F5B;
}

.btn-back:hover, .btn-back:focus, .btn-back:active {
    color: #fff;
    background-color: #001F5B !important;
    opacity: 0.8;
}

.btn[disabled] {
	background: #eee;
    color: #000;
    border-color: #eee;
    opacity: 1;
}

.btn[disabled]:hover {
	background: #eee !important;
	border-color: #eee;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.panel {
    /*-webkit-border-image: linear-gradient(to right, rgba(0,173,216,.8), rgba(238,48,113,.8)) 5;
    -moz-border-image: linear-gradient(to right, rgba(0,173,216,.8), rgba(238,48,113,.8)) 5;  
    -o-border-image: linear-gradient(to right, rgba(0,173,216,.8), rgba(238,48,113,.8)) 5;
    border-image: linear-gradient(to right, rgba(0,173,216,.8), rgba(238,48,113,.8)) 5;*/
    border: 1px solid #001f5b;
}
.panel-heading {
    /*background: linear-gradient(to right,rgba(0,173,216,.8) 0,rgba(238,48,113,.8) 120%);*/
    background-color: #001f5b !important;
    color: #fff !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    min-height: 56px;
    /*padding: 15px 0px;*/
    overflow: hidden;
}

.panel-heading label {
    margin: 5px 0;
}

.panel-heading button, .panel-heading input, .panel-heading select{
    margin: 3px 3px;
}

.panel-heading input, .panel-heading select{
    min-width: 140px;
}

.panel-heading .btn-search {
    margin-top: 20px;
}

@media (min-width: 992px){
    .panel-heading {
        //min-height: 174px;
    }
    
    .panel-heading .btn-search {
        margin-top: 33px;
    }
}

@media (min-width: 1600px){
    .panel-heading {
        //padding: 10px 15px;
    }
    
    .panel-heading input, .panel-heading select{
        margin: 0 3px;
        width: 29%;
    }
    
    .panel-heading .btn-search {
        margin-top: 0px;
    }
    
    .panel-heading button {
        margin: 0 3px;
        min-width: 80px;
        display: inline-block;
    }

    .user-action .panel-heading button {
        min-width: 0px;
    }
}

.user-action .panel-heading .uib-datepicker {
   color: #333
}

.user-action .panel-heading {
   height: 56px
}

@media(min-width:1601px) {
    .user-action .panel-heading .btn-search{
      width: 18%;
      margin-right: 20px;
    }
}

@media(max-width:1600px) {
    .user-action .panel-heading {
       height: 216px
    }
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table td .btn {
    min-width: 100%;
    margin: 0 auto 3px;
    display: block;
}

table th {
    font-size: 16px;
}

table th a {
	display: inline-block;
	width: 100%;
}

@media (min-width: 1316px){
    table td .btn {
        display: inline-block;
        min-width: auto;
    }
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, .pagination>.active>span, 
.pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #00add8;
    border-color: #00add8;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-right: 0;
    border-left: 0;
}

table.text-wrap {
	border-collapse:collapse; 
	table-layout:fixed;
}

table.text-wrap>tbody>tr>td, table.text-wrap>tbody>tr>th, 
table.text-wrap>tfoot>tr>td, table.text-wrap>tfoot>tr>th, 
table.text-wrap>thead>tr>td, table.text-wrap>thead>tr>th,
.text-wrap {
	word-wrap:break-word;
}

textarea.static-width {
	resize: vertical;
}