.page_sub_title {
    font-size: 18px;
    font-weight: bold;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #f4f4f4;
    /* box-shadow: rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .117647) 0 1px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .117647) 0 1px 4px;
    -moz-box-shadow: rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .117647) 0 1px 4px;
    -o-box-shadow: rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .117647) 0 1px 4px;
    -ms-box-shadow: rgba(0, 0, 0, .117647) 0 1px 6px, rgba(0, 0, 0, .117647) 0 1px 4px; */
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

.content-header {
    position: relative;
    padding: 15px 15px 0 0px;
}

.skin-purple .content-header {
    background: transparent;
}

.content-header>h1 {
    display: inline-block;
    width: 70%;
}

.content-header {
    color: #5a5c69 !important;
    margin-top: 0px;
}

.headerElems {
    float: right;
    display: block;
    position: relative;
}

.modal-header {
    /* background-color: #596de6;
    background-image: -webkit-gradient(linear, left top, right top, from(#596de6), to(#6777d8));
    background-image: linear-gradient(to right, #596de6 0%, #6777d8 100%);
    background-repeat: repeat-x; */
}

/* .modal-title {
    color: #fff;
} */

/* .custom_modal_part .btn-close {
    width: 30px;
    height: 30px;
    background-color: #454545;
    color: #fff;
    border-radius: 50px;
    border: 2px solid #fff;
    opacity: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 0;
    font-size: 21px;
    font-weight: normal;
    background-image: none;

} */

.custom_modal_part .btn-close {
    width: 30px;
    height: 30px;
    background-color: #454545;
    color: #fff;
    border-radius: 50px;
    border: 2px solid #fff;
    opacity: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    background-image: none;
    border-color: rgb(255, 255, 255);
    border-style: solid;
}

.comp_modal_part.custom_modal_part .btn-close {
    font-size: 16px;
}

.form-group .form-switch label.form-check-label {
    font-weight: bold;
}

.form-group a:hover {
    color: #fff;
    text-decoration: none;
}


/* .add_customer_modal .box-body {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
} */

.modal-footer {
    /* padding: 3px; */
    text-align: right;
    border-top: 1px solid #e5e5e5;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.add_customer_modal form.row.g-3.needs-validation {
    margin-bottom: 0px;
}

.setting_view_table>tbody>tr>td:nth-child(3) {
    /* word-break: break-all; */
    word-break: break-word;
    max-width: 400px;
}

.setting_view_table>tbody>tr>td:nth-child(4) {
    /* word-break: break-all; */
    word-break: break-word;
    max-width: 400px;
}

table.setting_view_table tbody th,
table.setting_view_table tbody td {
    padding: 7px 8px;
}

.profile2 .actions .btn.btn-edit {
    /* color: #fff !important; */
    padding: 6px 0px;
}

.btn-default {
    background-color: #fff;
    color: #5e5e5e;
    border-color: #f0f0f0;
}

.profile2 .actions .btn {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 16px;
    padding-top: 3px;
    text-align: center;
    margin-bottom: 5px;
    border: 0px;
    transition: all .3s ease;
    background-color: #fff;
}

.add_setting_modal .btn.btn-secondary>a {
    text-decoration: none;
    color: #fff;
}

.sub_req_table tbody tr:first-child th {
    width: 50px;
}

.sub_req_table tbody tr:first-child td:nth-child(2) {
    width: 200px;
}

input#flexSwitchCheckChecked {
    margin-left: -14px;
    padding: 2px 4px !important;
}

label.form-check-label {
    padding-left: 2rem;
    margin-top: 1px;
}

.add_procedures_modal .form-switch .form-check-input {
    margin-left: -1.5rem;
}

/* .h3.mb-4 span {
    font-size: 15px;
    color: grey;
} */

.form-check.form-switch {
    padding-left: 3.25rem;
    padding-top: 5px;
}


/***audit wizard start***/


/**add on**/

.input-group.date .input-group-addon {
    cursor: pointer;
}

.form-control.error {
    color: #6e707e !important;
}

.date-picker.form-control.error {
    color: #6e707e;
}

.input-group .input-group-addon {
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #fff;
}

.custom_stepwizrd_part label {
    font-weight: normal !important;
    font-size: 14px;
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}


/***add on end**/

/* .nav-tabs>li>a {
    display: block;
    position: relative;
} */

/* .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
} */

.wizard_content {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    /* padding-left: 15px;
    padding-right: 15px; */
}

/* .custom_stepwizrd_part .nav-tabs>li>a {
    border-radius: 0;
    border: none;
    background-color: #f1f1f1;
    color: #404a50;
} */

.custom_stepwizrd_part .nav-pills>li.active>a {
    font-weight: 600;
}

/* .custom_stepwizrd_part .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
} */

.custom_stepwizrd_part .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.custom_stepwizrd_part .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.custom_stepwizrd_part.btn-success {
    background-color: #10cfbd;
    border-color: #0eb7a7;
}

.custom_stepwizrd_part.pull-right {
    float: right !important;
}

