/*@import url('https://fonts.googleapis.com/css?family=Lato|Lato');*/
.notifications-menu {
    font-size:16px;
}
.notifications-menu a.dropdown-toggle {
    height:50px;
}
.notifications-icon {
    float: left;
    margin-top: 1px;
    margin-right: 10px;
}
.notifications-text {
    padding-left: 25px;
}
.dp-header {
  margin: 0px;
}
.dp-inline-btn {
  margin: 25px 0px 0px 0px;
}
.dp-row-pad {
  padding: 0px 0px 20px 0px;
}
.dp-input-number {
  text-align: right;
}
.form-group.dp{
  margin-bottom:0;
}
table {
  font-size:inherit;
}
h1 {
  font-size: 28px;
}
a.btn h1 {
  font-weight: bold;
  font-size: 36px;
  margin-top: 10px;
  font-family: "Lato","Helvetica Neue", Helvetica, Arial, sans-serif;
}
thead th {
    text-align: center;
}
.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

.content-wrapper {
    min-height: calc(100vh - 105px) !important;
}
table.dataTable>tbody>tr.child ul {
  width:95%
}
hr.dp {
    margin: 10px 0;
}
label+.radio {
    margin-top: 0
}
.select2 {
    width: 100%!important;
}
td.details-control {
    background: url('../images/expand.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/collapse.png') no-repeat center center;
}

.dtlabel {
/*   padding-top:0.9em !important;*/
}

.trno {
    margin-bottom:0;
    font-weight: 700;
}

.editketerangan {
    width:inherit!important;
}

.form-horizontal .form-group .form-group {
    margin:0;
}

.column-nowrap {
    white-space: nowrap;
}
.info-box{
    position:relative;
}
.info-box-link {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 10px;
}
/*chart*/

.ct-chart {
    position: relative;
}
.ct-legend {
    position: relative;
    z-index: 10;
    list-style: none;
    text-align: center;
}
.ct-legend li {
    position: relative;
    padding-left: 23px;
    margin-right: 10px;
    margin-bottom: 3px;
    cursor: pointer;
    display: inline-block;
}
.ct-legend li:before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    content: '';
    border: 3px solid transparent;
    border-radius: 2px;
}
.ct-legend li.inactive:before {
    background: transparent;
}
.ct-legend.ct-legend-inside {
    position: absolute;
    top: 0;
    right: 0;
}
.ct-legend.ct-legend-inside li{
    display: block;
    margin: 0;
}
.ct-legend .ct-series-0:before {
    background-color: #d70206;
    border-color: #d70206;
}
.ct-legend .ct-series-1:before {
    background-color: #f05b4f;
    border-color: #f05b4f;
}
.ct-legend .ct-series-2:before {
    background-color: #f4c63d;
    border-color: #f4c63d;
}
.ct-legend .ct-series-3:before {
    background-color: #d17905;
    border-color: #d17905;
}
.ct-legend .ct-series-4:before {
    background-color: #453d3f;
    border-color: #453d3f;
}
 .ct-label {
     font-size: 13px !important;
 }

.dataTables_filter {
    text-align: left !important;
}
.dataTables_length {
    text-align: right !important;
}

/*
input[type=text] {
    text-transform: uppercase;
}*/

@media print {
    table, table tr, table td {
        border-top: #000 solid 0px !important;
        border-bottom: #000 solid 0px !important;
        border-left: #000 solid 0px !important;
        border-right: #000 solid 0px !important;
        padding-top:1px !important;
        padding-bottom: 1px !important;
        border-bottom-color: black;
        border-top-color: black;
        border-bottom-width: 0px;
        border-top-width: 0px;
    }
}

input[type=radio].absensi:not(old) {
    width     : 2em;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}
input[type=radio].absensi:not(old) + label{
    display      : inline-block;
    margin-left  : -2em;
    line-height  : 1.5em;
}
input[type=radio].absensi:not(old):checked + label > span{
    background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=radio   ]:not(old) + label > span{
    display          : inline-block;
    width            : 1em;
    height           : 1em;
    margin           : 0.25em 0.5em 0.25em 0.25em;
    border           : 0.0625em solid rgb(192,192,192);
    /*border-radius    : 0.25em;*/
    background       : rgb(224,224,224);
    background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
    vertical-align   : bottom;
}

input[type=radio].absensi:not(old):checked + label > span > span{
    display          : block;
    width            : 1em;
    height           : 1em;
    margin           : 0 0 0 -1px;
    border           : 0.0625em solid rgb(115,153,77);
    /*border-radius    : 0.25em;*/
    background       : rgb(153,204,102);
    background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

.initial {
    font-size: 30px;

    text-align: center;
    /* padding-left: 0.25em; */
    border-width: 1px;
    border: 1px solid white;
    height: 45px;
    width: 45px;
    /*border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;*/
    line-height: 40px;
    float:left;
    margin-right: 15px;

}

.table-scroll tr {
    display: table-row;
}
.table-scroll tbody{
    overflow-y: scroll;
    height: 200px;
    width: 100%;
    position: absolute;
}