@import 'label.css';
h1 a.icon-print {
    color: #444;
    background-color: initial;
    font-size: 25px
}

h1 a.icon-print:hover {
    color: #1597ce;
    text-decoration: none;
}

.my-fb-title {
    background-color: #ff8758;
}

.but-right {
    width: auto;
}
.align-right {
    text-align: right;
}
[id$='-res']{
    float:right;
}


@media print {
	.print-a4-fix,
    .print-letter-fix {
        page-break-after: auto;
        box-shadow: none;
    }
    body {
        background-color: #fff;
    }
}



/*---------------------------------------------------- DEL BUT ----------------------------------------------------*/
#del-but,
.delete-but {
    cursor:pointer;
}
#del-but:hover,
.delete-but:hover {
    color:#ED1C24;
}

.red {
    color: #ED1C24;
    font-weight: 600;
}

.red:visited {
    color: #ED1C24;
    font-weight: 600;
}

.green {
    color: #7ac943;
    font-weight: 600;
}

.hilight-red {
    font-weight: 600;
    color: #ED1C24;
}


/*---------------------------------------------------- STATUS ----------------------------------------------------*/

[class^="ez-circle-"],
[class*="ez-circle-"] {
    display: inline-block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.ez-circle-blank {
    border: 1px #777 solid;
}

.ez-circle-orange {
    background-color: #FB8C00;
}

.ez-circle-yellow {
    background-color: #FDD835;
}

.ez-circle-green {
    background-color: #66BB6A;
}

.ez-circle-blue {
    background-color: #2196F3;
}

.ez-circle-hgreen {
    border: 3px #66BB6A solid;
}

.ez-circle-red {
    background-color: #ED1C24;
}

.ez-circle-yellow-red {
    background-color: #FDD835;
    border: 2px #ED1C24 solid;
}

#quote-csv {
    display: inline-block;
    margin-left: 15px;
}

.icon-adjust:before {
    font-size: 22px;
    color: #66BB6A;
}

.ez-circle-adjust-red:before {
    color: #ED1C24;
}

.ez-circle-adjust-yellow:before {
    color: #FDD835;
}

.circle-yellow:before {
    color: #FDD835;
}


/*=============================================[   new ez-icon   ]===============================================*/

.ez-table [class*="ez-icon-"],
.tb-legend [class*="ez-icon-"] {
    font-size: 20px;
}

.ez-icon-red:before {
    color: #ED1C24;
}

.ez-icon-green:before {
    color: #66BB6A;
}


/*===============================================================  Status.php ==========================================================*/

#tb-pstatus tr th:first-child {
    width: 50px;
}

#tb-pstatus tr th:nth-child(2) {
    width: 30%;
}

#tb-job-status tr th:nth-child(3) {
    width: 25%;
}

#tb-job-status,
#tb-job-result {
    position: relative;
    top: -3px;
    padding: 0;
}


/*=============================================[   INDEX   ]===============================================*/

#job-cal {
    position: relative;
}

.calender-f {
    overflow: hidden;
    padding: 5px;
    top: 5px;
    left: 5px;
    z-index: 100;
}

.calender-f div {
    margin: 0;
}

.calender-f .tb-filter {
    width: 100%;
}


/*=============================================[   HELP   ]===============================================*/

.help-list {
    padding-left: 25px;
}

.gray-icon {
    cursor: default;
    color: #777 !important;
}

.gray-icon:hover {
    cursor: default;
    color: #777 !important;
}


/*=============================================[   JOB PRIORITY   ]===============================================*/

