.tdCode {
    width: 100px;
}

.tdAction {
    width: 100px;
    direction: ltr;
}
.tdAction2 {
    width: 160px;
    direction: ltr;
}
.width150 {
    width: 150px !important;
    
}
#controlsColor .row{
    padding:5px;

    border:1px solid #000;
    border-radius:5px;
    position:relative;
}

#controlsColor .row .pLeft2.remove
{
   position:absolute;
   top:2px;
   right:5px;
}
#controlsColor .inputs .pleft
{
    width:85%;
    float:right;
}
#imgs img{
    height:100px;
  
    width:100px;
  
}
.Cartal
{
    padding:20px;
}
.listParent {
    border: solid 1px #f5f5f5;
  margin:10px;
}

.listTitle {
    border: solid 1px #f5f5f5;
    font-size: 14px;
    padding: 10px;
    padding-right: 20px;
}
.inputs input[type="text"],.inputs textarea {
    display: block;
    width: 100%;
    height: 35px;
    padding: 4px 13px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.inputs textarea
{
    height:60px;
}
.inputs input[type="text"]:hover ,.inputs textarea:hover {
    border: 1px solid #b9b9b9;
    border-top-color: #a0a0a0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.inputs input[type="text"]:focus ,.inputs textarea:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.fa-List::before
{
    content: "\f03a";
}
.listParent table,.listParent .parent {
    margin: 10px 5px;
}

.listParent .parent::after,.inputs:after ,#controlsColor .inputs .pleft:after{
    content:"";
    clear:both; 
    display:table;

}
.listParent .parent::before,.inputs:before,#controlsColor .inputs .pleft:before {
    content:"";
    display:table;
}
.header {
    vertical-align: middle;
    margin: 15px 0;
    padding: 0;
    border-bottom: none;
}

.hcontian {
    padding-left: 20px;
    padding-right: 20px;
}

    .hcontian::before {
        content: " ";
        display: table;
    }

    .hcontian::after {
        content: " ";
        
    }

.htitle {
   
}

.header h1 {
        font-family: 'OpenCart.ir', Tahoma;
        font-weight: 400;
        font-size: 30px;
        color: #848484;
        display: inline-block;
        margin-bottom: 15px;
            margin-top: 0px;
    }

.Linktitle {
    float: left !important;
    margin:10px;
}
.descPage
  {
      margin:20px;
      border:1px solid;
      border-radius:5px;
      padding:10px;
      text-align:justify;
      line-height:25px;
  }
.btnsc {
    padding: 10px;
    text-align: left;
} 
.inputs {
width:99%;
padding:2px 0px;
min-height:30px;
position:relative;

}
.inputs select {
    display: block;
    width: 100%;
    height: 35px;
    padding: 4px 13px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.lbldrList
{
    width:9%;
    text-align:left;
}
.inputs select:hover {
    border: 1px solid #b9b9b9;
    border-top-color: #a0a0a0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.inputs select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
select optgroup:
{
    background:rgba(102, 175, 233, 0.6);
}
.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}