body {
    margin:0;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    margin:auto;
    font-size: 13px;
}
* {
    margin:0; padding:0;
    font-family: 'Open Sans', sans-serif;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
td{
    font-size: 13px;
    padding:3px;
}

.defInput{
    color:#848484!important;
}

a {
    color:#5958f2;
}
a:visited{
    color:#5e3fa1;
}

h1{
    font-size: 16px;
    font-weight:400;
}
h2{
    font-size: 15px;
    font-weight:400;
}
h3{
    font-size: 14px;
    font-weight:400;
}

p{
    margin:10px 00px;
}
.freeze{
    background-image:url('./images/freeze.png'); 
    background-size: 300px; 
    color:#fff;
}
.freeze1{
    background-image: url('./images/freeze1.jpeg');
    background-size: 100px;
}
.linkButtonGreen {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.linkButtonGreen:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.linkButtonGreen:active {
	position:relative;
	top:1px;
}
.linkButtonGreen:visited {
    color:#fff;
}

.linkButtonDisabled {
    padding: 5px 15px;
    font-size: 14px;
    border: none;
    outline: none;
    cursor: pointer;
    color: #666;
    border:1px solid #666;
    background-image: linear-gradient(#f1f1f1, #e3e3e3);
    box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
    position: relative;
    z-index: 0;
    border-radius: 4px;
    text-decoration: none;
}
.linkButtonDisabled:hover {
    transition: all .1s ease;
    background-image: linear-gradient(#f1f1f1, #d3d3d3);
}


.topLink{
    color:#003f8a;
    text-decoration: underline;
    padding: 2px 10px;
}

.topLink:visited{
    color:#003f8a;
}

.freeze1on{
    
    background-image: linear-gradient(to right, rgba(255,255,255, 0.4) 0 100%), url(./images/freeze1.jpeg);
    background-size: 100px;
}
.c0{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#bee0a7;
}
.c5{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#cbd6c4;
}
.c10{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#92d665;
}
.c15{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#ffd8b1;
}
.c20{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#3d752b;
}
.c25{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#bdc9e1;
}
.c30{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#ff9933;
}
.c35{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#cc0000;
}
.c50{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#74a9cf;
}
.c75{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#2b8cbe;
}
.c100{
    color:#fff; float:left; margin-right: 10px; width:20px; text-align:center; height:20px; background-color:#00368e;
}


.b0{
    border: 4px solid #bee0a7;
}
.b5{
    border: 4px solid #cbd6c4;
}
.b10{
    border: 4px solid #92d665;
}
.b15{
    border: 4px solid #ffd8b1;
}
.b20{
    border: 4px solid #3d752b;
}
.b25{
    border: 4px solid #bdc9e1;
}
.b30{
    border: 4px solid #ff9933;
}
.b35{
    border: 4px solid #cc0000;
}
.b50{
    border: 4px solid #74a9cf;
}
.b75{
    border: 4px solid #2b8cbe;
}
.b100{
    border: 4px solid #00368e;
}

.mt10{ margin-top:10px; }
.mr10{ margin-right:10px; }
.mb10{ margin-bottom:10px; }
.ml10{ margin-left:10px; }

.activeOwner{
    background-color:#49fff9;
}
.activeOwneron{
    background-color:#b8fffd;
}

.pricing{
    margin-right:5px; 
    width:20px; 
    text-align:center; 
    color:#ff0000; 
    font-size:20px; 
    line-height:20px; 
    margin-top:-5px; 
    text-decoration:none; 
    border:1px solid #ff0000; 
    border-radius:10px;
    background-color: #ffde04;
}

.fullCol{
    width:100%;
    float:left;
    margin:5px 0px;
}
.halfCol{
    width:50%;
    float:left;
}
.thirdCol {
    width: 30.3%;
    float: left;
    margin: 20px 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px 10px
}


.brtd{
    padding-right:5px;
    padding-left:5px;
    border-right:1px dotted #666;
}
.bltd{
    padding-right:5px;
    padding-left:5px;
    border-left:1px dotted #666;
}

.brtdW{
    padding-right:5px;
    padding-left:5px;
    border-right:1px dotted #eee;
}
.bltdW{
    padding-right:5px;
    padding-left:5px;
    border-left:1px dotted #eee;
}

.note {
    padding: 0px 0px;
    border:1px solid #ededed;
    background-color:#efefef;
    margin:2px 2px;
}

 .tooltipBox{
    width:160px; border:1px solid #ccc; padding:10px; font-size:14px; color:#0000ff; 
}
.tooltipBoxHidden{
    width:1px; height:1px; 
}
            
.text8{ font-size: 8px!important; }
.text10{ font-size: 10px!important; }
.text12{ font-size: 12px!important; }
.text14{ font-size: 14px!important; }
.text16{ font-size: 16px!important; }
.text18{ font-size: 18px!important; }
.text20{ font-size: 20px!important; }
.text22{ font-size: 22px!important; }
.text24{ font-size: 24px!important; }
    
.col1{ float:left;
       width:10%;
}
.col2{ float:left;
       width:20%;
}
.col3{ float:left;
       width:30%;
}
.col4{ float:left;
       width:40%;
}
.col5{ float:left;
       width:50%;
}
.col6{ float:left;
       width:60%;
}
.col7{ float:left;
       width:70%;
}
.col8{ float:left;
       width:80%;
}
.col9{ float:left;
       width:90%;
}
.col10{ float:left;
        width:100%;
}
.top2 {
    margin-top:2px;
}.top4 {
    margin-top:4px;
}.top6 {
    margin-top:6px;
}.top8 {
    margin-top:8px;
}.top10 {
    margin-top:10px;
}

.size10{
    font-size: 10px;
    line-height: 14px;
}
.size12{
    font-size: 12px;
    line-height: 16px;
}
.size14{
    font-size: 14px;
    line-height: 18px;
}
.size16{
    font-size: 16px;
    line-height: 22px;
}
.size18{
    font-size: 18px;
    line-height: 24px;
}
.size20{
    font-size: 20px;
    line-height:28px;
}

input[readonly]
{
    background-color:#ccc;
}
.disabled {
    background-color:#cccccc;
}
.paging{
    margin:5px 0px;
}
.paging span{
    color:#ccc;
    float:left;
    margin:0px 5px;
    padding:4px;
}
.paging a{
    border:1px solid #ccc;
    display:block;
    float:left;
    margin:0px 5px;
    padding:4px;
    border-radius: 10px;
    text-decoration: none;
    border-color: #0000FF
}
.paging .currentPage{
    text-decoration: none;
    color:#ccc;
    border-color: #ccc;
}


.noData{
    background-image:url("./images/nodata.jpg");
    background-size: 87.5px;
}
div {
    
}
input[type=text], input[type=number], input[type=date], input[type=password] {
    font-size:16px;
    line-height:16px;
    padding:2px;
    border:1px solid #666;
    height:26px;
}

.primaryButton {
    align-items: center;
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB);
    border: 0;
    border-radius: 8px;
    box-shadow: rgb(151 65 252 / 20%) 0 15px 30px -5px;
    box-sizing: border-box;
    color: #FFFFFF;
    display: flex;
    
    font-size: 20px;
    justify-content: center;
    line-height: 1em;
    max-width: 200px;
    min-width: 140px;
    padding: 10px 16px;
    margin: 10px auto;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    cursor: pointer;
}
.primaryButton:active,
.primaryButton:hover {
    outline: 0;
}
.primaryButton:visited{
    color:#fff;
}

@media (min-width: 768px) {
    .button-63 {
        font-size: 24px;
        min-width: 196px;
    }
}

select {
    font-size:16px;
    height:26px;
    background-color: #fff;
}

select, option {
    font-size:16px;
    height:26px;
}

.tar{ text-align: right;
}
.tal{ text-align: left;
}
.tac{ text-align: center;
}

table{
    border:0px;
    border-collapse: collapse;
}
.tableCover{
    border-radius: 8px;
    overflow: hidden;
    margin-right:10px;
}

.tablink {
     background-color: #f6f6f6;
     border: 1px solid #c5c5c5;
     border-radius: 5px 5px 0px 0px; 
     color: #454545;
     float: left;
     cursor: pointer;
     padding: 7px 16px;
     margin-right:5px;
     font-size: 13px;
     text-decoration:none;
 }
 .tablink:hover {
     background-color: #f0f0f0;
 }

 .tablinkActive {
     background-color: #007fff;
     border: 1px solid #003eff;
     border-radius: 5px 5px 0px 0px; 
     color: white;
     float: left;
     cursor: pointer;
     padding: 7px 16px;
     margin-right:5px;
     font-size: 13px;
     text-decoration:none;
 }
 .tablinkActive:hover {
     background-color: #007fff;
     cursor: auto;
 }

 /* Style the tab content (and add height:100% for full page content) */
 .tabcontent {
     display: none;
     float: left;
     padding: 10px 10px;
     height: 100%;
 }
    
    
.linetd{
    padding:8px 5px;
    box-shadow: rgb(122 180 255 / 41%) 0px -50px 36px -28px inset;
}
    
.linetdi{
    padding:8px 5px;
    box-shadow: rgb(122 180 255 / 41%) 0px 50px 36px -28px inset;
}
.linetd2 {
    padding: 8px 5px;
    background-color: rgb(255 255 255 / 50%);
    box-shadow: rgba(234, 234, 234, 0.5) 0px -50px 36px -28px inset;
}
.linetd2i {
    padding: 8px 5px;
    background-color: rgb(255 255 255 / 50%);
    box-shadow: rgba(234, 234, 234, 0.5) 0px 50px 36px -28px inset;
}
.linetd3 {
    padding: 8px 5px;
    box-shadow: rgb(0 223 40 / 20%) 0px -50px 36px -28px inset;
    background-color:#fff;
}
.linetd4 {
    padding: 8px 5px;
    box-shadow: rgb(255 0 0 / 20%) 0px -50px 36px -28px inset;
    background-color:#fff;
}

.linetd5 {
    padding: 8px 5px;
    box-shadow: rgb(166 166 166 / 50%) 0px -50px 36px -28px inset;
}

.linetr{
    box-shadow: rgb(0 94 223 / 20%) 0px -50px 36px -28px inset;
}
.deleted{
    text-decoration: line-through;
}
.header{
    float:left;
    width:100%;
    background: #F7F7F7 none repeat scroll 0% 0%;
    padding: 10px 0px ;
    box-shadow: 0px 0px 4px #555;
    margin-bottom: 20px;
}
.headArea{
    text-align: right;
    width: 1336px;
    margin: 0 auto;
}
.pageNavCover {
    float:left;
    width:100%;
    padding:10px 0px 10px 10px;
    background-color: #CEE7FF;
    margin-bottom:10px;
}
.menuPrimary{
    float:left;
    color:#666;
}
.menuPrimary a{
    float:left;
    color:#000;
    text-decoration: none;
    margin-right:20px;
}
.menuSecondary {
    float:left;
    color:#666;
}
.menuSecondary a {
    float:left;
    color:#000;
    text-decoration: none;
    margin-right:20px;
}
.menuTertiary{
    float:left;
    color:#666;
}
.menuTertiary a {
    float:left;
    color:#000;
    text-decoration: none;
    margin-right:20px;
}
.pageContentArea{
    float:left;
    width:100%;
}
.whiteLink{
    color:#ffffff!important;
}
input[type=text]:focus { outline:none;
                         border:1px solid #ccc;
}
input[type=text] { outline:none;
                   border:1px solid #666;
}
.textinput:focus { outline:none;
    border:1px solid #666;
}
.textinput { 
    
    font-size: 14px; padding:2px 5px;
    color: #000!important;
    background-color: #fefefe!important;
    border:1px solid #ccc;
}
input[type=password]:focus { outline:none;
                             border:1px solid #666;
}
input[type=password] { outline:none;
                       border:1px solid #ccc;
}
textarea:focus { outline:none;
                 border:1px solid #000;
}
textarea { outline:none;
           border:1px solid #cccccc;
           padding:5px;
           font-size: 14px;
}
select:focus {
    outline:none;
}
.button { background-color:#ededed;
          cursor: pointer;
          font-size:16px;
          line-height:16px;
          padding:2px;
          height:26px;
}
.button:hover { 
    background-color:#ededed;
    border:2px solid #000;
    color:#000;
    cursor: pointer;
    font-size: 15px;
}
.addButton {    
    background-color: #e3fbfe;
    border: 1px solid #18880d;
    color: #025f0f;
    font-size: 12px;
    line-height: 22px;
    padding: 3px 35px 3px 10px;
    background-image: url(./images/add.png);
    background-position: center right 10px;
    background-size: 22px;
    background-repeat: no-repeat;
    border-radius: 8px;
    text-decoration: none;
}
.blueText { color:#0676e1; }
.redText { color:#ff0000; }
.greenText { color:#157a0b; }
.yellowText { color:#EB8300; }

.center { text-align:center; }
.right { text-align:right;
}
.left { text-align:left;
}
hr { border-top-width: 0px;
     border-left-width: 0px;
     border-bottom-width: 0px;
     margin: 0.2em 0px;
     color: #aaa;
     height: 1px;
     background-color: #e2e2e2;
     border-right-width: 0px }

.headtd {
    background-color: #000000;
    box-shadow: rgb(2 108 172 / 40%) 0 0px 0px, rgb(45 35 66 / 30%) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    height: 40px;
    padding: 5px 2px;
    font-size: 14px;
}
.lefttd{
    border-top-left-radius:8px;
    padding-left:10px;
}
.righttd{
    border-top-right-radius: 8px;
    padding-right:10px;
}

.pub {
    color: #000;
    padding: 3px 5px 3px 5px;
    font-size: 12px;
    background-color: #dbedff;
}

.pubon {
    color: #000;
    padding: 3px 5px 3px 5px;
    font-size: 12px;
    background-color: #c9e3fd;
}
.pipeline{
    color: #000;
    padding: 3px 5px 3px 5px;
    font-size: 12px;
    background-color:#70ff60;
}
.pipelineon{
    color: #000;
    padding: 3px 5px 3px 5px;
    font-size: 12px;
    background-color:#3ed92d;
}

.unpub{ color: #666;
        padding:3px 5px 3px 5px;
        font-size: 12px;
        background-color: #ededed;
        
}
.darkpub{ color: #000;
          padding:3px 5px 3px 5px;
          font-size: 12px;
          background-color: #ccc;
          
}
.highlite { color: #a46666;
         font-size: 13px;
         background-color: #FFC600;
}
.pinkalert{ color: #000;
            padding:5px;
            font-size: 13px;
            background-color: #fcebff;        
}

.alert { color: #a46666;
         padding:3px 5px 3px 5px;
         font-size: 13px;
         background-color: #FFC600;
}
.pub1{ color: #666;
       padding:3px 5px 3px 5px;
       font-size: 12px;
       background-color: #fefefe;
       
}
.unpub1{ color: #666;
         padding:3px 5px 3px 5px;
         font-size: 12px;
         background-color: #ededed;
         
}
.alert1{ color: #060873;
    padding:3px 5px 3px 5px;
    font-size: 13px;
    background-color: #ededed;
    
}
.alert2{ color: #060873;
    padding:3px 5px 3px 5px;
    font-size: 13px;
    background-color: #ededed;
    
}

.litealert{ color: #000;
            padding:5px;
            font-size: 13px;
            background-color: #FF8888;        
}

.darkalert{
    color: #000;
    padding:5px;
    font-size: 13px;
    background-color: #8896ff; 
}

.litealertOn{ 
        color: #000;
        padding:5px;
        font-size: 13px;
        background-color: #D95C5C;
}

tr.off { font-size: 12px;
         padding:3px 5px 3px 5px;
         background-color:#fefefe;
         
}
tr.on { font-size: 12px;
        padding:3px 5px 3px 5px;
        background-color:#CEE7FF;
        
}
.off { font-size: 12px;
       padding:3px 5px 3px 5px;
       background-color:#fefefe;
       
}
.on { font-size: 12px;
      padding:3px 5px 3px 5px;
      background-color:#CEE7FF;
      border:0px solid #000;
      
}
.pageCover{ float:left;
            text-align: left;
            border:1px solid #0676e1;
            width:100%;
}
.pageContents { float:left;
                width:100%;
                margin-top:20px;
                padding: 0 10px;
}
.topNavCover {  height:40px;
                margin-right:0px;
                background-color: #CEE7FF;
}
.topNav{ padding-top:10px;
         font-size:16px;
}
.topNav a:link{ font-size: 16px;
                text-decoration: none;
}
.topNav a:active{ font-size: 16px;
                  text-decoration: none;
}
.topNav a:visited{ font-size: 16px;
                   text-decoration: none;
}
.topNav a:hover{ font-size: 16px;
                 text-decoration: underline;
}
.fw{ width:100%;
}
.fl{ float:left;
}
.fr{ float:right;
}



.secondaryButton {
    display: inline-block;
    outline: 0;
    border: 0;
    background-image: linear-gradient(to right,#e052a0,#f15c41);
    cursor: pointer;
    border-radius: 2px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    margin:1px;
}
.secondaryButton:hover {
    background-image: linear-gradient(to right,#3ec7e0,#526bf4);
}
.secondaryButton:visited{
    color:#fff;
}

.secondaryButtonActive {
    display: inline-block;
    outline: 0;
    border: 0;
    background-image: linear-gradient(to right,#3ec7e0,#526bf4);
    cursor: pointer;
    border-radius: 2px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    margin:1px;
}

.secondaryButtonActive:visited {
    color:#fff;
}

submit{

    display: inline-block;
    outline: 0;
    border: 0;
    cursor: pointer;
    transition: box-shadow 0.15s ease,transform 0.15s ease;
    will-change: box-shadow,transform;
    background: #FCFCFD;
    box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px #d6d6e7;
    height: 48px;
    padding: 0 32px;
    font-size: 18px;
    border-radius: 6px;
    color: #36395a;
    transition: box-shadow 0.15s ease,transform 0.15s ease;


}
submit:hover {
    box-shadow: 0px 4px 8px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px #d6d6e7;
    transform: translateY(-2px);
}
submit:active{
    box-shadow: inset 0px 3px 7px #d6d6e7;
    transform: translateY(2px);
}

.linkButton {
       background-image: linear-gradient(#096ab0, #003e89);
       border: 0;
       border-radius: 4px;
       box-sizing: border-box;
       color: #fff;
       cursor: pointer;
       font-size: 14px;
       margin: 0px;
       padding: 10px 15px;
       text-align: center;
       user-select: none;
       -webkit-user-select: none;
       touch-action: manipulation;
        text-decoration: none;
}
.linkButton:visited{
    color: #fff;
}


.linkButton:hover {
    transition: all .1s ease;
    background-image: linear-gradient(#003e89, #096ab0);
}

.linkButtonSmall {
       background-image: linear-gradient(#096ab0, #003e89);
       border: 0;
       border-radius: 4px;
       box-sizing: border-box;
       color: #fff;
       cursor: pointer;
       font-size: 14px;
       margin: 0px;
       padding: 5px 10px;
       text-align: center;
       user-select: none;
       -webkit-user-select: none;
       touch-action: manipulation;
        text-decoration: none;
}

.linkButtonFreeze {
    padding: 5px 15px;
    font-size: 14px;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    background-image: linear-gradient(#275d87, #3dacf3);
    box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
    position: relative;
    z-index: 0;
    border-radius: 4px;
    text-decoration: none;
}


.linkButtonRed {
    padding: 5px 15px;
    font-size: 14px;
    border: none;
    outline: none;
    color:#fff;
    cursor: pointer;
    background-image: linear-gradient(#631717, #ff0000);
    box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
    position: relative;
    z-index: 0;
    border-radius: 4px;
    text-decoration: none;
}
.linkButtonRed:hover {
    transition: all .1s ease;
    background-image: linear-gradient(#ff0000, #631717);
}
.linkButtonRed:visited {
    color:#fff;
}

.linkButtonBlack {
    padding: 5px 15px;
    font-size: 14px;
    border: none;
    outline: none;
    cursor: pointer;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(#717171, #000000);
    box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
    position: relative;
    z-index: 0;
    border-radius: 4px;
    text-decoration: none;
}
.linkButtonActive {
    padding: 10px 15px;
    font-size: 14px;
    border: none;
    outline: none;
    cursor: pointer;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(#717171, #000000);
    box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
    position: relative;
    z-index: 0;
    border-radius: 4px;
    text-decoration: none;
}

.linkButtonActive:visited {
    color: #ddd;
}

.linkButtonActive:hover {
    transition: all .1s ease;
    background-image: linear-gradient(#000, #666);
}
.linkButtonGreen {
    padding: 5px 15px;
    font-size: 14px;
    border: none;
    outline: none;
    cursor: pointer;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(#005d0e, #2eb407);
    box-shadow: rgba(0, 0, 0, .3) 0 5px 15px;
    position: relative;
    z-index: 0;
    border-radius: 4px;
    text-decoration: none;
}
.linkButtonGreen:hover {
    transition: all .1s ease;
    background-image: linear-gradient(#2eb407, #005d0e);
}


.removeButton {
    background-color: #ededed;
    border: 1px solid #aaa;
    color: #38be20;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 10px 0px;
    border-radius: 5px;
    text-decoration: none;
}
.removeButton:hover {
    color:#ff0000;
    background-image: url('./images/cancel.png');
    background-position: top right;
    background-size: 16px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 10px 10px 0px;
}

.tikButton {
    background-color: #ededed;
    border: 1px solid #ddd;
    color: #ccc;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 10px 0px;
    border-radius: 5px;
    text-decoration: none;
}

.tikButton:hover {
    color:#38be20;
    background-image: url('./images/tik.png');
    background-position: top right;
    background-size: 16px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 10px 10px 0px;
}
.strikeout {
    font-size: 12px;
    line-height: 12px;
    position: relative;
}
.strikeout::after {
    border-bottom: 0.125em solid red;
    content: "";
    left: 0;
    margin-top: calc(0.125em / 2 * -1);
    position: absolute;
    right: 0;
    top: 50%;
}
.small { font-size:9px;
}
.litegreen { font-size: 13px;
             padding:3px 5px 3px 5px;
             background-color:#ccffcc;
             
}
.litered { font-size: 13px;
           padding:3px 5px 3px 5px;
           background-color:#ffcccc;
           
}
.litegray { font-size: 13px;
            padding:3px 5px 3px 5px;
            background-color:#cccccc;
            
}

.inputTextBox{
    width: 360px;
    background: #fff;
    color: #a3a3a3;
    font: inherit;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 10%);
    border: 0;
    outline: 0;
    padding: 22px 18px;
    height: 40px!important;
    padding: 13px 15px!important;
}
.submitButton{
    align-items: center;
    background-clip: padding-box;
    background-color: #fa6400;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    box-shadow: rgb(0 0 0 / 2%) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.25;
    min-height: 2rem;
    /* padding: calc(0.875rem - 1px) calc(1.5rem - 1px); */
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
    margin-left: -40px;
    padding: 10px 20px;
 }

.submitButton:hover,
.submitButton:focus {
    background-color: #fb8332;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.submitButton:hover {
    transform: translateY(-1px);
}

.submitButton:active {
    background-color: #c85000;
    box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
    transform: translateY(0);
}

.green { font-size: 13px;
         padding:3px 5px 3px 5px;
         background-color:#01da81;
         color:#ffffff;
}
.darkgreen{
    font-size: 13px;
    padding:3px 5px 3px 5px;
    background-color: #056a40;
    color:#fff;
}

.red { font-size: 13px;
       padding:3px 5px 3px 5px;
       background-color:#9aacd1;
       color:#ffffff;
}

.yellow { font-size: 13px;
         padding:3px 5px 3px 5px;
         background-color:#ff9400;
         color:#ffffff;
}
.blue { font-size: 13px;
       padding:3px 5px 3px 5px;
       background-color:#2b94ff;
       color:#ffffff;
}
.gray { font-size: 13px;
        padding:3px 5px 3px 5px;
        background-color:#888888;
        color:#ffffff;
}
.clear{ clear:both}
.logo{ float:left}
.right_info{ float:right;
}
.right_info ul{margin:10px 0 0;
               padding:px ;
               clear:both}
.right_info ul li{list-style:none;
                  float:left}
.right_info ul a{ font-size:14px;
                  text-decoration:none;
                  border-right:1px solid #2f2f2f;
                  padding:0 15px;
                  color:#2f2f2f}
.right_info ul a:hover{ color:#0676e1}
.leftBar{ width:250px;
          float:left;
          background:#f7f7f7;
          margin-top:-60px;
          position: relative;
}
.leftBar h3{ background:#0676e1;
             margin:0px;
             padding:10px 13px;
             font-size:18px;
             color:#fff}
.contentArea {float: left;
              width: 80%;
              margin-left: 15px;
}
.contentArea ul{ margin:0px;
                 padding:0px}
.heading li { background: #0676e1;
              float: left;
              margin: 0 8px;
              padding: 10px 13px;
              font-size: 18px;
              color: #fff;
              list-style: none;
              width: 18%;
              box-sizing: border-box;
}
.activeOrder li { background: #f7f7f7;
                  float: left;
                  margin:10px 8px;
                  padding: 10px 13px;
                  font-size: 14px;
                  color: #4e4e4e;
                  list-style: none;
                  width: 18%;
                  box-sizing: border-box;
}
.leftHeading ul{  padding:0px;
                  margin:0px;
}
.openPanel ul{display:block;
              opacity:1;
              transition-delay:0s;
}
.leftHeading ul li{ list-style:none}
.leftHeading ul li a{ font-size:14px;
                      color:#646464;
                      background:#f3f3f3;
                      border-top:1px solid #eaeaea;
                      border-bottom:1px solid #fff;
                      display: block;
                      padding: 8px 3px 8px 25px;
                      text-decoration:none;
                      font-weight:normal}
.leftHeading ul li a:hover{background:#fff}
.leftHeading h4{margin:0px}
.leftHeading  a{ display:block;
                 text-decoration:none;
                 background-color:#fff;
                 font-size: 16px;
                 color: #646464;
                 padding: 10px 14px;
                 border-bottom: 2px solid #ededed;
                 margin:0px 4px;
}
.openPanel a{ background-position:96% 8px}
.contentArea ul li select { width:170px;
                            border:1px solid #ccc;
                            padding:2px 0;
                            border-radius:3px;
                            margin:0 5px}
.contentArea ul li:nth-child(1) { width:10%}
.contentArea ul li:nth-child(2) { width:24%}
.contentArea ul li:nth-child(3) { width:14%}
.contentArea ul li:nth-child(4) { width:16%}
.contentArea ul li:nth-child(5) { width:28%}
.pendingOrder li{background:#b2b2b2!important;
}
.buttonResponsive {
    display:none;
}
@media(max-width:1366px) {
    .contentArea{
        min-width:800px;
    }
    .leftBar{
        width:200px;
    }
    .headArea{
        width:100%;
    }
}
@media(max-width:1024px) {
    .contentArea{
        min-width:740px;
    }
    .leftBar{
        width:200px;
    }
}
@media(max-width:960px) {
    .contentArea{
        min-width:96%;
        margin:2%;
    }
    .leftBar {
        position: absolute;
        top: 60px;
        z-index: 99;
        border:1px solid #0676e1;
        display: none;
        left: 0%;
        width: 0%;
    }
    .buttonResponsive {
        display: block;
        position: absolute;
        top: 1px;
        background: transparent url("./images/menu.png") no-repeat scroll 0% 0% / 36px auto;
        height: 36px;
        width: 46px;
        font-size: 0px;
        z-index: 99;
        left: 0px;
    }
    .active_btn {
        float: right !important;
        left: 74% !important;
        background-position: 0px -38px !important;
    }
    .active_bar{
        display:block;
    }
}