/* Datatable styles
-------------------------------------------------- */
table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 140px!important;
    white-space: normal;
}

.panel-body .dataTables_wrapper {
    margin: 15px;
}
/* Footer footer styles
-------------------------------------------------- */
html, body {
    min-height: 100vh;
}

.wrapper {
    min-height: calc(100vh - 90px);
}

.footer {
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #EFF0F1;
    padding: 20px 0;
    margin-top: 30px;
}

.loader {
    margin: 16px auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* Page styles
-------------------------------------------------- */
body, select, textarea, input {
    font-family: Roboto, Helvetica, Arial, Meiryo, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    color: #333;
}

/* Jumbotron styles
-------------------------------------------------- */
.jumbotron {
    padding-top:10px;
    padding-bottom: 10px;
    background-color: white;
    border-bottom: solid 5px #F05A28;
}

@media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 10px;
      padding-bottom: 10px;
    }
}

/* Header styles
-------------------------------------------------- */
h3,
.h3 {
  font-size: 26px;
}

/* Page Header styles
-------------------------------------------------- */
.page-header {
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 0;
    border-bottom: none;
}

.page-header h1 {
    margin-top: 0;
    margin-bottom: 0;
}

/* Panel styles
-------------------------------------------------- */
.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
    text-decoration: none;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.form-container {
    padding: 15px;
    border: 1px #ddd solid;
    background-color: #f5f5f5;
}

.input-group-addon label {
    margin-bottom: 0;
    font-weight: normal;
}

.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
    float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}
@media (max-width: 767px) {    
    .pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}
@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}

.mb-15 { margin-bottom: 15px; }

@media (min-width: 0px) and (max-width: 767px) {
    .mt-xs-5 { margin-top: 5px; }
    .mt-xs-15 { margin-top: 15px; }
    .mb-xs-5 { margin-bottom: 5px; }
    .mb-xs-15 { margin-bottom: 15px; }
}

.form-group {
    display: inline-block;
    width: 100%;
}

.kbw-signature { width: 100%; height: 200px; }

/*td {
    white-space: normal !important; 
    word-wrap: break-word;  
}*/

.well.row {
    margin-right: 0;
    margin-left: 0;
}

.label-page {
    background-color: none;
    color:grey;
}

.big-checkbox {width: 30px; height: 30px; margin-top:0 !important;}

#si-assignment-entry .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

#si-assignment-entry .checkbox label {
    padding-left: 0;
}

#si-assignment-entry .checkbox label input {
    position: relative;
    margin-left: 0;
}

#Entry table tbody tr td {
    vertical-align: top;
}

#Entry table tbody tr td div.form-group {
    margin-bottom: 0;
}

.well .col-md-12 .form-group:last-child {
    margin-bottom: 0;
}

#Entry .well table {
    margin-top: 15px;
    margin-bottom: 0;
}

.actions {
    text-align: center;
}

#Entry .well table .actions {
    text-align: right;
}

#Entry .well table tbody td,
tbody.time-entry {
    vertical-align: top;
}

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

table.dataTable>tbody>tr.child span.dtr-title {
    vertical-align: top;
}

tbody.time-entry tr td {
    word-break: break-word;
}

tbody.time-entry tr td div.help-block {
    white-space: pre-wrap;
}