/*Scroll Bar*/
/* width */

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #aeaeae;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #aeaeae;
    }

.ui-select-bootstrap .ui-select-choices-row > span {
    cursor: pointer;
    display: block;
    padding: 0px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #ecebeb;
    padding-right: 100px;
    font-size: 11px
}

.ui-select-placeholder {
    font-size: 11px !important
}

.ui-select-search {
    font-size: 11px !important
}

.ui-select-match-text {
    font-size: 11px !important
}

body {
    background-color: #e2e9ef;
    color: #252c2f !important;
    font-family: 'Segoe UI' !important;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    position: fixed
    /*width: 958px;
    height: 532px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;*/
}

.StandartText {
    font-size: 10px;
}

.panel-default .panel-heading {
    background-color: #171c31 !important;
    color: white !important;
}

.DefectCapturePanelMargin {
    margin-top: 20px;
}

.dropdown-contentMenu {
    border-radius: 2px;
    top: 40px;
    display: none;
    position: absolute;
    right: -5px;
    background-color: #ffffff;
    min-width: 190px;
    min-height: 400px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    max-height: 470px;
    width: 190px;
}

.dropdown-content {
    border-radius: 2px;
    top: 40px;
    display: none;
    position: absolute;
    right: 15px;
    background-color: #efefef;
    min-width: 350px;
    min-height: 380px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    max-height: 380px;
    width: 350px;
}

.dropdown-contentAttribute {
    border-radius: 2px;
    top: 60px;
    display: none;
    position: absolute;
    right: 0px;
    background-color: white;
    /* min-width: 296px; */
    min-height: 300px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    /* max-height: 300px; */
    width: 205px;
}

.dropdown-contentAQLStandard {
    border-radius: 2px;
    top: 42px;
    display: none;
    position: absolute;
    /*right: 0px;*/
    background-color: white;
    /* min-width: 296px; */
    min-height: 300px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    /* max-height: 300px; */
    width: 205px;
}

.dropdown-contentGarmentStatus {
    border-radius: 2px;
    top: 65px;
    display: none;
    position: absolute;
    right: 16px;
    background-color: white;
    /* min-width: 296px; */
    min-height: 100px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    /* max-height: 300px; */
    width: 140px;
}

.dropdown-contentCheckPoint {
    border-radius: 2px;
    top: 34px;
    display: none;
    position: absolute;
    right: 18px;
    background-color: #efefef;
    min-width: 300px;
    min-height: 380px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    max-height: 380px;
    width: 300px;
}

.dropdown-contentBand {
    border-radius: 2px;
    top: 34px;
    display: none;
    position: absolute;
    right: 18px;
    background-color: #efefef;
    min-width: 300px;
    min-height: 380px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    max-height: 380px;
    width: 300px;
}

.dropdown-contentOrder {
    border-radius: 2px;
    top: 34px;
    display: none;
    position: absolute;
    right: 18px;
    background-color: #efefef;
    min-width: 300px;
    min-height: 380px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    max-height: 380px;
    width: 300px;
}

.dropdown-contentAQL {
    border-radius: 2px;
    top: 34px;
    display: none;
    position: absolute;
    right: -270px;
    background-color: #efefef;
    min-width: 300px;
    min-height: 300px;
    overflow: auto;
    box-shadow: 0px 12px 16px 0px rgba(0,0,0,0.2);
    z-index: 100000;
    max-height: 300px;
    width: 300px;
}

.panel-default {
    background-color: #f9f9f9 !important;
}

.btn-sm, .btn-group-sm > .btn {
    font-size: 14px !important
}

.Loginbg {
    /*background-color: #2c3555;*/
    background-image: url('../Img/BG2.jpg');
    width: auto;
    height: 555px;
    background-repeat: no-repeat;
}

