.search-table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #bbb;
    width: 100%;
}

.search-table td, th {
    border-top: 1px solid #ddd;
    padding: 1px 2px;
}
.search-table tbody tr:nth-child(even) td {
    background-color: #D5F5E3 !important;
}

.search-table tbody tr:nth-child(odd) td {
    background-color: #ABEBC6 !important;
}

.search-table  th
  {
    font-size: 11px !important;
    
  }
 .search-table td
  {
    font-size: 11px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    
  }

.search-table tr th{
  color:black;
  font-size: 12px !important;
  border-right: 1px;

}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid;
}

#taxitemwise
{
  width: 76% !important;
  min-width: 200px;
  margin : auto;
  left:0;
  right: 0;
}

#comboxlist{

  margin-left: -25px;
  margin-right: -25px;
  padding: 0;


}
 
#comboxlist li div label{
  font-size: 11px !important;
  border-color: black;

}

.decorateme

{
  
 border-bottom: .5px solid grey;

}


.col1{
  width: 2% !important;
  padding: 0 !important;
  border :none;
  
}
.col2{
  width: 12%;
  padding: 0 !important;
  margin: 0 !important;
  border :none;
}
.col3{
  width: 80% !important;
  font-size: 14px;
  margin: 10%;
   padding: 0;
  border :none !important;
  margin :none !important;
} 
.subAct{
  margin: 0px;
}
.col4{
  /*width: 3%;*/
  
}
.ActStatus
{
  margin: 0;
  padding: 0;
}

.decorateme p  {
  /*margin: 2%;*/
  font-size: 12px;
  color: black;
  font-family: arial;
  /*border-bottom: 1px solid #bbb;*/
}
.decorateme div  {
  /*margin: 2%;*/
  font-size: 12px;
  color: black;
  font-family: arial;
  /*border-bottom: 1px solid #bbb;*/
}
 

.decorateme div[contenteditable=true] {
  border-bottom: 1px dashed #AAA !important;

}

.decorateme p[contenteditable=true] {
  border-bottom: 1px dashed #AAA !important;
}


 [contenteditable="true"]:focus {
    /*background-color: white;*/
    
    color: black;
    font-size: 20px;
    
}

 
 #divSubActivity [contenteditable="true"]:focus {
    /*background-color: white;*/

    color: red;
    font-size: 15px;
    
    
}
#DueDate ,#StartDate
{
   font-size: 12px;
}

.decorateme a {
  /*margin: 2%;*/
  font-size: 12px;
  color: black;
  font-family: arial;
  text-align: left;
   white-space:normal;

}

.decorateme h4{
  margin: 1%;
  font-family: arial;
  color: black;
}

.decorateme label{
  margin: 1%;
  font-family: arial;
  color: black !important;
  font-weight: bold !important;
}

 
 
 #Hidden1
 {
  display: none;
 }


#popupPanel-popup {
    /*overflow: none;*/
    right: 0 !important;
    left: auto !important;
    max-height: 10% !important;
    width: 80% !important;
    
    

    /*margin-top: 200px !important;*/
    /*width:  0%;*/
    
    /*;*/
}
  
#taskdetail
{
  /*margin: -0px !important;*/
  /*margin-top: -10px !important;*/
  /*max-height: 20% !important;*/
  /*overflow: auto;*/

} 


.edit-me1 {
   /*float: left;*/
   
   color: white;
   font-family: arial;
   border-style: none;
   font-weight: normal;
   border-radius: none;
   box-shadow: none;
   font-style: normal;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   text-indent: -10px;
   min-height: 20px  !important;


}

 
 
label{
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family:  'sans-serif' !important;
} 


 

#popupheader{
  font-size: 14px;
  text-align: center;
} 

h4{
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
   /*text-decoration: underline;*/
}
 
/*
#combolist {
    padding-top : 90px;
    left     : 0px;
    overflow: auto;
    max-height: 40% !important;

}
#combolist form {
    position : fixed;
    top      : 30px;
    left     : 0px;
    width    : 100%;
    max-height: 40% !important;

    z-index  : 1;

}​ */

input,select{margin:0;font:inherit;color:black;}

input,checkbox{margin:0;font:inherit;color:black;}

