.input,
    input-group {
        border-radius: 4px;
        border: 1px solid #D1D7E8;
    }

    .nutCongTru {
        height: 16px;
        width: 16px;
        border-radius: 4px;
        background-color: #1760DD;
        border: none;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        color: white;
        line-height: 14px;
    }

    .submitCong {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #1760DD;
        border: none;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        color: white;
        line-height: 14px;

    }

    .calcelButton {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: white;
        border: 1px solid #E5E5E5;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        color: #2F4365;
        line-height: 14px;

    }

    .input-note-dkptsx{
        max-width:100%;max-height:70px;resize: none;min-width:225px;height: 30px !important;
    }


    .fas {
        font-size: xx-small;
    }

    .arrowRemoved::-webkit-inner-spin-button,
    .arrowRemoved::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .scroll {
        /* height: 500px; */
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .slimScrollDiv{
        position: unset !important;
        overflow: hidden;
        width: auto;
        height: 410px;
    }
    .formTitle{
        height: 20px;	
        width: 126px;	
        opacity: 0.7;	
        color: #2F4365;	
        font-family: "Source Sans Pro";	
        font-size: 16px;	
        font-weight: 600;	
        line-height: 20px;
    }
    .badge {
        display: inline-block;
        font-family: "Open Sans", sans-serif;
        /*margin: -6px 0 0 0;*/
        font-weight: 600;
        padding: 6px 9px;
        /*height: 24px;*/
    }

    /*#QPnew13 div, #QPnew12 div, #QPnew11 div, #QPnew10 div, #QPnew9 div, #QPnew8 div, #QPnew7 div, #QPnew6 div, #QPnew5 div, #QPnew4 div, #QPnew3 div, #QPnew2 div, #QPnew1 div, #QPnew0 div {
        overflow-x: hidden;
        max-width: 175px;
    }*/

    .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
        font-size: 1.6em;
        line-height: 0.75;
        height: 15px;
        width: 15px;
        float: left !important;
    }

    .error {
        color: red;
    }

    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 3px;
    }

    .redactor-box {
        margin-bottom: 0px;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
        /* background-color: #FFFFFF; */
    }

    label {
        font-weight: 600;
        font-size: 14px;
    }

    .well {
        background-color: #fafafa;
        border: 1px solid #ccc;
    }

    .todo-userpic {
        border-radius: 50%;
    }

    .media {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .media-body {
        padding: 6px;
        border: 1px solid #eee;
        border-radius: 10px;
        max-width: 75vh;
    }

    .me-mesage {
        background-color: #dfba49;
        color: #fff;
    }

    .orther-mesage {
        background-color: rgba(234, 233, 233, 0.58);
    }

    #dkdxTemplate .popover-content, #dkdxTemplate .popover-inner{ 
        max-width: 100% !important;
    }
    #dkdxTemplate .popover{
        max-width: 68% !important;
    }

    .max-width-80-percent{
        max-width: 60% !important;
    }