input, optgroup, select, textarea, .ant-picker, .dropdown, .ant-input-number, .ant-input {
    border-radius: 5px;
    padding: 3px 10px;
    border-bottom: 1px solid #1c5362;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding: 2px 10px 3px 6px;
    background-color: transparent;
    border-radius: 0px;
    font-size: 12px;
    width: 100%;
}

.bootstrap-select {
    border-bottom: 1px solid #1c5362;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding: 0px 0px 0px 0px !important;
    background-color: transparent;
    border-radius: 0px !important;
    font-size: 12px;
    width: 100%;
}

    .bootstrap-select > button {
        border-radius: 0px !important;
        padding: 5px 10px 5px 10px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        margin-bottom: 0px !important;
        height: auto !important;
        border: 0px #000 solid !important;
    }

        .bootstrap-select > button > .filter-option {
            width: 90%;
            float: left;
            text-align: left;
        }

    .bootstrap-select > .dropdown-toggle {
        line-height: 17px !important;
    }

    .bootstrap-select > .dropdown-menu > .bs-searchbox > .form-control {
        border: 0px;
        background-color: transparent;
        padding: .150rem .40rem !important;
        font-size: 12px;
    }

    .bootstrap-select > .btn {
        text-align: right !important;
    }

    .bootstrap-select > .dropdown-menu {
        padding: 1px;
        border: 0px solid rgba(0, 0, 0, 1);
        margin-top: -25px !important;
    }

        .bootstrap-select > .dropdown-menu:focus {
            border: 0px !important;
        }

        .bootstrap-select > .dropdown-menu > .inner > ul {
            margin-top: 0px;
            height: 150px;
            overflow: scroll;
        }

            .bootstrap-select > .dropdown-menu > .inner > ul > li {
                margin-bottom: 2px !important;
            }

                .bootstrap-select > .dropdown-menu > .inner > ul > li > a {
                    font-size: 12px !important;
                }

                .bootstrap-select > .dropdown-menu > .inner > ul > li:first-child {
                    display: none;
                }

.ant-input {
    border: 0px;
    border-bottom: 1px solid #1c5362;
}














.ant-input-number {
    width: 100%;
}

.ant-picker > .ant-picker-input > .ant-picker-suffix > .anticon-calendar {
    color: black;
}

input:focus, optgroup:focus, select:focus, textarea:focus, .ant-picker:focus, .dropdown:focus, .ant-picker:focus {
    outline: none;
    box-shadow: none;
}


.ant-picker-focused {
    border: 1px solid #e09800 !important;
    box-shadow: none !important;
}

.dropdown-menu {
    width: 100%;
}

.bootstrap-select > .dropdown-toggle {
    width: 100% !important;
    background: transparent;
    padding: 0px;
    line-height: 23px;
}

.bootstrap-select > .dropdown-menu > .bs-searchbox > .form-control {
    width: 100%;
    text-align: left;
}


.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    position: relative;
    border: 0px;
    background-color: transparent;
    border-bottom: 1px solid #1c5362;
    border-radius: 0px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-input-affix-wrapper {
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #1c5362;
}

    .ant-input-affix-wrapper > .ant-input {
        background-color: transparent;
    }

