.RightBlock {
    padding: 20px;
    width: 100%;
    height: auto;
    float: left;
    background-color: #FFF;
    min-width: 234px;
    /* margin-bottom: 4.22%; */
    border-bottom: 1px solid #E4E4E4;
}

    .RightBlock .header {
        width: 100%;
        height: 36px;
        /*display: inline-flex;*/
    }

        .RightBlock .header .IconType {
            width: 36px;
            height: 36px;
            background-color: #3987E6;
            padding: 4px;
            border-radius: 4px;
            text-align: center;
            float: left;
        }

    .RightBlock .dropdown-menu {
        cursor: pointer;
    }

    .RightBlock .header .IconType img {
        width: 22px;
        height: 22px;
    }

    .RightBlock .header .Menu_r {
        float: right;
    }

    .RightBlock .TextDetail {
        font-size: 13px;
        color: #333333;
        text-align: left;
        padding-top: 10px;
    }



        .RightBlock .TextDetail .btnRB {
            width: 100%;
            height: 30px;
            align-content: center;
            vertical-align: middle !important;
            text-align: center !important;
        }

            .RightBlock .TextDetail .btnRB > .btn {
                width: 31.0%;
                height: 30px;
                padding-left: 30px;
            }

            .RightBlock .TextDetail .btnRB > .btn-group3 {
                width: 33.0%;
            }

            .RightBlock .TextDetail .btnRB .btn-group3 > .btn-Save {
                width: 77% !important;
            }

            .RightBlock .TextDetail .btnRB .btn-group3 > .btn-preview {
                width: 77% !important;
            }

            .RightBlock .TextDetail .btnRB .btn-group3 > .btn-rb-cancel {
                width: 77% !important;
            }

            .RightBlock .TextDetail .btnRB > .send-email > #btn-cancel {
                width: 95%;
            }

            .RightBlock .TextDetail .btnRB .btn-group3 > .dropdown-toggle {
                width: 23%;
                padding-left: 6px;
            }

            .RightBlock .TextDetail .btnRB > .btn-group3:first-child {
                float: left;
            }

            .RightBlock .TextDetail .btnRB > .btn-group3:last-child {
                float: right;
            }

            .RightBlock .TextDetail .btnRB > .btn-group3:not(:first-child):not(:last-child) {
                margin: auto auto;
            }

            .RightBlock .TextDetail .btnRB > .btn-group-save {
                float: left !important;
            }

            .RightBlock .TextDetail .btnRB > .send-email {
                float: left !important;
            }

            .RightBlock .TextDetail .btnRB > .send-cancel {
                float: left !important;
            }

            .RightBlock .TextDetail .btnRB > .btn-group-preview {
                margin: auto auto;
                height: 30px;
            }

                .RightBlock .TextDetail .btnRB > .btn-group-preview .btn-preview {
                    height: 30px;
                }

            .RightBlock .TextDetail .btnRB > .btn-group-new {
                width: 31.0%;
                height: 30px;
                float: left;
            }

                .RightBlock .TextDetail .btnRB > .btn-group-new .btn-New {
                    width: 100%;
                    padding-left: 30px;
                }

            .RightBlock .TextDetail .btnRB > .btn-group-cancel {
                float: right !important;
            }

            .RightBlock .TextDetail .btnRB button.btnLongCancel {
                width: 49%;
            }

            .RightBlock .TextDetail .btnRB > .btn:first-child {
                float: left;
            }

            .RightBlock .TextDetail .btnRB > .btn:last-child {
                float: right;
            }

            .RightBlock .TextDetail .btnRB > .btn:not(:first-child):not(:last-child) {
                margin: auto auto;
            }

            .RightBlock .TextDetail .btnRB > .btn-group:first-child {
                float: left;
            }

            .RightBlock .TextDetail .btnRB > .btn-group:last-child {
                float: right;
            }

            .RightBlock .TextDetail .btnRB > .btn-group:not(:first-child):not(:last-child) {
                margin: auto auto;
                float: none !important;
            }

                .RightBlock .TextDetail .btnRB > .btn-group:not(:first-child):not(:last-child) ul {
                    min-width: 160px;
                }

.btn-preview-sendemail {
    width: 49% !important;
    padding-left: 0px !important;
}

.btn-rb-2 {
    width: 49% !important;
    padding-left: 0px !important;
}

.btn-preview-back {
    width: 49% !important;
    padding-left: 0px !important;
}

@media all and (max-width: 1402px) {
    .ddl-save {
        left: 0% !important;
    }

    .RightBlock .TextDetail .btnRB {
        height: auto;
    }

        .RightBlock .TextDetail .btnRB > .btn {
            width: 30%;
            padding: 0px;
        }

        .RightBlock .TextDetail .btnRB > .btn-group:not(:first-child):not(:last-child) {
            margin-top: 10px;
        }

    .btn-group3 {
        width: 100% !important;
    }

    .btn-New {
        background-image: none !important;
        padding: 0px !important;
    }

    .btn-GStore {
        background-image: none !important;
        padding: 0px !important;
    }

    .btn-Edit {
        background-image: none !important;
    }

    .btn-Delete {
        background-image: none !important;
    }

    .btn-PrintReceipt {
        background-image: none !important;
    }

    .RightBlock .TextDetail .btnRB .btn-Reject {
        background-image: none !important;
    }

    .RightBlock .TextDetail .btnRB .btn-Approve {
        background-image: none !important;
    }

    .btn-cancel {
        background-image: none !important;
    }

    .RightBlock .TextDetail .btnRB .btn-group3 > .btn-Save {
        width: 85% !important;
    }

    .RightBlock .TextDetail .btnRB .btn-group3 > .btn-preview {
        width: 85% !important;
    }

    .RightBlock .TextDetail .btnRB .btn-group3 > .btn-rb-cancel {
        width: 85% !important;
    }

    button.btn.btn-success.btn-Save {
        width: 85% !important;
    }

    .plus-white-rb {
        width: 100% !important;
    }

    button.btn.btn-primary.btn-preview {
        width: 85% !important;
    }

    button.btn.btn-default.btn-rb-cancel {
        width: 85% !important;
    }

    .btn-group-preview {
        margin-top: 10px !important;
    }

    .btn-group-cancel {
        margin-top: 10px;
    }

    .btn-SaveDown {
        width: 15% !important;
    }

    .btn-previewcaret {
        width: 15% !important;
    }

    .btn-canceldown {
        width: 15% !important;
    }

    .btnLongCancel {
        width: 100% !important;
        margin: 5px 0px 0px 0px !important;
    }

    .group_btn {
        width: 100% !important;
    }

    .btn-download {
        background-image: none !important;
        padding: 0px !important;
    }

    .btn-send-email {
        background-image: none !important;
    }
}

.btn-setup-rb {
    width: 30px;
    height: 30px;
    padding: 0px !important;
    text-align: center;
    /*border:1px solid #3987E6;*/
    background-color: white;
}

    .btn-setup-rb img {
        width: 16px;
        height: 16px;
    }

    .btn-setup-rb:hover {
        /*background-color:#3987E6;*/
    }