[class*='job-priority-0-'] {
    background-image: linear-gradient(to bottom, #C69C6D 0, #C69C6D 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*='job-priority-1-'] {
    background-image: linear-gradient(to bottom, #FF9797 0, #FF7575 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*='job-priority-2-'] {
    background-image: linear-gradient(to bottom, #FFF7D9 0, #FFD740 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*='job-priority-3-'] {
    background-image: linear-gradient(to bottom, #D7E6FF 0, #C3DAFF 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*='job-priority-8-'] {
    background-image: linear-gradient(to bottom, #D1D2D4 0, #D1D2D4 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

[class*='job-priority-9-'] {
    background-image: linear-gradient(to bottom, #FFF 0, #FFF 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.job-priority-0-s,
.job-priority-1-s,
.job-priority-2-s,
.job-priority-3-s,
.job-priority-8-s,
.job-priority-9-s {
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.gray {
    color: #888;
}

a.gray {
    color: #888;
}

.tb-legend {
    margin-bottom: 10px;
}

#s-sid-res {
    float: right;
}

h1 a[class*="icon-"] {
    background-color: initial;
    color: #444;
    font-size: 28px;
}

h1 a[class*="icon-"]:hover {
    background-color: initial;
    color: #1597ce;
    font-size: 28px;
    text-decoration: none;
}

[id*='-res'] {
    float: right;
}

.form-sec {
    float: left;
    border: 1px #1597ce solid;
    padding: 7px;
    margin-bottom: 10px;
    width: 100%;
}


/*-------------------------------------------------- cancel link --------------------------------------------------*/

a.doc-cancel-link {
    color:#888;
    text-decoration:line-through;
}
/*=============================================[   FONT COLOR   ]===============================================*/
.font-green {
    color:#00cc66;
}

.media-pic {
    margin: auto !important;
}

.form-media .media-pic {
    max-width: 240px;
    width: 100%;
}

.form-media .media-pic img {
    width: 100%;
}

.notice {
    display: block;
    padding: 10px 14px;
    font-size: 18px;
    border: 1px solid;
    border-left-width: 5px;
    background-color: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
    text-align: center;
}

.notice b {
    margin: 0;
}

.notice.error {
    border-color: #E93F3C;
    border-left-color: #E93F3C;
}

.notice.error b {
    color: #e62825;
}

.panel {
    border: 1px solid #454545;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
}

.panel .panel-head {
    padding: 10px 20px 9px;
    border-bottom: 1px solid #454545;
    background: #525252;
    font-weight: bold;
    color: #FFF;
    word-wrap: break-word;
}

.panel .panel-body {
    padding: 15px 20px 14px;
    background: #FFF;
    word-wrap: break-word;
}

.panel p {
    margin: 0;
}

.panel.success {
    border: 1px solid #3fbf3f;
}

.panel.success .panel-head {
    background: #52C652;
    border-bottom: 1px solid #3fbf3f;
}

.panel.error {
    border: 1px solid #e62825;
}

.panel.error .panel-head {
    background: #E93F3C;
    border-bottom: 1px solid #e62825;
}

.panel.warn {
    border: 1px solid #efa20b;
}

.panel.warn .panel-head {
    background: #F5AD1E;
    border-bottom: 1px solid #efa20b;
}

.panel.info {
    border: 1px solid #3daed1;
}

.panel.info .panel-head {
    background: #52B7D6;
    border-bottom: 1px solid #3daed1;
}

.panel.dark {
    border: 1px solid #454545;
}

.panel.dark .panel-head {
    background: #525252;
    border-bottom: 1px solid #454545;
}

.no-padding {
    padding: 0px !important;
}

.form-media .media-pic img {
    border: 1px solid rgb(200, 200, 200);
}

.mytable table {
    table-layout: auto;
}

.mytable td {
    padding: 4px;
}

.mytable th {
    padding: 5px;
}

.mytable td,
.mytable th {
    font-size: 13px !important;
}

.mytable .tb-noinfo {
    text-align: center !important;
}

#mytb_mounthly table {
    table-layout: auto;
}

#mytb_mounthly .tb-data th {
    padding-left: 10px;
    text-align: left;
}

#mytb_mounthly th {
    border-right: #D7D8D7 solid 1px;
}

#mytb_mounthly tr.tb-head {
    border-bottom: #D7D8D7 solid 1px;
}

#mytb_mounthly tr.tb-sum {
    border-top: #D7D8D7 solid 1px;
}

#mytb_mounthly td.tb-td-sum {
    border-left: #D7D8D7 solid 1px;
}

#mytb_mounthly td,
#mytb_mounthly th {
    font-size: 13px !important;
    border: 1px solid gainsboro;
}

.marg-bott-12 {
    margin-bottom: 12px;
}

@media only screen and (min-width: 414px) {
    .label-3070 .text {
        width: 100%;
    }
}

.label-3070 .text {
    display: inline-block;
    box-sizing: border-box;
}

.label-3070 .text {
    width: 70%;
}

#tb_view_quotation_detail th:nth-child(1) {
    width: 40%;
}

.box-receipt-picture {
    box-sizing: border-box;
    overflow: hidden;
}

.receipt-picture {
    text-align: center;
}

.receipt-picture .delete-media.icon-remove {
    visibility: hidden;
}

.label-3070.red-content {
    color: #e62825;
}

.media-inline {
    border: 1px solid #C8C8C8;
    overflow: hidden;
    padding: 15px;
    background-color: #FFFFFF;
}

.btn-group-submit {
    padding: 15px 0px 15px 0px;
}

.pap-title-link span {
    margin-left: 5px;
}


/* new table view */
.ez-table.pap-tb-view {
    overflow-x: auto;
}
.pap-tb-view table {
    width: auto;
    min-width: 100%;
}
.pap-tb-view table th,
.pap-tb-view table td {
    vertical-align: top;
    font-size: 13px;
    padding: 7px;
    white-space: nowrap;
}
.pap-tb-view table td {
    text-align: left;
}
.pap-tb-view .label-inline {
    margin-bottom: 0;
}
.pap-tb-view .label-inline select {
    width: auto;
    min-width: 80px;
    padding: 3px 30px 3px 7px;
}
@media only screen and (min-width: 769px) {
    .pap-tb-view table th,
    .pap-tb-view table td {
        white-space: normal;
    }
}
.ez-table.pap-tb-view tr.tb-data {
    border-bottom: 1px solid #d1d5db;
}

#tb_view_campaign_reward{
    table {
        th:last-child,
        th:nth-last-child(2),
        th:nth-last-child(3){
            width: 10%;
        }
    }
}

.dev #top-panel{
    background-color:#0b7401 !important;
}
.dev #top-panel>a:hover {
    color:#bfabe0 !important;
}
.dev #panel {
    background-color:#0b7401 !important;
    color:rgba(62, 245, 78, 0.87) !important;
}
.dev #mymenu>li>span:hover,
.dev #mymenu>li>a:hover,
.dev #mymenu ul a:hover{
    color:rgb(255, 255, 255) !important;
}
.dev #mymenu li.m-active {
    background-color: #68f063 !important;
}
.dev #mymenu ul {
    background-color: #139413 !important;
}
.dev #mymenu ul a.subactive{
    color:#000000 !important;
    background-color:#feea3f !important;
}