.bdybx {position:relative;}
.comnhding {
    background: #fff;
    border-radius:8px;
    min-height: 210px;
}
.comnhding.saleorder{box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(21 118 221 / 40%);}
.comnhding.pdingpurchase{box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(252 142 21 / 40%);}
.saleorder h2 {background:linear-gradient(145deg,#d05ced,#9127AD);}
.pdingpurchase h2 {background:linear-gradient(145deg,#ffe923,#FC8312);}
.comnhding h2 {
    color: #fff;
    width: 93%;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    font-family: MuliItalic;
    padding: 15px 0px;
    border-radius: 2px;
    position: relative;
    top: -15px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(24 107 176 / 40%);
}
/* table start */
.touter {
    background:#fff;
    padding:0 15px;
    border-radius:5px;
    /*overflow:scroll;
    height:75vh;*/
}
.touter thead {background:rgba(216,216,216,0.3);}
.touter th, .touter td {padding:6px 10px;border-bottom:1px solid rgba(216,216,216,0.3);}
.touter th {
    font-size: 14px;
    font-family: 'MuliBold';
    text-transform: capitalize;
    color: #000;
    text-align:left;
}
.pdoff {
    padding-left: 0;
}

.touter td {
    text-align: left;
    text-transform: capitalize;
    font-size: 14px;
    font-family: 'MuliRegular';
    color: #666;
}
.touter.othertouter thead {
    background:#fff;
    position:sticky;
    top:0px;
    border-bottom:2px solid rgba(0,0,0,0.1);
}
.touter.othertouter tbody {
    margin-top:20px;
}
.touter td.ved {min-width:80px;}
.touter.othertouter thead th {padding:12px 10px;}
th.fthredive {text-align:center;}
.ved a {
    border:1px solid rgba(216,216,216,0.6);
    text-align:center;
    padding:2px 5px;
    display:block;
    background:rgba(216,216,216,0.3);
    border-radius:5px;
    cursor:pointer;
    color:#666;
    font-size:12px;
}
.ved{margin:5px}
.ved.vw a{background:#029FED; color:#fff;}
.ved.ed a{background:#F78C15; color:#fff;}
.ved.mp a{background:#219e36; color:#fff;}
.ved.del a{background:#ed2121; color:#fff;}
.ved.add a{background:#0B4DA2; color:#fff;}

td.ved a:hover {background:rgba(216,216,216,0.8);}
td.hired {color:#00C843;font-family:'MuliBold';}
td.new {color:#FF375C;font-family:'MuliBold';}
td.publish {color:#029FED;font-family:'MuliBold';}
/* table end */
.record {
    padding:15px 15px 15px 0;
    border-radius:5px;
    border:1px solid rgba(216,216,216,0.5);
    background:#fff;
}
.linechart {
    padding:15px 15px 15px 0;
    border-radius:5px;
    border:1px solid rgba(216,216,216,0.5);
    background:#fff;
}
.record.st {box-shadow:0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(156 39 176 / 40%);}
.record.nd {box-shadow:0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(252 142 21 / 40%);}
.record.trd {box-shadow:0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(72 164 77 / 40%);}
.record.frth {box-shadow:0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(5 175 195 / 40%);}
.record .iconbx {
    display:inline-block;
    padding:15px;
    border-radius:0 5px 5px 0;
    box-shadow:0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(156 39 176 / 40%);
}
.record .iconbx.torder {background:linear-gradient(145deg,#d05ced,#9127AD);}
.record .iconbx.scnd{background:linear-gradient(145deg,#ffe923,#FC8312);}
.record .iconbx.thrd {background:linear-gradient(145deg,#3fbf45,#48A44D);}
.record .iconbx.forth{background:linear-gradient(145deg,#04cfe5,#05AFC3);}
.record .txtbx {
    display:inline-block;
    margin:0 0 0 8px;
    position:relative;
    top:10px;
}
.record .txtbx h6 {
    font-size:15px;
    font-family:'MuliBold';
    color:#000;
    margin:0;
    text-align:left;
    text-transform:uppercase;
    line-height:20px;
}
.record .txtbx p {
    margin:0;
    font-size:14px;
    font-family:'MuliItalic';
    color:#aaa;
    text-transform:capitalize;
    text-align:left;
}
.mrgnbtm {margin-bottom:0px;}
.row.butnrow {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 25px 0 0;
}
.row.mainrow {height:100vh;}
/*Scroll Start */
::-webkit-scrollbar {width:10px;height:10px;}
::-webkit-scrollbar-track {background:#f1f1f1;}
::-webkit-scrollbar-thumb {background: #ddd;}
::-webkit-scrollbar-thumb:hover {background:#ccc; }
/*Scroll End */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.pagebar {padding:5px;}
	.mrgnbtm {margin-top:10px;}
	.comnhding h2 {font-size:14px;padding:8px 0px;}
	.comnhding.saleorder {margin-bottom:40px;}
	.record {margin-bottom:15px;}
	.record .txtbx {margin:0 0 0 8px;}	
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 481px) and (max-device-width : 767px) {
	.pagebar { margin:0 auto 20px auto;}	
	.comnhding.saleorder {margin-bottom:40px;}
	.mrgnbtm {margin-top:25px;}
	.record {margin-bottom:15px;}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.record {margin-bottom:15px;}
	.comnhding{margin-top:5px;}
}