.custom_stepwizrd_part .panel-body {
    padding: 1rem;
}

.custom_stepwizrd_part .col-md-12.col-sm-12.col-xs-12.wizard_list_block {
    padding: 10px 0px;
    position: relative;
}

.part_48 .screen11_part .chat_wizard_icon,
#frm4112 .chat_wizard_icon {
    position: absolute;
    right: 0px;
    top: 0px;
}

#frm52 .chat_wizard_icon {
    top: 0px;
}

.part_48 .screen11_part .table>tr>td {
    position: relative !important;
}

.custom_stepwizrd_part .chat_wizard_icon {
    position: absolute;
    right: 14px;
    top: -5px;
}

.custom_stepwizrd_part .screen7_table_button_part .chat_wizard_icon {
    position: relative;
    right: 0;
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-chevron-left:before {
    content: "\e080";
}

.datepicker thead {
    background: none;
}

.custom_stepwizrd_part .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    border: 1px solid transparent;
    border-color: #ddd;
    margin-top: 5px;
}

.custom_stepwizrd_part .panel-default>.panel-heading a:after {
    /* content: "\002b" !important; */
    font-weight: bold;
    font-size: 30px;
    top: -6px;
}

#collapseFour .col-md-4,
#collapseFour .col-md-6,
#collapseFour .col-md-9,
#collapseFour .col-md-12 {
    float: none;
}

#collapseFour thead {
    background: none;
    color: #333;
}

#collapseFour .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e3e6f0;
    text-align: center;
}

#collapseFour .radio.center {
    text-align: center;
}

#frm4 .table>thead>tr>th,
#frm4 .table>tbody>tr>td {
    text-align: center;
}

/* .custom_stepwizrd_part .tab-content>.tab-pane {
    display: none;
    visibility: hidden;
} */

#modal_frmdiagram2 .form-group {
    margin-bottom: 15px;
}

#modal_frmdiagram2 #high_level_network_button,
#modal_frmdiagram #modal_upload_button {
    padding: 5px 11px;
    font-size: 14px;
}

.custom_stepwizrd_part .modal .fade {
    opacity: 1;
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.custom_stepwizrd_part thead {
    background: none;
    color: #000;
}

.custom_stepwizrd_part thead th {
    border-bottom: none !important;
    border-bottom-color: none;
}

.custom_stepwizrd_part thead tr {
    border-bottom: none !important;
    border-bottom-color: none;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

#smartwizard .btn.btn-primary.primary_add_btn.pull-right {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}


/* .tab-content > .active {
    display: block;
    visibility: visible;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
} */


/***aduit wizard over****/


/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */


/****bootstrap toggle switch css start***/

.bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid;
    border-color: #cccccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap-switch .bootstrap-switch-container {
    display: inline-block;
    top: 0;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    text-align: center;
    z-index: 1;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #428bca;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
    color: #fff;
    background: #5bc0de;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    color: #fff;
    background: #5cb85c;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    background: #f0ad4e;
    color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
    color: #fff;
    background: #d9534f;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    color: #000;
    background: #eeeeee;
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333333;
    background: #ffffff;
}

.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
    position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}

.bootstrap-switch input[type='radio'].form-control,
.bootstrap-switch input[type='checkbox'].form-control {
    height: auto;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 4px 11px;
    font-size: 12px;
    line-height: 18px;
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
    cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    -webkit-transition: margin-left 0.5s;
    transition: margin-left 0.5s;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}


/****bootstrap toggle switch css end***/

.custom_stepwizrd_part .panel-default .btn-primary {
    color: #fff;
    background-color: #4e73df;
    border-color: #4e73df;
    padding: 2px 10px;
    font-size: 13px;
}

.custom_stepwizrd_part h5 {
    font-size: 14px;
}

#todo_form .error,
#todo-edit-form .error {
    color: #ff0000;
    font-size: 12px;
    width: 100%;
    line-height: 1.5;
}

.pointer {
    cursor: pointer;
}

.alert>ul {
    margin-bottom: 0;
}

.certificate_icon {
    width: 13px;
    height: 13px;
    background-image: url(../img/certificate_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: inline-block;
    position: relative;
    top: 3px;
}

.btn-report.custom_icon,
.btn-report.custom_icon:hover,
.btn-report.custom_icon:focus {
    padding: 1px 3px 1px 1px !important;
}

.file_upload_box_part .uploadfile_box .btn-primary:focus,
.file_upload_box_part .uploadfile_box .btn-primary:active {
    box-shadow: none !important;
}

.show_to_do .form-group input[type="date"],
.show_to_do .form-group input[type="file"] {
    color: #6e707e !important;
}

.w-145 {
    width: 145px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.375rem 0.75rem;
}

.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
    border: "1px solid #d1d3e2";
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
}

@media (min-width: 2560px) {
    .col-2xl-4 {
        flex: 0 0 25%;  /* Adjusting for 4 columns */
        max-width: 25%;
    }
}

.py-2-5 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}