#SearchCriteria
{
    margin-top: 20px;
    width: 100%;
}
#SearchCriteria tr{
  height: 30px;
  border-bottom: 1px solid yellow;
  background-color: inherit;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on
{
  color : black;
  font-weight: normal;
}
.ui-flipswitch-off
{
  color : black;
  font-weight: normal;
}

.tdcol3
{
  /*background-color: #eee;*/
  padding-right: 8px;
  

}
.ui-flipswitch
{
      border-width:0;

}
.ui-mini
{
  font-size: 11px;
}
.combo 
{
  text-align: left !important;
  color: black;
  padding: 0px;
  min-height: 18px;
}

#SearchCriteria tr td{
  font-size: 11px;
  text-shadow: none;
  font-family: arial;
  color: white;
  text-decoration: none;

}
.tdcol1
{
  width: 20px;
}
.tdcol2
{
 width: 85%;

}
.tdcol3
{
 width: 5%;

}

#FilterHeader h1{
  background-color: #5691c8;
    color: white;
    margin: 0%;
}
#FilterContain{
  background-color: #00BCD4;
  max-height: 90%;
  overflow: auto;
}


#PageFooter .ui-btn
{
  background-color: #5691c8;
  color: white;
  text-shadow: none;
}

.ui-li-divider {
    background: white;
    border: none;
}

.ui-li-heading {
    background-color: gray;
    color: white;
    line-height: 20px;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 5px;

}

.ui-li-desc {
    padding: 10px;
}
#aApplyFilter {
    position: relative;
    bottom: 0%;
    z-index: 99;
    
    
}
 .ui-flipswitch {
  width: 60px;
}
/*.ui-flipswitch.ui-flipswitch-active {
  padding-left: 4em;
  width: 1.875em;
}
@media (min-width: 28em) {
  // Repeated from rule .ui-flipswitch above
  .ui-field-contain > label + .ui-flipswitch {
    width: 1.875em;
  }
}*/

 .ui-grid-a
 {
  /*display: none;*/
 }
 
 .ui-block-a
 {
   /*float: left;*/
   width: auto !important;
   /*width: 15%;*/
   margin-left: 15px;
   margin-bottom: 5px;
 }
 
 .ui-block-b
 {
   margin-left: 5px !important;
   font-size: 12px !important;
   min-width: 80% !important;
   font-family:  arial !important;

 }
 
 .commentby
 {
  color: #5691c8;
  font-size: 12px;
  font-style: underline;
 }
 .reply
 {
  color: #5691c8;
  font-size: 12px;
  font-weight: normal !important;
  margin-left: 10px;
  float :left;
  display: none;

 }
 .commentuser
 {
  width: 24px !important;
  height: 24px !important;
 }
 .DeleteComment
 {
  float: right;
  /*right: 0px !important;*/
 }
 .commentxtextbox
 {
    /*border: 1px dash;*/
    width: 85% !important;
    /*border-radius: 2px;*/
 }
 .divReply{
    margin-left: 25px;
    border-spacing: 250px !important;
 }
 .divReply .ui-block-a{
    border-left: .5px solid grey;

 }

  .replycommentuser 
 {
  width: 16px !important;
  height: 16px !important;
 }

.submenu1
{
  color: black !important;
  font-weight: bold;
  font-size: 14px; 
}
.submenu2
{
  color: #009688 !important;
  font-weight: bold;
  font-size: 14px; 
}
.submenu3
{
  color: #FFB300 !important;
  font-weight: bold;
  font-size: 14px; 
}

.submenu4
{
  color: #00BCD4 !important;
  font-weight: bold;
  font-size: 14px; 
}

.submenu5
{
  color: #2196F3 !important;
  font-weight: bold;
  font-size: 14px; 
}

.submenu6
{
  color: #FF5722 !important;
  font-weight: bold;
  font-size: 14px; 
}

.div_SliderDown
{
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  background-image:url(../Pics/Down.png);
  background-repeat: no-repeat;
  background-size: 20px 16px; 
  /*background-position: right center;*/
  background-position: 98% 50%;
  border: 1px solid #ddd;
  padding:  10px;
  background-color: #f6f6f6;
  padding-right: 20px;
}  
.div_SliderUp
{
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  background-image:url(../Pics/Up.png);
  background-repeat: no-repeat;
  background-size: 20px 16px;
  /*background-position: right center;*/
  background-position: 98% 50%;
  border: 1px solid #ddd;
  padding:  10px;
  background-color: #f6f6f6;
  padding-right: 20px;
}  