.LoginLogoRound {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-image: radial-gradient(#f4f4f4,#f4f4f4);
}

.LoginLogo {
    width: 100%;
    margin-left: -70px;
    width: 450px;
}

.LoginLogoName {
    font-size: 14px;
    font-weight: 600;
    color: whitesmoke;
}

.LoginBtn {
    margin-top: 90px;
    width: 280px;
    font-size: 11px;
    height: 40px;
    margin-bottom: 70px;
}

/*HEADER*/

.TopHeader {
    width: 100%;
    height: 40px;
    background-color: #1b1e29;
}

.TopHeaderUserRound {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #1b968b;
}

.UserRound {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #26a69a;
}

.UserRoundText {
    color: #4d627b;
    font-size: 15px;
    font-weight: 700;
}

.UserRoundTextSmall {
    color: #4d627b;
    font-size: 13px;
    font-weight: 600;
}

.TopHeaderUserText {
    font-size: 10px;
    color: white;
    margin-top: 2px;
    margin-left: 10px;
}

.TopHeaderUserTextSmall {
    font-size: 8px;
    color: #e4e4e4;
    margin-left: 10px;
    margin-top: -4px;
    white-space: nowrap;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TopHeaderIcon {
    color: #f5f5f5;
    float: right;
    font-size: 16px;
}

.TopHeaderLogOut {
    cursor: pointer;
    color: white;
    font-size: 16px;
    float: right;
    margin-top: -10px;
}

.TopBarRound {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-top: 0px;
}

.TopBarRoundLight {
    border: 1px solid white;
}

.TopBarRoundDark {
    border: 1px solid #25476a;
}

.TopBarRoundIcon {
    font-size: 10px;
    padding: 4px;
    /*margin-top: 1px;*/
}

.TopBarRoundIcon2 {
    font-size: 10px;
    padding: 5px;
    /*margin-top: 1px;*/
}

.TopBarRoundIconLight {
    color: white;
}

.TopBarRoundIconDark {
    color: #25476a;
}

.TopBarRoundText {
    font-size: 9px;
    font-weight: 700;
}

.TopBarRoundText2 {
    font-size: 8px;
    font-weight: 700;
}

.TopBarRoundTextLight {
    color: white;
}

.TopBarRoundTextLight2 {
    color: black;
}

.TopBarRoundTextDark {
    color: #25476a;
}

.TopBarRoundTextSmall {
    font-size: 8px;
    color: whitesmoke;
}

.TopBarRoundTextSmallLight {
    color: whitesmoke;
}

.TopBarRoundTextSmallDark {
    color: #717171;
}
.TopBarRoundText_Report {
    font-size: 11px;
    font-weight: 700;
}
.TopBarRoundTextSmall_Report {
    font-size: 9px;
}
.Report_Header {
    height: 20px;
    background: #444;
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}



.RightNavBar {
    height: 100%;
    position: fixed !important;
    background-color: white;
    overflow: auto
}

.RightNavBarText {
    font-size: 13px;
    font-weight: 700;
}

.RightNavBarDataText {
    font-size: 12px;
    font-weight: 700;
}

.RightNavBarDataTextSmall {
    font-size: 11px;
    color: #565656;
}

.RightNavBarRound {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    /*background-color: #3a3f51;*/
    margin-top: 0px;
    border: 1px solid #3a3f51;
}

.RightNavBarRoundIcon {
    color: #3a3f51;
    font-size: 12px;
    padding: 6px;
}

.DataRound {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: 0px;
    border: 1px solid #3a3f51;
}

.DataRoundIcon {
    color: #3a3f51;
    font-size: 16px;
    padding: 7px;
}

.HeaderBox {
    height: 100px;
    background-color: #222d3c;
    /*margin-top: -20px;*/
}

.DataBody {
    height: 480px;
}

.HeaderBoxText {
    font-size: 18px;
    color: white;
    font-weight: 600
}

.OrderSelectionBox {
    background-color: white;
    border-radius: 2px;
    height: 560px;
    padding: 10px;
}

.BtnIcon {
    padding-right: 10px;
}

.OrderSelectionBoxHeaderText {
    color: #242733;
    font-size: 13px;
    font-weight: 700;
}

.BottomBorder {
    border-bottom: 1px solid #e4e4e4;
}

.TopBorder {
    border-top: 1px solid #e4e4e4;
}

.RightBorder {
    border-right: 1px solid #e4e4e4;
}


.ModuleSelectionRound {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    cursor: pointer
}

.ModuleSelectionRoundColor1 {
    background-color: #f44336;
}

.ModuleSelectionRoundColor2 {
    background-color: #479bd3;
}

.ModuleSelectionRoundIcon {
    color: whitesmoke;
    font-size: 40px;
    padding: 23px;
    margin-top: 18px;
}

.ModuleSelectionText {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #5b758f;
    margin-top: 10px;
}

.PlusRound {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    float: right;
    margin-top: 5px;
    cursor: pointer;
}

.PlusRoundIcon {
    font-size: 16px;
    padding: 12px;
    margin-left: 1px;
    color: #27c24c;
}

.MoveRoundIcon {
    font-size: 20px;
    padding: 8px;
    color: #1f3a51;
    margin-left: 6px;
}

.MoveRoundIcon2 {
    font-size: 13px;
    padding: 10px;
    color: #1f3a51;
    margin-left: 2px;
}
.MoveRoundIcon3 {
    font-size: 19px;
    padding: 7px;
    color: #1f3a51;
    margin-left: 2px;
}

.MoveRoundText {
    font-size: 8px;
    font-weight: 600;
    text-align: center;
}

.TimesRoundIcon {
    font-size: 20px;
    padding: 12px;
    margin-left: 1px;
    color: #1c344a;
}

.SwipeIcon {
    font-size: 18px;
    padding: 12px;
    margin-left: 1px;
    color: #27c24c;
}

.OrderPoolPanel {
    height: 400px;
}

.OrderPoolBox {
    width: 400px;
    height: 100px;
    border-radius: 4px;
    background-color: white;
    margin-bottom: 10px;
    box-shadow: 2px 2px #d2d2d2;
    border: 1px solid #e4eaeb;
}

.OrderPoolBoxSeleted {
    width: 400px;
    height: 100px;
    border-radius: 4px;
    background-color: white;
    margin-bottom: 10px;
    box-shadow: 2px 2px #d2d2d2;
    border: 1px solid #e4eaeb;
}

.HeaderText {
    font-size: 13px;
    font-weight: 700;
    color: #242733;
}

.BoxText {
    font-size: 13px;
    font-weight: 700;
    color: #526394;
}

.BoxText2 {
    font-size: 10px;
    font-weight: 700;
    color: #1a3146;
}

.BoxText3 {
    font-size: 10px;
    font-weight: 700;
    color: #1a3146;
}
.BoxText_Count {
    font-size: 10px;
    font-weight: 700;
}

.BoxTextSmall {
    font-size: 9px;
    font-weight: 600;
    color: #464646;
}
.BoxTextSmall2 {
    font-size: 8px;
    font-weight: 600;
    color: #464646;
}

.DefctText {
    font-size: 15px;
    font-weight: 700;
    color: white
}

.DefctText2 {
    font-size: 22px;
    font-weight: 700;
}

.QtyBox {
    width: 70px;
    height: 35px;
    border-radius: 25px;
    background: rgb(31, 59, 84);
    text-align: center;
    padding-top: 0px;
    /*border: 1px solid;*/
    margin-top: -10px;
    margin-left: 15px;
}

.QtyText {
    font-size: 13px;
    font-weight: 700;
    color: whitesmoke;
}

.DefectQtyBox {
    width: 40px;
    height: 30px;
    border-radius: 11px;
    background: rgb(31, 59, 84);
    text-align: center;
    padding-top: 7px;
}

.DefctQtyText {
    font-size: 24px;
    font-weight: 700;
}

.DefectText2 {
    font-size: 10px;
    font-weight: 700;
    color: #2c3555;
}

.DefectText3 {
    font-size: 8px;
    font-weight: 600;
    color: #5b5b5b;
}

.BoxTextSmallLight {
    font-size: 11px;
    font-weight: 600;
    color: whitesmoke;
}

.CloseBtn {
    float: right;
    font-size: 20px;
    color: #f44336;
    cursor: pointer;
}

.OrderPoolBoxAssign {
    width: 100%;
    height: 98px;
    border-radius: 4px;
    background-color: white;
    margin-bottom: 10px;
    box-shadow: 2px 2px #d2d2d2;
    border: 1px solid #e4eaeb;
    border-left: 4px solid #222d3c;
}

.OperationBoxAssign {
    width: 100%;
    height: auto;
    border-radius: 4px;
    background-color: white;
    margin-bottom: 10px;
    box-shadow: 2px 2px #d2d2d2;
    border: 1px solid #e4eaeb;
    padding: 10px 0px 5px 0px;
}

.SelectedBulkPoolBoxAssign {
    background-color: #6f6f6f !important;
    color: white;
}

    .SelectedBulkPoolBoxAssign .DefectText2 {
        color: white;
    }

    .SelectedBulkPoolBoxAssign .DefectText3 {
        color: whitesmoke;
    }

.SelectedOrderPoolBoxAssign {
    background-color: #3a3f51 !important;
    color: white;
}

    .SelectedOrderPoolBoxAssign .BoxTextSmall {
        color: white;
    }
    .SelectedOrderPoolBoxAssign .BoxTextSmall2 {
        color: white;
    }

    .SelectedOrderPoolBoxAssign .BoxText2 {
        color: white;
    }

    .SelectedOrderPoolBoxAssign .BoxText3 {
        color: white;
    }

.SelectedOrderPoolBoxAssignFrequent {
    background-color: rgb(136, 147, 154) !important;
    color: white;
}

    .SelectedOrderPoolBoxAssignFrequent .BoxTextSmall {
        color: white;
    }
    .SelectedOrderPoolBoxAssignFrequent .BoxTextSmall2 {
        color: white;
    }

    .SelectedOrderPoolBoxAssignFrequent .BoxText2 {
        color: white;
    }

    .SelectedOrderPoolBoxAssignFrequent .BoxText3 {
        color: white;
    }

.SelectedOrderPoolBoxAssignLineIn {
    background-color: rgb(136, 147, 154) !important;
    color: white;
}

.SelectedOrderPoolBoxAssignFrequent .BoxTextSmall {
    color: white;
}
.SelectedOrderPoolBoxAssignFrequent .BoxTextSmall2 {
    color: white;
}

.SelectedOrderPoolBoxAssignFrequent .BoxText2 {
    color: white;
}

.SelectedOrderPoolBoxAssignFrequent .BoxText3 {
    color: white;
}


.SelectedOperationBoxAssign {
    background-color: #3a3f51 !important;
    color: white;
}

    .SelectedOperationBoxAssign .BoxTextSmall {
        color: white;
    }
    .SelectedOperationBoxAssign .BoxTextSmall2 {
        color: white;
    }

    .SelectedOperationBoxAssign .BoxText2 {
        color: white;
    }

    .SelectedOperationBoxAssign .BoxText3 {
        color: white;
    }


.SelectedDefectBoxAssign {
    background-color: rgb(24, 48, 70) !important;
    color: white;
}

    .SelectedDefectBoxAssign .BoxTextSmall {
        color: white;
    }
    .SelectedDefectBoxAssign .BoxTextSmall2 {
        color: white;
    }

    .SelectedDefectBoxAssign .BoxText2 {
        color: white;
    }

    .SelectedDefectBoxAssign .BoxText3 {
        color: white;
    }

.SelectedOngoingAuditBox {
    background-color: #d2d2d2
}

.ChecklistDetails {
    width: 100%;
    color: #222d3c;
    font-size: 13px;
    font-weight: 700;
    margin: 10px 0px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 3px 0px;
}

.OrderPoolHeaderDetails {
    width: 100%;
    color: #222d3c;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.OrderPoolLineBox {
    width: 98%;
    height: 40px;
    border-radius: 4px;
    /*background-color: white;*/
    margin-bottom: 10px;
    box-shadow: 1px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
}

.OrderPoolLineBox2 {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    /* background-color: white; */
    margin-bottom: 8px;
    box-shadow: 1px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
    border-left: 4px solid #193248;
}

.AttributePanel {
    max-height: 300px;
    height: 300px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px
}

.AttributePanel2 {
    max-height: 280px;
    height: 280px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px
}
.AttributePanel_TSL {
    max-height: 205px;
    height: 205px;
    overflow: auto;
    padding-left: 1px;
    padding-right: 1px
}

.DefectCaptureHeaderBox {
    background-color: white;
    border-radius: 2px;
    height: 255px;
   /* padding: 10px;*/
    padding-top: 10px;
}

.DefectCaptureHeaderBoxButons {
    background-color: white;
    border-radius: 2px;
    height: 50px;
    padding: 10px;
    margin-bottom: 10px;
    padding-top: 11px;
}

.DefectCaptureLineBox {
    background-color: white;
    border-radius: 2px;
    height: 75px;
    /*padding: 10px;*/
    margin-top: 15px;
}

.CumulativeText {
    font-size: 8px
}

.DefectCapturePanel {
    height: 235px;
    width: 210px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    padding: 10px;
}

.DefectCaptureHeaderBox_TLS {
    background-color: white;
    border-radius: 2px;
    height: 430px;
    /* padding: 10px;*/
    padding-top: 10px;
}

.DefectCapturePanel2 {
    height: 235px;
    width: 340px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    padding: 10px;
}

.GoodGarment {
    background-color: #27c24c;
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 2px 2px #aaabaf;
}

.GoodGarmentIcon {
    font-size: 42px;
    color: white;
    padding-top: 0%;
}

.GoodGarmentText {
    font-size: 25px;
    font-weight: 700;
    color: #25476a;
}

.GoodGarmentText2 {
    font-size: 20px;
    font-weight: 700;
    color: #25476a;
}

.GoodGarmentTextSmall {
    font-size: 8.5px;
    font-weight: 700;
    color: #646464;
}

.GoodGarmentTextSmall1 {
    font-size: 10px;
    font-weight: 700;
    color: #646464;
}

.GoodGarmentTextSmallAudit {
    font-size: 11px;
    font-weight: 700;
    color: #646464;
}

.DefectGarment {
    /*background-color: #ffb300 !important;*/
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 2px 2px #aaabaf;
}

.RejectGarment {
    /*background-color: #f44336 !important;*/
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 2px 2px #aaabaf;
}

.GoodGarmentTextGreen {
    font-size: 25px;
    font-weight: 700;
    color: #27c24c;
}

.GoodGarmentTextRed {
    font-size: 25px;
    font-weight: 700;
    color: #f44336;
}

.RightPanel {
    height: 575px;
    background-color: white;
}

.btn-Garment {
    background-color: white;
    color: #222d3c !important;
    border-color: #222d3c;
}


.MainTopHeader {
    width: 100%;
    height: 115px;
    background-image: linear-gradient(#12273a, #1f3b54);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 70px;
}

.MainTopHeaderSector {
    width: 100%;
    height: 90px;
    background-image: linear-gradient(#12273a, #1f3b54);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 45px;
}

.RightBox {
    height: 605px;
    background-color: white;
    margin-top: -105px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    padding: 15px;
}

.LeftTopBox {
    width: 100%;
    background-color: white;
    height: 50px;
    margin-top: -26px;
    border-radius: 20px;
}

.LeftTopBoxSector {
    width: 100%;
    background-color: white;
    height: 50px;
    border-radius: 20px;
}

.LeftMainBox {
    width: 100%;
    margin-top: 20px;
}

.no-padder-left {
    padding-left: 0px;
}

.no-padder-right {
    padding-right: 0px;
}

.TopBoxMainText {
    font-size: 12px;
    font-weight: 700;
    color: white;
}

.TopBoxSmallText {
    font-size: 11px;
    color: #565656;
    color: whitesmoke;
}

.MainText {
    font-size: 10.3px;
    font-weight: 700;
    color: #25476a;
}

.MainTextLight {
    font-size: 10.3px;
    font-weight: 700;
    color: white;
}

.MainTextSmall {
    font-size: 11px;
    color: darkgrey;
}

.SelectionBox {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background-color: white;
    margin-bottom: 5px;
    box-shadow: 0px 1px #d7d7d7;
}

.SelectionBoxBorder1 {
    border-left: 5px solid #25476a;
}

.SelectionBoxBorder2 {
    border-left: 5px solid #ffb300;
}

.SelectionBoxBorder3 {
    border-left: 5px solid #ff0000;
}

.TextLimitRefOrder {
    position: absolute;
    white-space: nowrap;
    width: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TextLimit1 {
    position: absolute;
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TextLimitMainText {
    position: absolute;
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TextLimit2 {
    position: absolute;
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.MainRoundChecklist {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.MainRound {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.MainRound1 {
    background-color: #f44336;
}

.MainRound2 {
    background-color: #ffb300;
}

.MainRound3 {
    background-color: #25476a;
}

.MainRound4 {
    background-color: #27c24c;
}

.MainRound5 {
    background-color: #4088c3;
}

.MainRoundIcon1Checklist {
    font-size: 10px;
    padding: 6px;
    color: white;
    margin-left: 0px;
}

.MainRoundIcon1 {
    font-size: 15px;
    padding: 7px;
    color: white;
    margin-left: 2px;
}

.MainRoundIcon2 {
    font-size: 21px;
    padding: 7px;
    color: white;
    margin-left: 1px;
}

.MainRoundIcon3 {
    font-size: 15px;
    padding: 8px;
    color: white;
    margin-left: 1px;
    margin-top: 0px;
}

.MainRoundIcon4 {
    font-size: 19px;
    padding: 6px;
    color: white;
    margin-left: 1px;
}

.MainRoundIcon5 {
    font-size: 14px;
    padding: 7px;
    color: white;
    margin-left: 1px;
    margin-top: 2px;
}

.MainRoundIcon4_1 {
    font-size: 14px;
    padding: 8px;
    color: white;
    margin-left: 1px;
}

.DropdownIcon {
    font-size: 13px;
    color: white;
    padding-right: 20px;
}

.OrderSelectionPanel {
    background: white;
    height: 370px;
}

.OrderSelectionPanel2 {
    background: white;
    height: 310px;
}

.OrderSelectionPanelDark {
    background: #193044;
    height: 310px;
}

.DefectCapturingPanel {
    background: white;
    height: 530px;
}

.OrderPlusRound {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    float: right;
    /* margin-top: 5px; */
    cursor: pointer;
    /* bottom: 45%; */
    /* position: absolute; */
    /* margin-bottom: 10px; */
    /* margin-left: 7px; */
    background: white;
}

.DeleteIcon {
    font-size: 15PX;
    float: RIGHT;
    padding-right: 17PX;
    color: #f44336;
}

.PlusIcon {
    font-size: 15PX;
    float: right;
    padding-right: 15PX;
    color: #27c24c;
}







.bt {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    border: 2px solid red;
    cursor: pointer;
    font-size: 35px;
    padding: 0 0 5px 8px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

.menu {
    position: absolute;
    background: rgb(255, 255, 255);
    top: 0px;
    left: -1536px;
    margin: 10px 0px 0px 0px;
    /*width: 960px;*/
    width: 100%;
    height: 370px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .menu ul {
        padding: 0;
        list-style: none;
    }

        .menu ul li {
            border-bottom: 1px solid gray;
            width: 100%;
            height: 30px;
            margin-top: 10px;
        }

.menu2 {
    position: absolute;
    background: rgb(255, 255, 255);
    top: 0px;
    left: -1536px;
    margin: 10px 0px 0px 0px;
    width: 960px;
    height: 405px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

    .menu2 ul {
        padding: 0;
        list-style: none;
    }

        .menu2 ul li {
            border-bottom: 1px solid gray;
            width: 100%;
            height: 30px;
            margin-top: 10px;
        }


.menu3 {
    position: absolute;
    background: rgb(255, 255, 255);
    top: 0px;
    left: -1536px;
    margin: 10px 0px 0px 0px;
    width: 960px;
    height: 405px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

    .menu3 ul {
        padding: 0;
        list-style: none;
    }

        .menu3 ul li {
            border-bottom: 1px solid gray;
            width: 100%;
            height: 30px;
            margin-top: 10px;
        }

.menuDEFECT {
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 406px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuRedTagRelease {
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 406px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuGarmentWiseSketch {
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 405px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuReports_Hourly {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuReports {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuReproducibilityFactors {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.attributeReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}
.TLSoperationReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.InOutReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.RedTagUtilizedReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.MeasurementCapturing {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuReports_HourlyReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuReports_WeeklyContinuousInspectionHistoryReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuReports_TLSReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuReports_AttributeReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuReports_HourlyAuditReport {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuOngoingAudits {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuStandardImageDetails {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuDefectDetails {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.menuGradingDetails {
    border-top: 1px solid;
    position: absolute;
    background: white;
    top: 0px;
    left: 1536px;
    margin: 10px 0px 0px 0px;
    width: 958px;
    height: 478px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
}

.AttributeText {
    font-size: 9px;
    font-weight: 700;
}

.DefectCatBox {
    width: 99%;
    height: 50px;
    border-radius: 30px;
    background-color: white;
    margin-bottom: 10px;
    box-shadow: 0px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
}

.ChecklistBox {
    width: 99%;
    height: 70px;
    border-radius: 6px;
    background-color: white;
    margin-bottom: 10px;
    box-shadow: 0px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
}

.ChecklistBoxHeight {
    height: 70px
}

.SelectedChecklistBoxHeader {
    background-color: #f3f3f3 !important
}

.DefectCatBoxHeight {
    height: 50px
}

.SolutionDefectBox {
    width: 99%;
    height: 80px;
    border-radius: 30px;
    background-color: white;
    margin-bottom: 10px;
    box-shadow: 0px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
}

.SolutionDefectBoxHeight {
    height: 80px
}

.RedTagBox {
    width: 99%;
    height: 50px;
    border-radius: 30px;
    background-color: white;
    margin-bottom: 10px;
    box-shadow: 0px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
}

.RedTagBoxHeight {
    height: 50px
}

.BackBtnHeight {
    height: 300px
}

.DefectBox {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    /*text-align: center;*/
    margin-bottom: 10px;
    box-shadow: 0px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
    display: block;
    height: 90px;
    border-radius: 13px;
    background-color: white;
    padding-right: 5px;
    padding-top: 5px;
    padding-left: 10px;
}

.DefetCatRound {
    padding-top: 3px;
    border: 1px solid #172f44;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #172f44;
}

.PanelHeader {
    height: 40px;
    padding: 9px 0px 0px 17px;
    margin-top: -10px;
    background-color: #3a444e;
    /* color: white !important; */
    border-bottom-left-radius: 25px;
    margin-left: -10px;
    margin-right: -10px;
}

.PanelHeaderIcon {
    color: #f44336;
    float: right;
    padding-right: 15px;
    font-size: 19px;
    margin-top: 3px;
}

.PanelHeaderIcon2 {
    color: #2020d4;
    float: right;
    padding-right: 15px;
    font-size: 19px;
    margin-top: 3px;
}

.PanelHeaderIcon3 {
    color: #1313d6;
    float: right;
    padding-right: 15px;
    font-size: 19px;
    margin-top: 3px;
}

.PanelHeaderIcon2 {
    color: #27c24c;
    float: right;
    padding-right: 15px;
    font-size: 19px;
    margin-top: 3px;
}

.DefectName {
    font-size: 10px;
    color: #424242;
    font-weight: 600;
}

.GarmentStatusPanel {
    background-color: white;
    border-radius: 2px;
    height: 406px;
    padding: 10px 0px 10px 5px;
}

.GarmentStatusPanelBox {
    width: 98%;
    height: 45px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: white;
    margin-bottom: 8px;
    border: 1px solid #e4eaeb;
}

.GarmentStatusPanelBox2 {
    width: 98%;
    height: 45px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: white;
    margin-bottom: 4px;
    border: 1px solid #e4eaeb;
}

.GoodGarmentColor {
    background-color: #23ad44
}

.DefectGarmentColor {
    background-color: #fad733
}

.RejectGarmentColor {
    background-color: #eb4134
}
.DefectGarmentBG {
    /*background-color: #ff0000;*/
    color: #ff0000 !important
}


.GarmentQtyText {
    font-size: 10px;
    color: white;
    font-weight: 700;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: unset;
    max-width: 100%;
    height: 505px !important;
}

.img-responsive2, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: unset;
    max-width: 100%;
    height: 342px !important;
    border-radius: unset;
}

.SketchSideBtn {
    width: 110px;
    height: 32px;
    font-size: 10px;
}

.RemarkSaveBtn {
    width: 80px;
    height: 32px;
    font-size: 10px;
}

.DefectDetailsText {
    font-size: 10px
}

.disabledbtn {
    display: none
}

.unAuthorizedText {
    color: #f44336;
    font-size: 16px;
    font-weight: 700;
}

.unAuthorizedicon {
    color: #f44336;
    font-size: 40px;
}

.ErrorText {
    font-size: 100px;
    color: #f44336;
    font-weight: 700;
}

.ErrorText1 {
    color: #4d627b;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.ErrorText2 {
    color: #8e8e8e;
    font-size: 13px;
}

.ErrorTextWIP {
    font-size: 30px;
    color: #f44336;
    font-weight: 700;
}

.ErrorBtn {
    margin-top: 65px;
    width: 300px;
    font-size: 13px;
    height: 50px;
    margin-bottom: 65px;
}

.HourlyReportDataBox {
    height: 75px;
    border: 1px solid #2d4f6f;
    margin-bottom: 5px;
    border-radius: 3px;
    background: #f3f3f3;
    margin-top: 10px;
}
.OperationReportDataBox {
    height: 60px;
    border: 1px solid #2d4f6f;
    margin-bottom: 5px;
    border-radius: 3px;
    background: #f3f3f3;
    margin-top: 10px;
}

.triangle-bottom-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent #183147 transparent;
    margin-top: 50px;
}

.triangle-bottom-right2 {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent #183147 transparent;
    margin-top: 17px;
    float: right;
    margin-right: 11px;
}

.HourlyReportDataBoxTransDetail {
    height: 45px;
    border: 1px solid #2d4f6f;
    margin-bottom: 5px;
    border-radius: 3px;
    background: #fdfdfd;
    margin-top: -10px;
}

.TransDetailTextDetail {
    color: #193147;
}

.TransDetailTextHeader {
    background: #173045;
    color: white;
    padding-bottom: 5px;
    padding-top: 5px;
}

.TransDetailTextHeader2 {
    background: #3d6c94;
    color: white;
    padding-bottom: 5px;
    padding-top: 5px;
}

.TransDetailDefectQty {
    font-size: 17px;
    color: white;
    font-weight: 700;
}

.TransDetailDefectText {
    font-size: 13px;
    color: whitesmoke;
    font-weight: 600;
}

.DefectBox2 {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    /* text-align: center; */
    margin-bottom: 10px;
    box-shadow: 0px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
    display: block;
    height: 40px;
    border-radius: 0px;
    background-color: white;
    padding-right: 5px;
    padding-top: 0px;
    padding-left: 10px;
}
.StandardImageBox {
    width: 101%;
    margin-bottom: 10px;
    box-shadow: 0px 1px #d2d2d2;
    border: 1px solid #e4eaeb;
    display: block;
    height: 200px;
    border-radius: 0px;
    background-color: white;
    text-align:center
   /* padding-right: 5px;
    padding-top: 0px;
    padding-left: 10px;*/
}

.DefectQtyBoxReport {
    width: 40px;
    height: 30px;
    border-radius: 5px;
    /* background: #f44336; */
    text-align: center;
    padding-top: 11px;
}

.OrderText {
    font-size: 8px;
}

.MainAttributeText {
    font-size: 9px;
}

.dropdown-menu {
    position: absolute;
    /* top: 100%; */
    right: -5px;
    z-index: 10000000;
    display: none;
    /* float: left; */
    min-width: 145px;
    padding: 0px 0;
    margin: -40px 0 0;
    /* font-size: 0px; */
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}



#capture {
    display: none;
}

#snapshot {
    display: inline-block;
    width: 608px;
    height: 342px;
}

.AssignedOrder {
    background-color: #b1b1b1;
}

.Reports {
    position: absolute;
    background: rgba(226, 233, 239, 0.99);
    top: 0px;
    left: -1257px;
    margin: 118px 0px 0px 0px;
    width: 960px;
    height: 360px;
    padding: 10px;
    /* border: solid 1px #DFDFDF; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 99999;
    margin-top: 160px;
}

    .Reports ul {
        padding: 0;
        list-style: none;
    }

        .Reports ul li {
            border-bottom: 1px solid gray;
            width: 100%;
            height: 30px;
            margin-top: 10px;
        }


.HeaderDataLine {
    line-height: 13px;
}

.HeaderDataLineMargin {
    margin-top: 10px;
}

.HeaderButtonText {
    font-size: 10px;
}

.BoxMAxHeight {
    height: 325px;
    max-height: 325px;
}

.BoxMAxHeight2 {
    height: 370px;
}

.UserDetails {
    line-height: 15px;
}

.ModuleHeaderGap {
    width: 12%;
}

.OrderSearchPanel {
    width: 330px;
}

.OrderSearchPanelHeight {
    height: 253px;
    max-height: 253px;
}

.OrderSearchPanelHeight2 {
    height: 310px;
    max-height: 310px;
}

.SearchText {
    font-size: 10px;
}

.OrderSearchPanel2Height {
    height: 256px;
}
.OperationPanelHeight_TLS {
    height: 270px;
}


.OrderSearchPanel3Height {
    height: 296px;
}

.SearchText {
    font-size: 10px;
}

.AttributePanelHeight {
    height: 470px;
    max-height: 470px;
}

.ChecklistPanelHeight {
    height: 470px;
    max-height: 470px;
}

.DropdownLineHight {
    line-height: 10px
}

.CaptureBtnText {
    font-size: 10px
}

.GarmentBoxHeight {
    height: 170px;
}

.ChangeInspecionPanelHeight {
    height: 353px
}

.DefectCategoryPanelHeight {
    height: 310px;
    max-height: 310px;
}

.SolutionPanelHeight {
    height: 280px;
    max-height: 280px;
}

.DefectPanelHeight {
    height: 320px;
    max-height: 320px;
}

.SketchBorder {
    border: 1px solid #b5b5b5;
}

.GarmentStatusRound {
    margin-left: 4px;
    margin-top: 0px;
    padding: 4px;
    width: 25px;
    height: 25px;
}

.GarmentStatusPanelHeight {
    max-height: 380px;
}

.ReportMargin {
    margin-top: 90px;
}

.ReportGap {
    margin-top: 9px;
}

.ReportPanel {
    max-height: 320px;
}

.ReportPanel_12 {
    max-height: 420px;
}

.DefectCountGap {
    margin-top: 10px;
}

.GarmentStatusWidth {
    width: 25%;
}

.ModuleMargin {
    margin-top: -200px;
    width: 130px;
    height: 130px;
}

.ModuleIcon {
    padding: 45px;
}

.HistoryReportIcon {
    width: 30%
}

.ModuleText {
    font-size: 14px;
    font-weight: 600;
}

.AQLIcon {
    width: 16.66666667%
}

.OngoingAuditsBox {
    max-height: 380px;
    overflow: auto;
}

.OngoingAuditHeader {
    height: 25px;
}

.AttributeName {
    font-size: 9px;
}

.OngoingBox {
    width: 90%;
}

.AuditStatusBox {
    margin-top: 6px;
}

.AuditDefectRate {
    color: #233646;
    font-size: 40px;
    font-weight: 700;
}

.AuditDefectBox {
    height: 170px;
}

.StartTimeWidth {
    width: 16.66666667%;
}

.AQLWidth {
    width: 8.33333333%;
}

.ShortCodeText {
    font-size: 9px !important;
}

.ShortCodeHeight {
    line-height: 12px;
}

.ResultViewBtn {
    width: 10%
}

.ResultViewAttribute {
    width: 7%;
}

.ResultViewRound {
    margin-left: 44%;
}

.SketchImage {
    width: 608px !important;
    height: 342px !important
}

.GarmentWidth1 {
    width: 10%
}

.LoginMainLogo {
    padding: 12px;
    margin-top: 35px;
    width: 162px;
}

.GarmentWidth2 {
    width: 80%
}

.CustomerNameLimit {
    /*position: absolute;*/
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.WIPMismatchText {
    font-size: 12px;
    font-weight: 700;
}

.AuditFooter {
    height: 65px;
}

.ResultBorder {
    border-right: 1px solid #bcbcbc
}


.NewLine {
    border-left: 4px solid #193248 !important;
}

.DefectLine {
    border-left: 4px solid #f44336 !important;
}

.GoodRejectLine {
    border-left: 4px solid #23ad44 !important;
    background-color: #f8f8f8
}

.SolutionText {
    height: 50px;
    overflow: auto;
    max-height: 20px;
}

.SolutionText2 {
    height: 50px;
    overflow: auto;
    max-height: 13px;
}

.MainHeaderText {
    font-weight: 700;
    font-size: 14px;
}

.StatusBtn {
    width: 100%;
    border: 1px solid #222d3c;
    /*    box-shadow: 0 1px 2px #646464;*/
    border-radius: 10px;
    height: 50px;
    padding: 9px;
    text-align: center;
}


.GreenColor {
    color: #27c24c
}

.RedColor {
    color: #f44336 !important
}

.DefaultColor {
    color: #464646 !important
}

#ui-datepicker-div {
    z-index: 10000000 !important
}

.AuditDataBox {
    height: 78px;
    border: 1px solid #2d4f6f;
    margin-bottom: 5px;
    border-radius: 3px;
    background: #f3f3f3;
    margin-top: 2px;
    box-shadow: 0px 1px #d2d2d2;
}
.AuditDataBox_Data {
    height: 140px;
    border: 1px solid #2b2b2b;
   /* border-radius: 15px;*/
    background: #ffffff;
    box-shadow: 0px 1px #d2d2d2;
}

.GreenTextColor {
    color: #27c24c
}
.OrangeTextColor {
    color: #ffb300
}
.RedTextColor {
    color: #f44336
}

.CycleBox {
    height: 40px;
    width: 100%;
    background: white;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #222d3c;
    box-shadow: 0px 1px #d2d2d2;
}

.CycleBox_Selected {
    height: 40px;
    width: 100%;
    background: #5a5a5a;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #222d3c;
    box-shadow: 0px 1px #d2d2d2;
    color:white
}

.media-middle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.media-middle-start {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.media-middle-end {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
}

.RedLable {
    background: #f44336;
    color: white;
    padding: 3px 15px;
    border-radius: 15px;
}
.GreenLable {
    background: #27c24c;
    color: white;
    padding: 3px 15px;
    border-radius: 15px;
}

.HeaderLogo {
    width: 100px;
    margin-top: -6px;
}

.HeaderMainText {
    font-size: 18px;
    color: white;
    font-weight: 700;
}

.PanelBorder {
    border-bottom: 3px solid #1c90e8;
}

.DefectPanelWidth{
    width:25%;
}