label {
    color: #1b7188;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}



/* ANTD Icons Starts */

.anticon-search {
    background-color: #e09800;
    width: 100%;
    height: 31px;
    line-height: 42px;
    border-radius: 9px;
    color: #fff;
    font-weight: bold !important;
    font-size: 18px;
}

/* ANTD Icons Ends */


/* Pagination Starts */
.ant-pagination-total-text {
    line-height: 25px;
    font-weight: bold;
    width: 100%;
    float: left;
    height: 14px;
}

.ant-pagination-prev {
    margin-right: 0px !important;
}

.ant-pagination-item {
    height: 26px !important;
    margin-right: 8px !important;
    line-height: 21px !important;
    border: 0px !important;
    font-weight: bold !important;
    background-color: transparent;
    margin-top: -2px;
}

    .ant-pagination-item a {
        padding: 0px 3px !important;
    }

.ant-pagination-next .ant-pagination-item-link, .ant-pagination-prev .ant-pagination-item-link {
    background-color: #e09800;
    float: right;
}

.ant-pagination-next {
    float: right;
}

    .ant-pagination-next > button, .ant-pagination-prev > button {
        border-radius: 4px !important;
        padding: 1px 4px 1px 5px !important;
        height: 24px !important;
        border: 0px !important;
        width: auto !important;
    }

        .ant-pagination-next > button > .anticon, .ant-pagination-prev > button > .anticon {
            font-size: 18px;
            color: rgb(255 255 255);
        }


.ant-pagination-item-active > a {
    background-color: rgba(224,152,0,.15);
    border-radius: 4px;
}
/* Pagination Ends */
/* Alerts Starts */
.alert-danger {
    color: #842029;
    background-color: transparent;
    border-color: transparent;
    font-size: 14px;
}

.alert-success {
    color: #6ca901;
    background-color: transparent;
    border-color: transparent;
    font-size: 14px;
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 24px;
    right: -19px;
}

/* Alerts Ends */

/* Modal Popup Starts */
.ant-modal-content {
    padding: 0px 12px;
    float: left;
    border-radius: 10px;
}

.ant-modal-content, .ant-modal-body {
    width: 100%;
    float: left;
}

.ant-modal-header {
    padding: 13px 20px;
    border-bottom: 1px rgba(0,0,0,.2) solid;
}

.ant-modal-close-x {
    display: block;
    width: 10px;
    height: 35px;
}

.ant-modal-body {
    padding: 14px 10px;
}

.ant-modal-footer {
    padding: 10px 0px;
    border-top: 0px;
    width: 100%;
    float: left;
}
/* Modal Popup Ends */



.collapse > .coll:nth-child(odd) > .ant-collapse {
    background-color: rgba(27,113,136,.30);
}

.collapse > .coll:nth-child(even) > .ant-collapse {
    background-color: rgba(224,152,0,.30);
}




.collapse-new {
    width: 100%;
    float: left;
}

    .collapse-new > .ant-collapse {
        border-radius: 10px;
        border: 1px rgba(224,152,0,0.4) solid;
        background-color: rgba(224,152,0,.1);
        margin-bottom: 10px !important;
        font-size: 12px;
        width: 100%;
        float: left;
    }

        .collapse-new > .ant-collapse > .ant-collapse-item {
            border-bottom: 0px !important;
            padding-top: 4px;
            width: 100%;
            float: left;
        }

            .collapse-new > .ant-collapse > .ant-collapse-item > .ant-collapse-header {
                padding: 3px 5px !important;
                width: 100%;
                float: left;
            }

                .collapse-new > .ant-collapse > .ant-collapse-item > .ant-collapse-header > .ant-collapse-expand-icon > .ant-collapse-arrow {
                    line-height: 9px;
                    height: 16px !important;
                    margin-right: 4px !important;
                }

                    .collapse-new > .ant-collapse > .ant-collapse-item > .ant-collapse-header > .ant-collapse-expand-icon > .ant-collapse-arrow > .icon {
                        height: 18px !important;
                    }

            .collapse-new > .ant-collapse > .ant-collapse-item > .ant-collapse-content {
                width: 100% !important;
                float: left !important;
                background-color: #fff !important;
            }

                .collapse-new > .ant-collapse > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
                    height: auto !important;
                    padding: 8px !important;
                    float: left !important;
                    width: 100% !important;
                }


@media(max-width:768px) {
    .ant-modal-header {
        padding: 8px 5px;
        border-bottom: 1px rgba(0,0,0,.2) solid;
    }

        .ant-modal-header > .ant-modal-title {
            font-size: 14px;
        }

    .ant-modal-close-x {
        display: block;
        width: 10px;
        height: auto;
        line-height: 35px;
    }

    .ant-modal-body {
        padding: 14px 0px;
    }
}

.noline > .ant-select {
    font-size: 12px !important;
}

    .noline > .ant-select > .ant-select-selector {
        border-bottom: 0px;
        height: 26px !important;
    }

        .noline > .ant-select > .ant-select-selector > .ant-select-selection-item {
            height: 28px !important;
        }

.noline > .mb-2 {
    margin-bottom: 0px !important;
}

.anticon-close-circle {
    margin-top: -4px;
    background-color: var(--maroon);
    font-size: 14px;
    color: var(--white);
    right: -11px !important;
    position: absolute !important;
    padding: 0px 5px !important;
    border-radius: 5px !important;
}

.ant-select-arrow {
    right: 0px !important;
}

.anticon-search {
    background-color: #e09800;
    width: 100%;
    height: auto !important;
    border-radius: 5px;
    line-height:22px !important;
    color: #fff;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 0px 3px !important;
    margin-top: 2px !important;
}