.Slider .decorateme
{
  background-color: red
}
#theList li
{
  /*padding: 10px !important;*/

}
 
input
{
  width: 100% !important;
  border: none;
   box-shadow: none;
   background-color:  inherit;
   /*border-bottom: 1px dashed #AAA !important;*/
   font-size: 12px;

}
input :focus
{
  background-color:  white;
   font-size: 20px !important;


}
 .ui-input-text.ui-custom {
   border: none;
   box-shadow: none;
   background-color:  inherit;
   /*border-bottom: 1px dashed #AAA !important;*/
}
 .ui-input-text.ui-custom :focus {
   background-color:  inherit;
   font-size: 15px;
   font-family: "arial";
   text-shadow: none;
} 

.content_div {
   pointer-events: none;
   cursor: default;
}

 .Edit_div {
   pointer-events: inherit !important;
   cursor:pointer !important;
}

.HideMe {
   display: none;
}

 .ShowMe {
   display: inherit;
}



.tableDetail {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #bbb;
    width: 100%;
    display: block;
    overflow-x: auto;
}

.tableDetail td, th {
    border-top: 1px solid #ddd;
    padding: 1px 2px;

}
.tableDetail tbody tr:nth-child(even) td {
    background-color: #eee;

}

.tableDetail  th
  {
    font-size: 11px !important;

    
  }
 .tableDetail td
  {
    font-size: 11px !important;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    
  }
.tableDetail thead tr th
{
  padding: .75em .5em !important;
}
.tableDetail tr th{
  color:black;
  font-size: 12px !important;
  border: 2px;
  border-right: 1px solid !important;
  border-bottom: 1px solid !important;

  


}

.tableimg :hover
{
  position:relative;
    top:-25px;
    left:-35px;
    width:500px !important;
    height:auto;
    display:block;
    z-index:999;
}



 
.ui-btn.ui-radio-off:after, .ui-btn.ui-radio-on:after {
    width: 12px;
    height: 12px;
    margin: -5px 2px 0 2px;
}

.ui-page-theme-a
{
   text-shadow: none;
   font-family:  .875em/1.35 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif
}
.ui-input-text
{
  text-shadow: none !important;
  /*margin: 0px ;*/
}

#Userdiv h1
{
  float: left;
  margin: 0%;
}

.ui-mobile [data-role=main]
{
  margin-left: 2%;
  margin-right: 2%;
}
 
 .ui-page-theme-a .ui-header .ui-title {
  background-color:  #089de3 !important;
  color: #ffffff;
  margin-right: 0%;
  margin-left: 0%;
  text-shadow :none;
  font-family:  'Junction','sans-serif' !important;
  /*overflow: visible;*/
  /*white-space: normal;*/
  
}

/* .ui-page-theme-a .ui-btn {
      background-color: #5691c8;
      color: white;
      text-shadow :none;
    
}
 */
 
.ui-btn-icon-notext:after
{background-color:#69C264  ;
  
}

ol li {
            font-size : 16px !important;            
            height: 10% !important;
            padding-top: 0px !important;
            padding-bottom: 0px !important;  

}

        #toTop
        {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 64px;
            font-size: 10px !important;
        }
   .NormalTable
        {
            color: black;
            background: #fff;
            border: 1px solid #b4b4b4;
            font: 12px arial;
            padding: 0;
            margin-top: 10px;            
            -webkit-border-radius: 8px;
            width:100%;
        }
        
        .NormalTable tr td
        {
            color: #666;
            border-bottom: 1px solid #b4b4b4;
            border-right: 1px solid #b4b4b4;
            padding: 10px 10px 10px 10px;
        }
        .NormalTable thead th
        {
            color: white;
            background-color: #5691c8;
            border-bottom: 1px solid #b4b4b4;
            border-right: 1px solid #b4b4b4;
            padding: 10px 10px 10px 10px;
            font: bold 13px arial;
            text-shadow: 0px 0px;
        }


.techspecification.ui-focus
{
  min-height: 100px!important;
  min-width: 100px !important;
}
td .remark
{
  min-width: 120px !important;
}