/* Start Button Type */
.primary-save-btn {
    color: #1890ff;
    border: 1px #1890ff solid;
    animation: SearchAttention 1s;
    animation-iteration-count: infinite;
}
.ant-btn {
    border-radius: 2px;
}
.ant-btn-primary {
    background: #1375c8;
    border: none;
    color: white;
    border-radius: 2px;
}
.ant-btn-primary:hover, .ant-btn-primary:focus {
    background: #459eea;
    border: none;
}
.ant-btn-danger {
    background: #d43232;
    border: none;
    border-radius: 2px;
}
.ant-btn-danger:hover, .ant-btn-danger:focus {
    background: #e16363;
    border: none;
}
.antbutton-type-edit {
    background: #ffb40b;
    border: none;
    border-radius: 2px;
}
.antbutton-type-edit:hover, .antbutton-type-edit:focus{
    background: #f7c043;
    border: none;
}
.ant-btn-background-ghost.ant-btn-danger {
    border: 1px solid #d43232;
    border-radius: 2px;
}
.ant-btn-background-ghost.ant-btn-primary {
    border: 1px solid #1375c8;
    border-radius: 2px;
}
.ant-btn-primary[disabled] , .ant-btn-primary[disabled]:hover , .ant-btn-danger[disabled] , .ant-btn-danger[disabled]:hover {
    background-color: #dbdee0;
    border: none;
}
.ant-btn-background-ghost.ant-btn-danger:hover , .ant-btn-background-ghost.ant-btn-danger:focus{
    color: white;
    background-color: #ff4d4f !important;
}
.ant-btn-background-ghost.ant-btn-primary:hover , .react-bs-table-csv-btn:hover , .ant-btn-background-ghost.ant-btn-primary:focus , .react-bs-table-csv-btn:focus {
    color: white;
    background-color: #40a9ff !important;
}
/* End Button Type */
@font-face {
    font-family: 'Chakra Petch';
    src: url('../file/ChakraPetch-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Chakra Petch';
    src: url('../file/ChakraPetch-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: 'Chakra Petch';
    src: url('../file/ChakraPetch-Bold.ttf');
    font-weight: 700;
}
* {
    font-family: 'Chakra Petch', sans-serif !important;
}
.ant-list {
    font-size: 13px;
}
.ant-typography {
    font-size: 14px !important;
}
.body-menu-bar ul {
    margin: 0;
    padding: 0;
}

.body-menu-bar li {
    list-style: none;
}
.ant-form-explain {
    text-align: left;
    font-size: 12px;
}
input::placeholder , textarea::placeholder , .ant-select-selection__placeholder, .ant-select-selection--multiple {
    font-weight: 400;
    color: #b8b8b8;
}
.ant-select-selection__choice {
    background-color: #2a7dcd !important;
    color: white !important;
    border-radius: 4px !important;
    font-weight: 400;
}
.ant-select-selection__choice .ant-select-selection__choice__content {
    font-size: 13px !important;
    line-height: 22px;
}
.ant-select-selection__choice span {
    color: white !important;
}
.ant-select-search__field {
    font-weight: 400;
}
.ant-page-header-heading-sub-title {
    width: 100%;
}
.ant-input-search {
    width: 200;
    display: "unset";
}
.ant-btn-sm {
    padding: 0 10px;
}

.button-with-icon {
    display: inline-flex;
    padding: 0 10px;
}
.button-with-icon i {
    margin-top: 7px;
}
.button-with-icon .anticon-poweroff {
    margin-top: 9px;
}
.ant-card-actions {
    background-color: white;
}
.swal2-title {
    font-weight: 400 !important;
    font-size: 18px !important;
}
.swal2-icon {
    font-size: 14px !important;
}
.swal2-confirm, .swal2-cancel {
    font-size: 14px !important;
}
.ant-page-header {
    padding: 0 10px;
}
.ant-radio-group {
    user-select: none;
}
.header-page-text {
    padding: 0 10px 10px 0;
}
.search-table {
    user-select: none;
}
.search-table {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    color: rgba(0,0,0,0.65);
    font-size: 14px;
    line-height: 32px;
    line-height: 1.5 \9;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 2px rgba(175, 216, 255, 0.65);
    -moz-box-shadow: 0 0 0 2px rgba(175, 216, 255, 0.65);
    box-shadow: 0 0 0 2px rgba(175, 216, 255, 0.65);
    /* -webkit-animation: SearchAttention 1s;
    -webkit-animation-iteration-count: infinite;
    animation: SearchAttention 1s;
    animation-iteration-count: infinite; */
}
.search-table:focus {
    border-color: #40a9ff;
    border-right-width: 1px !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(74, 161, 243, 0.685);
    box-shadow: 0 0 0 2px rgba(74, 161, 243, 0.685);
}
@-webkit-keyframes SearchAttention {
    from {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(74, 161, 243, 0.685);
        -moz-box-shadow: 0px 0px 0px 0px rgba(74, 161, 243, 0.685);
        box-shadow: 0px 0px 0px 0px rgba(74, 161, 243, 0.685);
    }
    to {
        -webkit-box-shadow: 0px 0px 0px 5px rgba(130, 194, 38, 0);
        -moz-box-shadow: 0px 0px 0px 5px rgba(130, 194, 38, 0);
        box-shadow: 0px 0px 0px 5px rgba(130, 194, 38, 0);
    }
}

@keyframes SearchAttention {
    from {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(74, 161, 243, 0.685);
        -moz-box-shadow: 0px 0px 0px 0px rgba(74, 161, 243, 0.685);
        box-shadow: 0px 0px 0px 0px rgba(74, 161, 243, 0.685);
    }
    to {
        -webkit-box-shadow: 0px 0px 0px 5px rgba(130, 194, 38, 0);
        -moz-box-shadow: 0px 0px 0px 5px rgba(130, 194, 38, 0);
        box-shadow: 0px 0px 0px 5px rgba(130, 194, 38, 0);
    }
}
.download-button {  
    color: rgb(21, 158, 21);
    border: 1px solid rgb(21, 158, 21);
}
.download-button:hover {
    background-color: rgba(21, 158, 21, 0.644) !important;
    color: white;
    border: 1px solid rgba(21, 158, 21, 0.644);
}
.ant-drawer-wrapper-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}
.ant-select-selection , .ant-input {
    border-radius: 2px;
    border: 1px solid #cecece;
}
.ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left {
    border-right: unset;
}
.table-preview td:nth-child(1) {
    width: 150px;
}
.table-preview.choose-before-send td:nth-child(1){
    text-align: center;
    width: 50px !important;
}
.table-preview.choose-before-send td:nth-child(2){
    width: 150px;
}
.ant-input-disabled {
    color: rgba(150, 150, 150, 0.69);
    background-color: #e5e5e5;
}
.lite-input-font {
    font-size: 13px;
}
.button{
    border: 1px solid #099b21;
    background-color: white; 
    padding: 3px 11px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
  }
.button-download{
    background-color: white; 
    color: #099b21; 
    border: 1px solid #099b21;
    margin-top: 8px;
    float: right;
    margin-bottom: 10px;
}
.button-download:hover, .button-download:focus{
    background-color: #099b21 !important; 
    color: white;
    border: 1px solid #099b21 !important;
}
.rdw-editor-main {
    border: 1px #e6e6e6 solid;
}
.ant-message-notice-content {
    border-radius: 2px;
}
.order-control-btn:hover {
    border: 1px solid #1890ff;
}
.rdw-link-modal , .rdw-image-modal {
    height: unset !important;
}