/****************** รูป Icon ที่แสดงในปุ่ม SetUp *****************/
.bg-setting {
    background-image: url("../Default/Images/icon-setting16.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.bg-arrow-down {
    background-image: url("../Default/Images/icon-arrow-down16.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.bg-arrow-up {
    background-image: url("../Default/Images/icon-arrow-up16.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.bg-display {
    background-image: url("../Default/Images/icon-display16.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.bg-plus {
    background-image: url("../Default/Images/icon-plus-blue20.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
}
/***********************************************************/
.btn-setup-rb.bg-setting:hover {
    /*background-image:url("../Default/Images/settings-hover.png");*/
    cursor: pointer;
}

.btn-setup-rb.bg-arrow-down:hover {
    background-image: url("../Default/Images/icon-arrow-down-white16.png");
}

.btn-setup-rb.bg-arrow-up:hover {
    background-image: url("../Default/Images/icon-arrow-up-white16.png");
}

.btn-setup-rb.bg-display:hover {
    background-image: url("../Default/Images/icon-display-white16.png");
}

.btn-setup-rb.bg-plus:hover {
    background-image: url("../Default/Images/icon-plus-white20.png");
}

.hoverHead{
    width: 70%;
    min-width: 135px;
    float: left;
    color: #333;
    font-size: 22px;
    font-family: 'RSU';
    margin: 0px 0 0 10px;
    -o-text-overflow: ellipsis; /* Opera */
    text-overflow: ellipsis; /* IE, Safari (WebKit) */
    overflow: hidden; /* don't show excess chars */
    white-space: nowrap; /* force single line */
}

.div-appbox {
    height: 180px;
    display: inline-table;
    position: relative;
    padding: 30px 20px 44px 20px;
    border: 1px solid #E4E4E4;
    cursor: pointer;
    color: #000000;
}

    .div-appbox:hover{
        border: 1px solid #428bca;
        color: #428bca;
    }


.RightBlock .TextRSU {
    font-size: 14px !important;
    font-family: 'RSU' !important;
    text-align: left;
    padding-top: 10px;
    
}   
.txthead{
    width:initial;
    height:initial;
    float:left;
    margin-left:5px;
}

.txthead .txtheadfont{
    font-family: 'RSU';
    font-size: 26px;
}

.txthead .txthead2font{
    font-family:'RSU';
    font-size :16px;
    color:#9999A2;
}
.hoverHead:hover{
    cursor:pointer;
    color: #3987E6;
    text-decoration: underline;
}

.TitleHead {
    width: 71%;
    min-width: 135px;
    float: left;
    color: #333;
    font-size: 22px;
    font-family: 'RSU';
    margin: 0px 0 0 10px;
    -o-text-overflow: ellipsis; /* Opera */
    text-overflow: ellipsis; /* IE, Safari (WebKit) */
    overflow: hidden; /* don't show excess chars */
    white-space: nowrap; /* force single line */
}

.icon-rightblock {
    width: 32px;
    height: 32px;
    float: left;
}

.rb_nav {
    width: 33.33%;
    height: 30px;
    background-color: white;
    border: 1px solid #3987E6;
    color: #3987E6;
    padding: 0px;
}

    .rb_nav:hover {
        background-color: #3987E6;
        color: white;
    }

.ChartsDetail {
    width: 20.5%;
    min-width: 207px;
    font-size: small;
    font-family: 'Segoe UI';
}

.ActInfo {
    list-style: none;
    padding: 0px;
    position: relative;
}

    .ActInfo .ListDetail {
        width: 100%;
        height: auto;
        padding: 10px 10px 10px 0px;
        float: left;
    }

        .ActInfo .ListDetail:hover {
            background-color: #F8F8F8;
            cursor: pointer;
        }

.ActIcon {
    float: left;
    background-color: #DEDEDE;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    text-align: center;
}

    .ActIcon img {
        width: 16px;
        height: 16px;
    }

.ActContent {
    margin-left: 40px;
    width: auto;
}

.HisInfo {
    margin-bottom: 10px;
}

.btn-download {
    background-image: url("Images/app-report-download.png");
    background-repeat: no-repeat;
    background-position: 10% 10px;
    background-size: 13px;
    padding-left: 24px !important;
}

.btn-send-email {
    background-image: url("Images/app-report-mail.png");
    background-repeat: no-repeat;
    background-position: 20% 10px;
    background-size: 13px;
}
/*Drop And Drag*********************************************************************************************************************************/
ul.DragDrop {
    float: left;
    padding: 0px;
    width: 100%;
}

    ul.DragDrop .ui-sortable-helper {
        transform: rotate(-2deg);
        -ms-transform: rotate(-2deg); /* IE 9 */
        -webkit-transform: rotate(-2deg); /* Opera, Chrome, and Safari */
    }

    ul.DragDrop > li {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto;
        float: left;
    }

        ul.DragDrop > li:after {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: -1;
        }

    ul.DragDrop > li {
        -moz-transition: border-top-width 0.1s ease-in;
        -webkit-transition: border-top-width 0.1s ease-in;
        border-top: 0px solid rgba(0,0,0,0);
    }

    ul.DragDrop .marker {
        background: #FFFFFF;
        opacity: 0.5;
        width: 100%;
        height: 77px;
        margin-bottom: 20px;
    }



/********** WorkFlow /Status **********/

.wf_wrapper {
    width: 100%;
    float: left;
    margin: 8px 6px 0px 5px;
}

.ul_menu {
    -webkit-padding-start: 0px;
    list-style: none;
    padding: 0px;
}

.ul_closeopp {
    -webkit-padding-start: 0px;
    list-style: none;
    margin: 0px 0px 10px 0px;
    float: left;
}

    .ul_closeopp > li {
        overflow: hidden;
        color: #333333;
        width: 100%;
        float: left;
        clear: both;
        padding: 5px 5px 5px 0;
        word-break: break-word;
    }

.ul_menu > li {
    -o-text-overflow: ellipsis; /* Opera */
    text-overflow: ellipsis; /* IE, Safari (WebKit) */
    overflow: hidden; /* don't show excess chars */
    white-space: nowrap; /* force single line */
    color: #666666;
    cursor: pointer;
    width: 50%;
    float: left;
}

    .ul_menu > li:hover {
        color: #3987E6;
        text-decoration: underline;
    }

    .ul_menu > li.wf_active:hover {
        color: #249D56;
    }

    .ul_menu > li.wf_working:hover {
        color: #3987E6;
    }

    .ul_menu > li.wf_suspended:hover {
        color: #3987E6;
    }

    .ul_menu > li.wf_resign:hover {
        color: #3987E6;
    }

    .ul_menu > li.wf_layoff:hover {
        color: #3987E6;
    }

    .ul_menu > li.wf_coppy:hover {
        color: #3987E6;
    }

    .ul_menu > li.wf_deffered:hover {
        color: #3987E6;
    }

    .ul_menu > li.wf_inprogress:hover {
        color: #3987E6;
    }

    .ul_menu > li.wf_markcomplete:hover {
        color: #3987E6;
    }

        .ul_menu > li.wf_markcomplete:hover .img-markcomplete {
            background-image: url('../Default/Images/icon-complete-blue16.png');
            background-repeat: no-repeat;
        }

    .ul_menu > li.wf_inprogress:hover .img-inprogress {
        background-image: url('../Default/Images/icon-inprogress-blue16.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_deffered:hover .img-deffered {
        background-image: url('../Default/Images/icon-deffered-blue16.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_active:hover .img-active {
        background-image: url('../Default/Images/icon-active-green16.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_coppy:hover .img-coppy {
        background-image: url('../Default/Images/icon-copy-blue.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_inactive:hover .img-inactive {
        background-image: url('../Default/Images/icon-inactive-red16.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_working:hover .img-working {
        background-image: url('../Default/Images/icon-work-blue.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_suspended:hover .img-suspended {
        background-image: url('../Default/Images/icon-suspended-blue.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_resign:hover .img-resign {
        background-image: url('../Default/Images/icon-resign-blue.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_layoff:hover .img-layoff {
        background-image: url('../Default/Images/icon-layoff-blue.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li:hover > .img-emplock {
        background-image: url('../Default/Images/icon-unlocked-blue.png');
        background-size: 16px 16px;
        background-repeat: no-repeat;
    }
    /*-----------------Block--------------------------*/
    .ul_menu > li.blocked {
        color: #FF6C6C;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.blocked .img-block {
            background-image: url('../Default/Images/lock3.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*-------------------available------------------*/
    .ul_menu > li.availabled {
        color: #249D56;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.availabled .img-available {
            background-image: url('../Default/Images/unlocked2.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------Inactive------------------------*/
    .ul_menu > li.inactive {
        color: #FF6C6C;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.inactive .img-inactive {
            background-image: url('../Default/Images/icon-inactive-red16.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------active--------------------------*/
    .ul_menu > li.active {
        color: #249D56;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.active .img-active {
            background-image: url('../Default/Images/icon-active-green16.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------working--------------------------*/
    .ul_menu > li.coppy {
        color: #3987E6;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.coppy .img-coppy {
            background-image: url('../Default/Images/icon-copy-blue.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------Opportunity--------------------------*/
    .ul_menu > li.cs_closeWon {
        color: #249D56;
        text-decoration: underline;
        cursor: default;
    }

    .ul_menu > li.cs_closeLost {
        color: #FF6C6C;
        text-decoration: underline;
        cursor: default;
    }
    /*------------------Invoice--------------------------*/
    .ul_menu > li.cs_paidmoney {
        color: #249D56;
        text-decoration: underline;
        cursor: default;
    }

    .ul_menu > li.cs_cancelInvoice {
        color: #FF6C6C;
        text-decoration: underline;
        cursor: default;
    }
    /*------------------Order--------------------------*/
    .ul_menu > li.cs_cancelOrder {
        color: #FF6C6C;
        text-decoration: underline;
        cursor: default;
    }
    /*------------------Quotation--------------------------*/
    .ul_menu > li.cs_holdQuotation {
        color: #FF6C6C;
        text-decoration: underline;
        cursor: default;
    }

    .ul_menu > li.cs_cancelQuotation {
        color: #FF6C6C;
        text-decoration: underline;
        cursor: default;
    }
    /*------------------Lead--------------------------*/
    .ul_menu > li.cs_qualify {
        color: #249D56;
        text-decoration: underline;
        cursor: default;
    }

    .ul_menu > li.cs_disqualify {
        color: #FF6C6C;
        text-decoration: underline;
        cursor: default;
    }
    /*------------------inprogress--------------------------*/
    .ul_menu > li.inprogress {
        color: #3987E6;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.inprogress .img-inprogress {
            background-image: url('../Default/Images/icon-inprogress-blue16.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------markcomplete--------------------------*/
    .ul_menu > li.markcomplete {
        color: #249D56;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.markcomplete .img-markcomplete {
            background-image: url('../Default/Images/icon-complete-green16.png');
            background-repeat: no-repeat;
            cursor: default;
        }

        .ul_menu > li.markcomplete:hover .img-markcomplete {
            background-image: url('../Default/Images/icon-complete-green16.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------deffered--------------------------*/
    .ul_menu > li.deffered {
        color: #3987E6;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.deffered .img-deffered {
            background-image: url('../Default/Images/icon-deffered-blue16.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------working--------------------------*/
    .ul_menu > li.working {
        color: #3987E6;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.working .img-working {
            background-image: url('../Default/Images/icon-work-blue.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------suspended--------------------------*/
    .ul_menu > li.suspended {
        color: #3987E6;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.suspended .img-suspended {
            background-image: url('../Default/Images/icon-suspended-blue.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------resign--------------------------*/
    .ul_menu > li.resign {
        color: #3987E6;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.resign .img-resign {
            background-image: url('../Default/Images/icon-resign-blue.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*------------------active--------------------------*/
    .ul_menu > li.layoff {
        color: #3987E6;
        text-decoration: underline;
        cursor: default;
    }

        .ul_menu > li.layoff .img-layoff {
            background-image: url('../Default/Images/icon-layoff-blue.png');
            background-repeat: no-repeat;
            cursor: default;
        }
    /*--------------------------------------------------*/
    .ul_menu > li.wf_block:hover {
        color: #FF6C6C;
        text-decoration: underline;
    }

    .ul_menu > li.wf_available:hover {
        color: #249D56;
        text-decoration: underline;
    }

    .ul_menu > li.wf_block:hover .img-block {
        background-image: url('../Default/Images/lock3.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_available:hover .img-available {
        background-image: url('../Default/Images/unlocked2.png');
        background-repeat: no-repeat;
    }

    .ul_menu > li.wf_inactive:hover {
        color: #FF6C6C;
    }

.wf_img {
    min-width: 25px;
    height: 30px;
    padding-left: 7px;
    color: red;
    float: left;
}

    .wf_img.img-suitcase {
        background-image: url('../Default/Images/icon-suitcase3.png');
        background-repeat: no-repeat;
    }

    .wf_img.img-check {
        background-image: url('../Default/Images/icon-checkmark-gray16.png');
        background-repeat: no-repeat;
    }

    .wf_img.img-qualify {
        background-image: url('../Default/Images/icon-qualify-N.png');
        background-repeat: no-repeat;
    }

.ul_menu > li:hover .img-qualify {
    background-image: url('../Default/Images/icon-qualify-H.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .icon-activitycalendar-Activity {
    background-image: url('../Default/Images/Activity-Calendar-H.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .icon-activitymap-Activity {
    background-image: url('../Default/Images/Activity-Map-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-disqualify {
    background-image: url('../Default/Images/icon-disqualify-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-disqualify {
    background-image: url('../Default/Images/icon-disqualify-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-companychart {
    background-image: url('../Default/Images/icon-companychart.png');
    background-repeat: no-repeat;
}

/*.ul_menu > li:hover .img-companychart {
    background-image: url('../Default/Images/icon-companychart-blue.png');
    background-repeat: no-repeat;
}*/

.wf_img.img-openquotation {
    background-image: url('../Default/Images/icon-open-quotation-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-openquotation {
    background-image: url('../Default/Images/icon-open-quotation-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-addresponse {
    background-image: url('../Default/Images/icon-Response-gray16.png');
    background-repeat: no-repeat;
}

.wf_img.img-duplicate {
    background-image: url('../Default/Images/icon-duplicate-gray16.png');
    background-repeat: no-repeat;
}
/*มอบหมาย*/
.wf_img.img-assign {
    background-image: url('../Default/Images/icon-contactgroup-gray16.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-assign {
    background-image: url('../Default/Images/icon-contactgroup-blue16.png');
    background-repeat: no-repeat;
}

.wf_img.img-share {
    background-image: url('../Default/Images/icon-share-gray16.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-share {
    background-image: url('../Default/Images/icon-share-blue16.png');
    background-repeat: no-repeat;
}

.wf_img.img-active {
    background-image: url('../Default/Images/icon-active-gray16.png');
    background-repeat: no-repeat;
}

.wf_img.img-coppy {
    background-image: url('../Default/Images/icon-copy-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-coppy {
    background-image: url('../Default/Images/icon-copy-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-inprogress {
    background-image: url('../Default/Images/icon-inprogress-gray16.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-inprogress {
    background-image: url('../Default/Images/icon-inprogress-blue16.png');
    background-repeat: no-repeat;
}

.wf_img.img-markcomplete {
    background-image: url('../Default/Images/icon-complete-grey16.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-markcomplete {
    background-image: url('../Default/Images/icon-complete-blue16.png');
    background-repeat: no-repeat;
}

.wf_img.img-deffered {
    background-image: url('../Default/Images/icon-deffered-gray16.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-deffered {
    background-image: url('../Default/Images/icon-deffered-blue16.png');
    background-repeat: no-repeat;
}

.wf_img.img-sendemail {
    background-image: url('../Default/Images/icon-send-email-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-sendemail {
    background-image: url('../Default/Images/icon-send-email-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-eye {
    background-image: url('../Default/Images/icon-eye-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-eye {
    background-image: url('../Default/Images/icon-eye-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-preview {
    background-image: url('../Default/Images/icon-preview-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-preview {
    background-image: url('../Default/Images/icon-preview-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-insteadinvoice {
    background-image: url('../Default/Images/icon-instead-invoice-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-insteadinvoice {
    background-image: url('../Default/Images/icon-instead-invoice-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-emplock {
    background-image: url('../Default/Images/unlocked1.png');
    background-repeat: no-repeat;
}

.wf_img.img-inactive {
    background-image: url('../Default/Images/icon-inactive-gray16.png');
    background-repeat: no-repeat;
}

.wf_img.img-block {
    background-image: url('../Default/Images/lock1.png');
    background-repeat: no-repeat;
    background-position: 3px 0px;
}

.wf_img.img-available {
    background-image: url('../Default/Images/unlocked1.png');
    background-repeat: no-repeat;
    background-position: 3px 0px;
}

.wf_img.img-working {
    background-image: url('../Default/Images/icon-work-gray.png');
    background-repeat: no-repeat;
}

.wf_img.img-suspended {
    background-image: url('../Default/Images/icon-suspended-gray.png');
    background-repeat: no-repeat;
}

.wf_img.img-resign {
    background-image: url('../Default/Images/icon-resign-gray.png');
    background-repeat: no-repeat;
}

.wf_img.img-layoff {
    background-image: url('../Default/Images/icon-layoff-gray.png');
    background-repeat: no-repeat;
}

.wf_img.img-mergeduplicate {
    background-image: url('../Default/Images/icon-mearge-duplicate-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-mergeduplicate {
    background-image: url('../Default/Images/icon-mearge-duplicate-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-opp {
    background-image: url('../Default/Images/icon-Open-Opportunity-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-opp {
    background-image: url('../Default/Images/icon-Open-Opportunity-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-inv {
    background-image: url('../Default/Images/icon-Open-Invoice-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-inv {
    background-image: url('../Default/Images/icon-Open-Invoice-H.png');
    background-repeat: no-repeat;
}
/*เปิดใบเสนอราคา*/
.wf_img.img-quote {
    background-image: url('../Default/Images/icon-Open-Quotation-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-quote {
    background-image: url('../Default/Images/icon-Open-Quotation-H.png');
    background-repeat: no-repeat;
}
/*ลิงค์ขอราคา*/
.wf_img.img-link-quote {
    background-image: url('../Default/Images/img-link-quote-gray.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-link-quote {
    background-image: url('../Default/Images/img-link-quote.png');
    background-repeat: no-repeat;
}

.wf_img.img-order {
    background-image: url('../Default/Images/icon-Open-Order-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-order {
    background-image: url('../Default/Images/icon-Open-Order-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-maketoorder {
    background-image: url('../Default/Images/icon-make-order-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-maketoorder {
    background-image: url('../Default/Images/icon-make-order-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-maketoinvoice {
    background-image: url('../Default/Images/icon-make-invoice-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-maketoinvoice {
    background-image: url('../Default/Images/icon-make-invoice-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-cancelorder {
    background-image: url('../Default/Images/icon-cancel-order-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-cancelorder {
    background-image: url('../Default/Images/icon-cancel-order-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-cancelinvoice {
    background-image: url('../Default/Images/icon-cancel-invoice-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-cancelinvoice {
    background-image: url('../Default/Images/icon-cancel-invoice-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-hold {
    background-image: url('../Default/Images/icon-hold-quotation-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-hold {
    background-image: url('../Default/Images/icon-hold-quotation-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-cancelhold {
    background-image: url('../Default/Images/icon-cancel-hold-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-cancelhold {
    background-image: url('../Default/Images/icon-cancel-hold-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-cancelquotation {
    background-image: url('../Default/Images/icon-cancel-quotation-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-cancelquotation {
    background-image: url('../Default/Images/icon-cancel-quotation-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-paidmoney {
    background-image: url('../Default/Images/icon-paid-invoice-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-paidmoney {
    background-image: url('../Default/Images/icon-paid-invoice-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-reopen {
    background-image: url('../Default/Images/icon-reopen-gray.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-reopen {
    background-image: url('../Default/Images/icon-reopen-blue16.png');
    background-repeat: no-repeat;
}

.wf_img.img-closeWon {
    background-image: url('../Default/Images/icon-close-won-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-closeWon {
    background-image: url('../Default/Images/icon-close-won-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-makeQuote {
    background-image: url('../Default/Images/icon-make-quotation-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-makeQuote {
    background-image: url('../Default/Images/icon-make-quotation-H.png');
    background-repeat: no-repeat;
}

.wf_img.img-closeLost {
    background-image: url('../Default/Images/icon-close-lost-N.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-closeLost {
    background-image: url('../Default/Images/icon-close-lost-H.png');
    background-repeat: no-repeat;
}

fieldset.workflow {
    border: 1px solid #e5e5e5 !important;
    padding: 0 0.9em 0 0.9em !important;
    margin: 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #e5e5e5;
    box-shadow: 0px 0px 0px 0px #e5e5e5;
}

    fieldset.workflow legend {
        margin-bottom: 5px;
        font-size: 14px;
        color: #3987E6;
        width: inherit; /* Or auto */
        padding: 0 10px; /* To give a bit of padding on the left and right */
        border-bottom: none;
    }

/********** Button ***********/
.ddl-btn-save {
    text-align: left;
}

    .ddl-btn-save > .ddl-header {
        text-align: center;
    }

.btn-New, .btn-New:active {
    background-color: #249D56;
    background-image: url('../Default/Images/icon-plus-white16.png');
    background-repeat: no-repeat;
    background-position: 25%;
}

    .btn-New:hover {
        background-color: #1F854A !important;
    }

.btn-GStore, .btn-GStore:active {
    background-color: #249D56;
    background-image: url('../RightBlock/Images/icon-rb-iStore.png');
    background-repeat: no-repeat;
    background-position: 8%;
}

    .btn-GStore:hover {
        background-color: #1F854A !important;
    }

.btn-dropdown {
    width: 9px;
    float: left;
    margin: 6px;
}

.group_btn {
    width: 49%;
}

.btnLongCancel {
    width: 49%;
}

.btn-Save {
    background-color: #249D56 !important;
    width: 80% !important;
}

    .btn-Save:hover {
        background-color: #1F854A !important;
    }

.btn-preview {
    background-color: #3987E6;
}

.btn-SaveDown {
    background-color: #249D56 !important;
    border-left: 1px solid #2BB766 !important;
    width: 20%;
}

    .btn-SaveDown:hover {
        background-color: #1F854A !important;
    }

.btn-rb-cancel {
    background-color: #E4E4E4 !important;
    width: 80%;
}

    .btn-rb-cancel:hover {
        background-color: #CCCCCC !important;
    }

.btn-canceldown {
    background-color: #E4E4E4 !important;
    border-left: 1px solid #D7D7D7 !important;
    width: 20%;
}

    .btn-canceldown:hover {
        background-color: #CCCCCC !important;
    }

.btn-previewcaret {
    background-color: #396CAC !important;
    border-left: 1px solid #D7D7D7 !important;
    width: 20%;
}

    .btn-previewcaret:hover {
        background-color: #2C5383 !important;
    }

.btn-Edit, .btn-Edit:active {
    background-color: #3987E6;
    background-image: url('../Default/Images/icon-pencil-white16.png');
    background-repeat: no-repeat;
    background-position: 27%;
    background-size: 13px;
}

.btn-Delete, .btn-Delete:active {
    background-color: #FF6C6C;
    background-image: url('../Default/Images/icon-trashcan-white16.png');
    background-repeat: no-repeat;
    background-position: 21%;
}

.btn-cancel, .btn-cancel:active {
    background-color: #E4E4E4;
    background-image: url('../Default/Images/icon-cancel3.png');
    background-repeat: no-repeat;
    background-position: 20% 10px;
    background-size: 13px;
}

.btn-Approve, .btn-Approve:active {
    background-color: #E4E4E4;
    background-image: url('../Default/Images/icon-correct2.png');
    background-repeat: no-repeat;
    background-position: 15% 8px;
    background-size: 16px;
}

.btn-Reject, .btn-Reject:active {
    background-color: #E4E4E4;
    background-image: url('../Default/Images/icon-wrong.png');
    background-repeat: no-repeat;
    background-position: 16% 8px;
    background-size: 16px;
}

.btn-PrintReceipt, .btn-PrintReceipt:active {
    background-color: #3987E6;
    background-image: url('../Default/Images/u6.png');
    background-repeat: no-repeat;
    background-position: 24% 45%;
    padding: 3% 25% 3% 30%;
    background-size: 22px;
}

.a_ACTIVE {
    color: #666666;
}

.img_ACTIVE {
    min-width: 25px;
    height: 30px;
    padding-left: 7px;
    color: red;
    float: left;
    background-image: url('../Default/Images/icon-active-gray16.png');
    background-repeat: no-repeat;
}

.a_ACTIVE:hover {
    color: #249D56;
}

    .a_ACTIVE:hover .img_ACTIVE {
        background-image: url('../Default/Images/icon-active-blue16.png');
    }

.a_INACTIVE {
    color: #666666;
}

.img_INACTIVE {
    min-width: 25px;
    height: 30px;
    padding-left: 7px;
    color: red;
    float: left;
    background-image: url('../Default/Images/icon-inactive-gray16.png');
    background-repeat: no-repeat;
}

.a_INACTIVE:hover {
    color: #FF6C6C;
}

    .a_INACTIVE:hover .img_INACTIVE {
        background-image: url('../Default/Images/icon-inactive-blue16.png');
    }


/********************** Save Event ***********************/
.RightBlock .TextDetail .btnRB > .btn-group .ddl-save {
    position: absolute;
    right: 0;
    min-width: 100%;
    left: inherit;
    background-color: white;
}

.RightBlock .TextDetail .btnRB > .btn-group .ddl-saveli {
    cursor: pointer;
}

.RightBlock .TextDetail .btnRB > .btn-group .ddl-save li:hover {
    background-color: #e4e4e4;
}

.RightBlock .TextDetail .btnRB > .btn-group .ddl-new {
    position: absolute;
    right: 0;
    left: inherit;
    background-color: white;
}

    .RightBlock .TextDetail .btnRB > .btn-group .ddl-new li {
        cursor: pointer;
    }

        .RightBlock .TextDetail .btnRB > .btn-group .ddl-new li:hover {
            background-color: #e4e4e4;
        }

.RightBlock .TextDetail .btnRB > .btn-group .save-and-new {
    background-image: url('../Default/Images/icon-save-and-new.png');
    background-repeat: no-repeat;
    background-position: 10px;
    padding: 3px 3px 3px 40px;
}

.RightBlock .TextDetail .btnRB > .btn-group .save-and-copy {
    background-image: url('../Default/Images/icon-save-and-copy.png');
    background-repeat: no-repeat;
    background-position: 10px;
    padding: 3px 3px 3px 40px;
}

.RightBlock .TextDetail .btnRB > .btn-group .save-and-close {
    background-image: url('../Default/Images/icon-save-and-close.png');
    background-repeat: no-repeat;
    background-position: 10px;
    padding: 3px 3px 3px 40px;
}

.RightBlock .TextDetail .btnRB > .btn-group .save-and-newversion {
    background-image: url('../Default/Images/icon-save-to-new-version.png');
    background-repeat: no-repeat;
    background-position: 10px;
    padding: 3px 3px 3px 40px;
    width: 185px;
}

.RightBlock .TextDetail .btnRB > .btn-group.btn-group-new .save-and-new {
    width: 150px;
}



/************************ Icon Header RightBlock *********************/
.icon-rb-locationtype {
    background-image: url('../Default/Images/i-rb-Location-Type-Management-32x32.png');
    background-repeat: no-repeat;
}

.icon-assign-center {
    background-image: url('../Default/Images/icon-assign-center-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-location {
    background-image: url('../Default/Images/i-rb-Location-Management-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-itemmanage {
    background-image: url('../Default/Images/i-rb-Item-Management-Product-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-productunit {
    background-image: url('../Default/Images/i-rb-Product-Unit-Management-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-productcate {
    background-image: url('../Default/Images/i-rb-Product-Category-Management-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-casecate {
    background-image: url('../Default/Images/Service_gray_48x48.png');
    background-size: 32px;
    background-repeat: no-repeat;
}

.icon-rb-productstock {
    background-image: url('../Default/Images/i-rb-Product-Stock-Management-32x32.png');
    background-repeat: no-repeat;
}


.icon-rb-membermanage {
    background-image: url('../Default/Images/icon-rb-locationtype.png');
    background-repeat: no-repeat;
}

.icon-rb-ApprovelLevel {
    background-image: url('../Default/Images/icon-rb-ApprovelLevel-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-ApprovelSubstitute {
    background-image: url('../Default/Images/icon-rb-ApprovelSubtitute-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-Opportunity {
    background-image: url('../Default/Images/icon-rb-Opportunity.png');
    background-repeat: no-repeat;
}

.icon-rb-Lead {
    background-image: url('../Default/Images/icon-rb-Lead.png');
    background-repeat: no-repeat;
}
.icon-rb-iStore {
    background-image: url('../RightBlock/Images/icon-main-iStore.png');
    background-repeat: no-repeat;
}
.icon-rb-Quotation {
    background-image: url('../Default/Images/icon-rb-Quotation.png');
    background-repeat: no-repeat;
}

.icon-rb-Order {
    background-image: url('../Default/Images/icon-rb-Order.png');
    background-repeat: no-repeat;
}

.icon-rb-Invoice {
    background-image: url('../Default/Images/icon-rb-Invoice.png');
    background-repeat: no-repeat;
}

.icon-rb-Deposit {
    background-image: url('../Default/Images/Deposit-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-Receipt {
    background-image: url('../Default/Images/Receipt-32x32.png');
    background-repeat: no-repeat;
}
.icon-rb-CustomerService {
    background-image: url('../Default/Images/icon-rb-CustomerService.png');
}

.icon-rb-InvoiceofMaintenancefee {
    background-image: url('../Default/Images/InvoiceMaintenaneFee-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-Contract{
    background-image: url('../Default/Images/Contract32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-Case {
    background-image: url('../Default/Images/icon-rb-Case.png');
    background-repeat: no-repeat;
    background-size: 32px;
}

.icon-rb-QuickCreate {
    background-image: url('../Default/Images/icon-rb-QuickCreate.png');
    background-repeat: no-repeat;
}

.icon-activitycalendar-Activity {
    background-image: url('../Default/Images/Activity-Calendar-N.png');
    background-repeat: no-repeat;
}

    .icon-activitycalendar-Activity:hover {
        background-image: url('../Default/Images/Activity-Calendar-H.png');
        background-repeat: no-repeat;
    }

.icon-activitymap-Activity {
    background-image: url('../Default/Images/Activity-Map-N.png');
    background-repeat: no-repeat;
}

    .icon-activitymap-Activity:hover {
        background-image: url('../Default/Images/Activity-Map-H.png');
        background-repeat: no-repeat;
    }

.icon-rb-calendarreminder {
    background-image: url('../Default/Images/icon-rb-calendar.png');
    background-repeat: no-repeat;
}

.icon-rb-Service-calendarreminder {
    background-image: url('../Default/Images/icon-calendar-iservice-32.png');
    background-repeat: no-repeat;
}

.icon-rb-company {
    background-image: url('../Default/Images/icon-rb-company.png');
    background-repeat: no-repeat;
}

.icon-Activity-Management-blue32x32 {
    background-image: url('../Default/Images/icon-activity-management.png');
    background-repeat: no-repeat;
}
.icon-ServiceActivity-Management-32x32 {
    background-image: url('../Default/Images/icon-activity-iservice-32.png');
    background-repeat: no-repeat;
}

.icon-Appointment-blue32x32 {
    background-image: url('../Default/Images/icon-Appointment-blue32x32.png');
    background-repeat: no-repeat;
}

.icon-Email-blue32x32 {
    background-image: url('../Default/Images/icon-Email-blue32x32.png');
    background-repeat: no-repeat;
}

.icon-Fax-blue32x32 {
    background-image: url('../Default/Images/icon-Fax-blue32x32.png');
    background-repeat: no-repeat;
}

.icon-Letter-blue32x32 {
    background-image: url('../Default/Images/icon-Letter-blue32x32.png');
    background-repeat: no-repeat;
}

.icon-Phone-blue32x32 {
    background-image: url('../Default/Images/icon-Phone-blue32x32.png');
    background-repeat: no-repeat;
}

.icon-Task-blue32x32 {
    background-image: url('../Default/Images/icon-Task-blue32x32.png');
    background-repeat: no-repeat;
}

.icon-Contract-blue32x32 {
    background-image: url('../Default/Images/Contract32x32.png');
    background-repeat: no-repeat;
}

.icon-Case-blue32x32 {
    background-image: url('../Default/Images/Case32x32.png');
    background-repeat: no-repeat;
}
.icon-rb-runmingNumber {
    background-image: url('../Default/Images/icon-Runing-Number-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-emailTemplate {
    background-image: url('../Default/Images/icon-email-template-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-OppType {
    background-image: url('../Default/Images/icon-rb-OppType-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-Opportunity-Stage {
    background-image: url('../Default/Images/icon-rb-Opportunity-Stage-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-currency {
    background-image: url('../Default/Images/icon-currency-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-paymentTerm {
    background-image: url('../Default/Images/icon-rb-paymentTerm-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-purchaseProcess {
    background-image: url('../Default/Images/icon-rb-purchaseProcess-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-Queue {
    background-image: url('../Default/Images/icon-Queue-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-SaleTerritory {
    background-image: url('../Default/Images/icon-Sale-Territory-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-SaleTeam {
    background-image: url('../Default/Images/icon-Sale-Team-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-FormSetting {
    background-image: url('../Default/Images/icon-Related-Document-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-period {
    background-image: url('../Default/Images/icon-Period-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-account {
    background-image: url('../Default/Images/icon-Sale-Account-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-contact {
    background-image: url('../Default/Images/icon-Sale-Contact-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-bigdeal {
    background-image: url('../Default/Images/icon-rb-bigdeal-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-SalesTarget {
    background-image: url('../Default/Images/icon-rb-SalesTarget-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-membermanage {
    background-image: url('../Default/Images/icon-MemberManage-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-package {
    background-image: url('../Default/Images/icon-MemberManage-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-notice {
    background-image: url('../Default/Images/icon-Notice-32x32.png.png');
    background-repeat: no-repeat;
}

.icon-rb-employee {
    background-image: url('../Default/Images/icon-employee-management-32x32.png');
    background-repeat: no-repeat;
}
.icon-rb-empaut {
    background-image: url('../Default/Images/icon-rb-empaut-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-role {
    background-image: url('../Default/Images/icon-role-management-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-accountconfig {
    background-image: url('../Default/Images/icon-account-configuration-32x32.png');
    background-repeat: no-repeat;
}
.icon-rb-adminemailsetting {
    background-image: url('../Default/Images/icon-adminemail-setting-32x32.png');
    background-repeat: no-repeat;
}
.icon-rb-permission {
    background-image: url('../Default/Images/icon-permission-management-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-position {
    background-image: url('../Default/Images/icon-position-management-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-department {
    background-image: url('../Default/Images/icon-deparment-management-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-calendar {
    background-image: url('../Default/Images/icon-calendar-management-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-vat {
    background-image: url('../Default/Images/icon-rb-vat-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-reason {
    background-image: url('../Default/Images/icon-reason-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-sale-docment {
    background-image: url('../Default/Images/icon-sale-docment-32x32.png');
    background-repeat: no-repeat;
}
/*By Pin*/
/*--- Edit Profile --------*/
.icon-rb-editprofile {
    background-image: url('../Default/Images/icon-rb-editprofile-32x32.png');
    background-repeat: no-repeat;
}
/*--- Customer Setup --------*/
.icon-rb-customersource {
    background-image: url('../Default/Images/icon-rb-customersource-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-businesstype {
    background-image: url('../Default/Images/icon-rb-businesstype-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-industrytype {
    background-image: url('../Default/Images/icon-rb-industrytype-32x32.png');
    background-repeat: no-repeat;
}
/*-------------------RightBoxCreate----------------------*/
.RightBlock .TextDetail .Create {
    color: #666666;
    margin-bottom: -10px;
}

.create-list {
    width: 173px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 15px;
}

    .create-list .RightBlock-Create {
        float: left;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

       .RightBlock-Create .create-list:hover{
            color: #428bca;
        }

.icon-quickcreate {
    width: 80px;
    height: 80px;
    margin-left: 25px; 
}

.create-list .RightBlock-Create-item {
    float: left;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

    .create-list .RightBlock-Create-item:hover {
        color: #3987E6;
    }

/*--------------------Icon Quick Create-----------------------*/
.icon-qc-calendar {
    background-image: url('../Default/Images/icon-calendar-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-department {
    background-image: url('../Default/Images/icon-department-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-position {
    background-image: url('../Default/Images/icon-position-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-company {
    background-image: url('../Default/Images/icon-company-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-locationtype {
    background-image: url('../Default/Images/icon-locationtype-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-item {
    background-image: url('../Default/Images/icon-item-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-productcategory {
    background-image: url('../Default/Images/icon-productcate-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-productunit {
    background-image: url('../Default/Images/icon-productunit-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-location {
    background-image: url('../Default/Images/icon-location-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-customersource {
    background-image: url('../Default/Images/icon-customersource-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-industrytype {
    background-image: url('../Default/Images/icon-industry-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-businesstype {
    background-image: url('../Default/Images/icon-businesstype-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-paymentterm {
    background-image: url('../Default/Images/icon-paymenttem-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-purchaseprocess {
    background-image: url('../Default/Images/icon-purchaseprocess-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-account {
    background-image: url('../Default/Images/icon-account-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-contact {
    background-image: url('../Default/Images/icon-contact-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-opportunitytype {
    background-image: url('../Default/Images/icon-opptype-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-opportunitystage {
    background-image: url('../Default/Images/icon-oppstage-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-saleprocess {
    background-image: url('../Default/Images/icon-saleprocess-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-opportunity {
    background-image: url('../Default/Images/icon-opportunity-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-shippingmethod {
    background-image: url('../Default/Images/icon-shipmethod-gary.png');
    background-repeat: no-repeat;
}

.icon-qc-freightterm {
    background-image: url('../Default/Images/icon-freightterm-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-quotation {
    background-image: url('../Default/Images/icon-quotation-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-order {
    background-image: url('../Default/Images/icon-order-gray.png');
    background-repeat: no-repeat;
}

.icon-qc-invoice {
    background-image: url('../Default/Images/icon-invoice-gray.png');
    background-repeat: no-repeat;
}
/*--------------------Icon Quick Create hover-----------------------*/
.icon-qc-calendar.hover {
    background-image: url('../Default/Images/icon-calendar-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-department.hover {
    background-image: url('../Default/Images/icon-department-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-position.hover {
    background-image: url('../Default/Images/icon-position-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-company.hover {
    background-image: url('../Default/Images/icon-company-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-locationtype.hover {
    background-image: url('../Default/Images/icon-locationtype-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-item.hover {
    background-image: url('../Default/Images/icon-item-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-productcategory.hover {
    background-image: url('../Default/Images/icon-productcate-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-productunit.hover {
    background-image: url('../Default/Images/icon-productunit-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-location.hover {
    background-image: url('../Default/Images/icon-location-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-customersource.hover {
    background-image: url('../Default/Images/icon-customersource-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-industrytype.hover {
    background-image: url('../Default/Images/icon-industry-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-businesstype.hover {
    background-image: url('../Default/Images/icon-businesstype-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-paymentterm.hover {
    background-image: url('../Default/Images/icon-paymenttem-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-purchaseprocess.hover {
    background-image: url('../Default/Images/icon-purchaseprocess-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-account.hover {
    background-image: url('../Default/Images/icon-account-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-contact.hover {
    background-image: url('../Default/Images/icon-contact-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-opportunitytype.hover {
    background-image: url('../Default/Images/icon-opptype-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-opportunitystage.hover {
    background-image: url('../Default/Images/icon-oppstage-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-saleprocess.hover {
    background-image: url('../Default/Images/icon-saleprocess-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-opportunity.hover {
    background-image: url('../Default/Images/icon-opportunity-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-shippingmethod.hover {
    background-image: url('../Default/Images/icon-shipmethod-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-freightterm.hover {
    background-image: url('../Default/Images/icon-freightterm-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-quotation.hover {
    background-image: url('../Default/Images/icon-quotation-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-order.hover {
    background-image: url('../Default/Images/icon-Order-blue.png');
    background-repeat: no-repeat;
}

.icon-qc-invoice.hover {
    background-image: url('../Default/Images/icon-invoice-blue.png');
    background-repeat: no-repeat;
}

.table-rb {
    width: 100%;
    overflow: auto;
    height: 250px;
}

    .table-rb tr:last-child {
        border-bottom: 1px solid #e5e5e5;
    }

.icon-markcomplete-Activity {
    background-image: url('../Default/Images/icon-markcomplete-gray17.png');
    background-repeat: no-repeat;
}

.icon-markcomplete-complete {
    background-image: url('../Default/Images/icon-markcomplete-green17.png');
    background-repeat: no-repeat;
}

.icon-inprogress-Activity {
    background-image: url('../Default/Images/icon-inprogress-gray17.png');
    background-repeat: no-repeat;
}

.icon-inprogress-complete {
    background-image: url('../Default/Images/icon-inprogress-green17.png');
    background-repeat: no-repeat;
}

.icon-deferred-Activity {
    background-image: url('../Default/Images/icon-deferred-gray17.png');
    background-repeat: no-repeat;
}

.icon-deferred-complete {
    background-image: url('../Default/Images/icon-deferred-green17.png');
    background-repeat: no-repeat;
}

.img-closeWon-Green {
    background-image: url('../Default/Images/icon-close-won-G.png');
    background-repeat: no-repeat;
}

.img-closeLost-Red {
    background-image: url('../Default/Images/icon-close-lost-R.png');
    background-repeat: no-repeat;
}

.icon-rb-approveCenter {
    background-image: url('../Default/Images/icon-ApproveCenter-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-shippingMethod {
    background-image: url('../Default/Images/icon-ShippingMethod-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-Approver {
    background-image: url('../Default/Images/icon-Approver-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-ActivityChangeStatusHistory {
    background-image: url('../Default/Images/icon-ActivityChangeStatusHistory-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-ReportCenter {
    background-image: url('../Default/Images/Report-Center-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-QuoteSummaryDocument {
    background-image: url('../Default/Images/icon-QuoteSummaryDocument-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-reciept {
    background-image: url('../Default/Images/Recipt-History.png');
    background-repeat: no-repeat;
    background-size: 32px;
}

.icon-rb-freightTerm {
    background-image: url('../Default/Images/icon-FreightTerm-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-competitor {
    background-image: url('../Default/Images/icon-competitor-32x32.png');
    background-repeat: no-repeat;
}

.icon-rb-currencyExchange {
    background-image: url('../Default/Images/icon-currencyExchange-32x32.png');
    background-repeat: no-repeat;
}

.img-qualify-Green {
    background-image: url('../Default/Images/icon-qualify-G.png');
    background-repeat: no-repeat;
}

.img-disqualify-Red {
    background-image: url('../Default/Images/icon-disqualify-R.png');
    background-repeat: no-repeat;
}

.img-hold-Red {
    background-image: url('../Default/Images/icon-hold-quotation-R.png');
    background-repeat: no-repeat;
}

.img-cancelquotation-Red {
    background-image: url('../Default/Images/icon-cancel-quotation-R.png');
    background-repeat: no-repeat;
}

.img-paidmoney-Green {
    background-image: url('../Default/Images/icon-paid-invoice-G.png');
    background-repeat: no-repeat;
}

.img-cancelinvoice-Red {
    background-image: url('../Default/Images/icon-cancel-invoice-R.png');
    background-repeat: no-repeat;
}

.img-cancelorder-Red {
    background-image: url('../Default/Images/icon-cancel-order-R.png');
    background-repeat: no-repeat;
}

.RBSummaryReport {
    border-bottom: 1px solid #3987E6;
    color: #3987E6;
    font-size: 13px;
    height: 42px;
}

.RBSummaryReportChild {
    border-bottom: 1px solid #E5E5E5;
    color: #666;
    font-size: 13px;
    height: 37px;
}

.noti-Green {
    background: #dcebd8;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    margin-left: 5px;
    margin-top: 0px;
    margin-right: 5px;
}

.noti-Blue {
    background: #d2e4eb;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    margin-left: 5px;
    margin-top: 0px;
    margin-right: 5px;
}

.noti-Gray {
    background: #e4e4e4;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    margin-left: 5px;
    margin-top: 0px;
    margin-right: 5px;
}

.noti-Red {
    background: #f7d1d0;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    margin-left: 5px;
    margin-top: 0px;
    margin-right: 5px;
}

/*New Icon 07-01-2559*/

/*เปิดใบเสนอราคา(OPEN QUOTATION)*/
.wf_img.img-app_open_quote {
    background-image: url('../RightBlock/Images/app-open_quote_16.png');
    background-repeat: no-repeat;
}

/*มอบหมาย*/
.wf_img.img-app_assign {
    background-image: url('../RightBlock/Images/app-assign_16.png');
    background-repeat: no-repeat;
}

/*ลิงค์ขอราคา*/
.wf_img.img-app_request_quote {
    background-image: url('../RightBlock/Images/app-request_quote_16.png');
    background-repeat: no-repeat;
}

/*ผ่านการคัดกรอง*/
.wf_img.img-app_qualify {
    background-image: url('../RightBlock/Images/app-qualify_16.png');
    background-repeat: no-repeat;
}

/*ไม่ผ่านการคัดกรอง*/
.wf_img.img-app_disqualify {
    background-image: url('../RightBlock/Images/app-disqualify_16.png');
    background-repeat: no-repeat;
}

/*เปิดใหม่*/
.wf_img.img-app_reopen {
    background-image: url('../RightBlock/Images/app-reopen_16.png');
    background-repeat: no-repeat;
}

/*เปิดโอกาสทางการขาย*/
.wf_img.img-app_open_opp {
    background-image: url('../RightBlock/Images/app-open_opp_16.png');
    background-repeat: no-repeat;
}

/*เปิดใบสั่งขาย*/
.wf_img.img-app_open_saleorder {
    background-image: url('../RightBlock/Images/app-open_saleorder_16.png');
    background-repeat: no-repeat;
}

/*เปิดใบกำกับภาษี*/
.wf_img.img-app_open_inv {
    background-image: url('../RightBlock/Images/app-open_inv_16.png');
    background-repeat: no-repeat;
}

/*สร้างใบเสนอราคา*/
.wf_img.img-app_make_quote {
    background-image: url('../RightBlock/Images/app-make_quote_16.png');
    background-repeat: no-repeat;
}

/*ปิดการขายสำเร็จ*/
.wf_img.img-app_close_won {
    background-image: url('../RightBlock/Images/app-close_won_16.png');
    background-repeat: no-repeat;
}

/*ปิดการขายล้มเหลว*/
.wf_img.img-app_close_lost {
    background-image: url('../RightBlock/Images/app-close_lost_16.png');
    background-repeat: no-repeat;
}

/*สร้างใบสั่งขาย*/
.wf_img.img-app_make_saleorder {
    background-image: url('../RightBlock/Images/app-make_saleorder_16.png');
    background-repeat: no-repeat;
}

/*สร้างใบกำกับภาษี*/
.wf_img.img-app_make_inv {
    background-image: url('../RightBlock/Images/app-make-inv_16.png');
    background-repeat: no-repeat;
}

.ul_menu > li:hover .img-app_make_inv {
    background-image: url('../RightBlock/Images/app-make-inv_16.png');
    background-repeat: no-repeat;
}
/*เปิดใช้งานใบเสนอราคา*/
.wf_img.img-app_reopen_quote {
    background-image: url('../RightBlock/Images/app-reopen_quote_16.png');
    background-repeat: no-repeat;
}

/*พักใบเสนอราคา*/
.wf_img.img-app_hold_quote {
    background-image: url('../RightBlock/Images/app-hold_quote_16.png');
    background-repeat: no-repeat;
}

/*ยกเลิกใบเสนอราคา*/
.wf_img.img-app_cancel_quote {
    background-image: url('../RightBlock/Images/app-cancel_quote_16n.png');
    background-repeat: no-repeat;
}

/*ยกเลิกเคส*/
.wf_img.img-app_cancel_case {
    background-image: url('../RightBlock/Images/app-cancel_case_16n.png');
    background-repeat: no-repeat;
}

/*ปิดใบเสนอราคา*/
.wf_img.img-app_close_quote {
    background-image: url('../Default/Images/img-app_close_quote.png');
    background-repeat: no-repeat;
}

/*ยกเลิกใบสั่งขาย*/
.wf_img.img-app_cancel_saleorder {
    background-image: url('../RightBlock/Images/app-cancel_saleorder_16n.png');
    background-repeat: no-repeat;
}

/*รับชำระเงิน*/
.wf_img.img-app_reciept_mone {
    background-image: url('../RightBlock/Images/app-reciept_money_16.png');
    background-repeat: no-repeat;
}

.wf_img.img-app_Revise{
    background-image: url('../RightBlock/Images/img-app_Revise_16.png');
    background-repeat: no-repeat;
}

.wf_img.img-app_Renew{
    background-image: url('../RightBlock/Images/img-app_Renew_16.png');
    background-repeat: no-repeat;
}


.wf_img.img-app_SetExpire{
    background-image: url('../RightBlock/Images/img-app_SetExpire_16.png');
    background-repeat: no-repeat;
}

.wf_img.img-app_Active{
    background-image: url('../RightBlock/Images/img-app_Active_16.png');
    background-repeat: no-repeat;
}

/*ยกเลิกใบกำกับภาษี*/
.wf_img.img-app_cancel_inv {
    background-image: url('../RightBlock/Images/app-cancel_inv_16n.png');
    background-repeat: no-repeat;
}

/*เปิดใบกำกับภาษีซื้อ*/
.wf_img.img-app_open_pi {
    background-image: url('../RightBlock/Images/app-open_pi_16.png');
    background-repeat: no-repeat;
}

/*เปิดใช้งานใบสั่งซื้อ*/
.wf_img.img-app_reopen_po {
    background-image: url('../RightBlock/Images/app-reopen_po_16.png');
    background-repeat: no-repeat;
}

/*พักใบสั่งซื้อ*/
.wf_img.img-app_hold_po {
    background-image: url('../RightBlock/Images/app-hold_po_16.png');
    background-repeat: no-repeat;
}

/*ยกเลิกใบสั่งซื้อ*/
.wf_img.img-app_cancel_po {
    background-image: url('../RightBlock/Images/app-cancel_po_16n.png');
    background-repeat: no-repeat;
}

/*ชำระเงิน*/
.wf_img.img-app_payment {
    background-image: url('../RightBlock/Images/app-payment_16.png');
    background-repeat: no-repeat;
}

/*ยกเลิกใบกำกับภาษีซื้อ*/
.wf_img.img-app_cancel_pi {
    background-image: url('../RightBlock/Images/app-cancel_pi_16_16.png');
    background-repeat: no-repeat;
}

/*ปฏิทินกิจกรรม*/
.wf_img.img-app_calendar {
    background-image: url('../RightBlock/Images/app-calendar_16.png');
    background-repeat: no-repeat;
}

/*แผนที่กิจกรรม*/
.wf_img.img-app_activity_map {
    background-image: url('../RightBlock/Images/app-activity_map_16.png');
    background-repeat: no-repeat;
}

/*ลูกค้า (ACCOUNT)*/
.imgicon-app_account {
    background-image: url('../RightBlock/Images/icon_account.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ลูกค้า (CONTACT)*/
.imgicon-app_contact {
    background-image: url('../RightBlock/Images/icon_contact.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*โอกาสทางการขาย*/
.imgicon-app_opp {
    background-image: url('../RightBlock/Images/icon_opp.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ใบเสนอราคา*/
.imgicon-app_quote {
    background-image: url('../RightBlock/Images/icon_quotation.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*แหล่งที่มาของลูกค้า*/
.imgicon-app_customer_source {
    background-image: url('../RightBlock/Images/icon-setup-customer-source.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ประเภทอุตสาหกรรม*/
.imgicon-app_industry_type {
    background-image: url('../RightBlock/Images/icon-setup-industry-type.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ประเภทธุรกิจ*/
.imgicon-app_business_type {
    background-image: url('../RightBlock/Images/icon-setup-business-type.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*เงื่อนไขการชำระเงิน*/
.imgicon-app_payment_term {
    background-image: url('../RightBlock/Images/icon-setup-sub-payment.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*กระบวนการจัดซื้อ*/
.imgicon-app_purchase_process {
    background-image: url('../RightBlock/Images/icon-setup-purchase-process.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ใบสั่งขาย*/
.imgicon-app_sale_order {
    background-image: url('../RightBlock/Images/icon_order.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ใบกำกับภาษี*/
.imgicon-app_invoice {
    background-image: url('../RightBlock/Images/icon_invoice.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ประเภทโอกาสทางการขาย*/
.imgicon-app_opptype {
    background-image: url('../RightBlock/Images/icon-setup-opportunity-type.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*สถานะโอกาสทางการขาย*/
.imgicon-app_opp_stage {
    background-image: url('../RightBlock/Images/icon-setup-opportunity-stage.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*วิธีการขนส่ง*/
.imgicon-app_ship_method {
    background-image: url('../RightBlock/Images/icon-setup-shipping-method.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*เงื่อนไขการขนส่ง*/
.imgicon-app_freight_term {
    background-image: url('../RightBlock/Images/icon-setup-freight-term.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ผู้ขาย*/
.imgicon-app_vendor {
    background-image: url('../RightBlock/Images/icon_vendor.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ใบสั่งซื้อ*/
.imgicon-app_po {
    background-image: url('../RightBlock/Images/icon_po.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ใบกำกับภาษีซื้อ*/
.imgicon-app_pi {
    background-image: url('../RightBlock/Images/icon_pi.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*สัญญา*/
.imgicon-app_contract {
    background-image: url('../RightBlock/Images/WF_Contract.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*เคส*/
.imgicon-app_case {
    background-image: url('../RightBlock/Images/WF_Case.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*บริการ*/
.imgicon-app_customerservice {
    background-image: url('../RightBlock/Images/WF_CustomerService.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*ใบแจ้งหนี้ค่าบริการ*/
.imgicon-app_InvoiceofMaintenancefee {
    background-image: url('../RightBlock/Images/WF_Invoice.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*หมวดหมู่เคส*/
.imgicon-app_casecate {
    background-image: url('../RightBlock/Images/WF_Case_category.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

/*พิมพ์/ส่งอีเมล์*/
.wf_img.img-app_print_sendmail {
    background-image: url('../RightBlock/Images/app-print_sendmail_16.png');
    background-repeat: no-repeat;
}

/*คัดลอก*/
.wf_img.img-setup-copy {
    background-image: url('../RightBlock/Images/setup-copy_16.png');
    background-repeat: no-repeat;
}

/*ค้นหา*/
.wf_img.img-setup-search {
    background-image: url('../RightBlock/Images/iconfinder_Find_16.png');
    background-repeat: no-repeat;
}

/*เปิดใช้งาน*/
.wf_img.img-setup-active {
    background-image: url('../RightBlock/Images/setup-active_16.png');
    background-repeat: no-repeat;
}
/*ปิดใช้งาน*/
.wf_img.img-setup-inactive {
    background-image: url('../RightBlock/Images/setup-inactive_16.png');
    background-repeat: no-repeat;
}
/*โครงสร้างองค์กร*/
.wf_img.img-setup-company_chart {
    background-image: url('../RightBlock/Images/setup-company_chart_16.png');
    background-repeat: no-repeat;
}
/*ทำงาน*/
.wf_img.img-setup-working {
    background-image: url('../RightBlock/Images/setup-working_16.png');
    background-repeat: no-repeat;
}
/*พักงาน*/
.wf_img.img-setup-suspended {
    background-image: url('../RightBlock/Images/setup-suspended_16.png');
    background-repeat: no-repeat;
}
/*ลาออก*/
.wf_img.img-setup-lay_off {
    background-image: url('../RightBlock/Images/setup-lay_off_16.png');
    background-repeat: no-repeat;
}
/*ลาออก*/
.wf_img.img-setup-resign {
    background-image: url('../RightBlock/Images/setup-resign_16.png');
    background-repeat: no-repeat;
}
/*Change Status*/
.wf_img.img-setup-statusAdmin {
    background-image: url('../RightBlock/Images/setup-status_Admin_16.png');
    background-repeat: no-repeat;
}
/*นำเข้า*/
.wf_img.img-setup-import {
    background-image: url('../RightBlock/Images/setup-import_16.png');
    background-repeat: no-repeat;
}
/*นำออก*/
.wf_img.img-setup-export {
    background-image: url('../RightBlock/Images/setup-Export_16.png');
    background-repeat: no-repeat;
}
/*แสดง*/
.wf_img.img-setup-show {
    background-image: url('../RightBlock/Images/setup-show_16.png');
    background-repeat: no-repeat;
}
/*ซ่อน*/
.wf_img.img-setup-hide {
    background-image: url('../RightBlock/Images/setup-hide_16.png');
    background-repeat: no-repeat;
}
/*ปฏิทิน*/
.imgicon-setup-calendar {
    background-image: url('../RightBlock/Images/icon-setup-calendar.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*หน่วยงาน*/
.imgicon-setup-department {
    background-image: url('../RightBlock/Images/icon-setup-department.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*ตำแหน่งงาน*/
.imgicon-setup-position {
    background-image: url('../RightBlock/Images/icon-setup-position.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*บริษัท*/
.imgicon-setup-company {
    background-image: url('../RightBlock/Images/icon-setup-company.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*ประเภทที่เก็บสินค้า*/
.imgicon-setup-locationtype {
    background-image: url('../RightBlock/Images/icon-setup-location-type.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*Add File*/
.wf_img.img-setup-addfile {
    background-image: url('../RightBlock/Images/setup-addfile_16.png');
    background-repeat: no-repeat;
}
/*Add Link*/
.wf_img.img-setup-addlink {
    background-image: url('../RightBlock/Images/setup-addlink_16.png');
    background-repeat: no-repeat;
}
/*สินค้า*/
.imgicon-setup-item {
    background-image: url('../RightBlock/Images/icon-setup-item.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*สินค้าหน้า iStore*/
.imgicon-list_setup-item {
    background-image: url('../RightBlock/Images/icon-setup-item.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*หมวดหมู่สินค้า*/
.imgicon-setup-category {
    background-image: url('../RightBlock/Images/icon-setup-product-category.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*หน่วยนับ*/
.imgicon-setup-unit {
    background-image: url('../RightBlock/Images/icon-setup-product-unit.png');
    background-repeat: no-repeat;
    background-size:80px 80px;
}
/*ที่เก็บสินค้า*/
.imgicon-setup-location {
    background-image: url('../RightBlock/Images/icon-setup-location.png');
    background-repeat: no-repeat;
    background-size: 80px 80px;
}
/*พร้อมใช้งาน*/
.wf_img.img-admin-available {
    background-image: url('../RightBlock/Images/admin-available_16.png');
    background-repeat: no-repeat;
}
/*บล็อก*/
.wf_img.img-admin-block {
    background-image: url('../RightBlock/Images/admin-block_16.png');
    background-repeat: no-repeat;
}
/*ชำระเงิน*/
.imgicon-payment_term {
    background-image: url('../RightBlock/Images/app-payment_term_16.png');
    background-repeat: no-repeat;
}

.wf_img.img-act-complete {
    background-image: url('../RightBlock/Images/app-act_complete_16.png');
    background-repeat: no-repeat;
}

.wf_img.img-act-deferred {
    background-image: url('../RightBlock/Images/app-act_deferred_16.png');
    background-repeat: no-repeat;
}

.wf_img.img-act-inprocess {
    background-image: url('../RightBlock/Images/app-act_inprocess_16.png');
    background-repeat: no-repeat;
}

.wf_img.img-act-sendnow {
    background-image: url('../RightBlock/Images/app-act_sendnow_16.png');
    background-repeat: no-repeat;
}

.icon-IsShow {
    background-repeat: no-repeat;
    background: url('../RightBlock/Images/admin-isshow.jpg') center no-repeat;
}

.icon-NotShow {
    background-repeat: no-repeat;
    background: url('../RightBlock/Images/admin-notshow.jpg') center no-repeat;
}

.modal-BodyReference{
     max-height: calc(119vh - 300px);
     min-height: 190px;
     overflow-y: auto;
     margin:0px;
}