.form-heading{padding-left: 30px;}
.form-group-container{display: flex;justify-content: space-between;align-items: center;}
.form-group-container .control-group{flex: 1 1 0%;}
.form-horizontal .control-group{padding: 0 30px;}
.form-btn-action{text-align: right;}
.form-btn-action .btn a{color: #fff;}
.action-icon{display: inline-block; width: 100%;height: 100%;text-align: center;}
.action-icon i{font-size: 18px;}
.action-icon.edit i{color: #006dcc;}
.action-icon.delete i{color: #da4f49;}
.table-responsive{display: block;width: 100%;overflow-x: auto;}
.table thead th{vertical-align: top !important;}
.access-controls-checkbox{display: flex;gap: 10px;flex-wrap: wrap;}
.access-controls-checkbox-label{width: 15%;}
.access-controls-radio{display: flex;gap: 10px;flex-wrap: wrap;}
.access-controls-radio-label{margin-bottom: 0;}
.absentPresent-user .fg-toolbar{display: none;}
.absentPresent-user .table{padding: 20px;}
.absentPresent-user .dataTables_length{display: none;}
.absentPresent-user th:first-child,
.absentPresent-user td:first-child {width: auto !important;white-space: nowrap;min-width: 150px;max-width: 300px;}
.absentPresent-user {overflow-x: auto;width: 100%;max-width: 100%;}
.absentPresent-user .table td:first-child,
.absentPresent-user .table th:first-child {min-width: 150px;max-width: 200px;text-align: left;background: #fff;}
.form-group-flex{justify-content: flex-start;}
.form-group-flex .control-group{flex: inherit;width: 20%;}
.control-group-flex{padding-left: 0 !important;}
.control-group-flex .control-label{text-align: left !important;width: fit-content !important;}
.control-group-flex .controls{margin-left: 100px !important;}
.select2-container{padding-bottom: 10px;}


@media only screen and (max-width:767px){
    .form-horizontal .control-group{padding: 0;width: 100%;}
    .form-horizontal .controls{padding: 10px 30px !important;}
    .access-controls-checkbox-label {width: 100%;}
    .control-group-flex .controls {margin-left: 0px !important;}
}

@media only screen and (max-width:1024px){
    .form-group-container{display: block;}
}

@media (min-width: 768px) and (max-width: 979px) {
    .row-fluid .span11 {width: 100% !important;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .access-controls-checkbox-label {width: 48%;}
    .form-group-flex .control-group{flex: 1 1 0%;width: inherit;}
    .control-group-flex .controls{margin-left: 200px !important;}
    .control-group-flex .control-label {width: 180px !important;text-align: right !important;}
}

@media (min-width: 1025px) and (max-width: 1500px) {
    .form-group-container{flex-wrap: wrap;}
    .form-group-container .control-group {flex: inherit;width: 43%;}
    .access-controls-checkbox-label {width: 32%;}
}