div[id^=grid] {
    float: left;
    font-weight: normal;
    background-color: #eaebec;
    padding: 7px;
    font-size: 0.87em;
    width: 100%;
    position: relative;
    z-index: 2;
  color: black;
}
html:lang(fa) div[id^=grid], html:lang(ar) div[id^=grid] {
    float: right;
}



div[id^=grid] ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

div[id^=grid] select {
    
    font-size: 1.1em;
    min-width: unset;
    max-width: 250px;
}



    div[id^=grid] ul li {
        list-style-type: none
    }


    /*div[id^=grid] tbody,div[id^=grid] thead{text-align :right;}

div[id^=grid] tbody{width:100%}*/
    div[id^=grid] table tr td svg {
        float: left;
        margin-right: 4px;
        width: 28px;
        height: 24px;
        padding: 7px;
    }
.div[id^=grid]  table tr td > path{fill:white}


div[id^=grid] table {
	
	text-shadow: 1px 1px 0px #fff;
	background:#f6f6f6;
   float:right;
    width:auto;display: block; overflow: auto;
	text-align: right;

    min-width:99%;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
    min-height:50px;
  width: 100% !important;
  
  
     
}

    div[id^=grid] table th:first-child{margin-right:3px;
    }

div[id^=grid] table th {
		
   font-weight:bold;
   cursor:pointer;
   min-width:40px;
   padding:10px;
 
 
}


div[id^=grid] table tr{
	text-align: center;
	padding-left:1px;
  
    width:100%
   
}

    div[id^=grid] table tr td {
        font-weight: normal;
        padding-right: 6px;
        padding-left: 6px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        min-width: 40px;
        background: #fafafa;
        background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
        font-size: 0.83em;
    }

    div[id^=grid] table tr div {
        max-width: 95%;
        background: #fafafa;
        font-size: 0.85em;
        text-align: right;
        
        padding:6px
    }


        div[id^=grid] table tr div:nth-child(0) {
          width:150px;
        }
        div[id^=grid] table tr div:nth-child(1) {
            width: 95%
        }

        div[id^=grid] table tr div:nth-child(2) {
            text-align: left;
            width: 150px;
            float: left;
        }



    div[id^=grid] table tr td img {max-height:35px;
    }

     div[id=grid2] table tr td img {max-height:65px;
    }

div[id^=grid] table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	
}
div[id^=grid] table tr:last-child td{
	border-bottom:0;
}
div[id^=grid] table tr:last-child td:first-child{

	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#grid table tr:last-child td:last-child,#grid2 table tr:last-child td:last-child{
	
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
div[id^=grid] table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	
}

div[id^=grid] table th.desc {background: url('/images/arrow_up.png') no-repeat scroll left center ;
}
div[id^=grid] table th.as {background: url('/images/arrow_down.png') no-repeat scroll left center ;

}

thead {
   background:#f2f2f2
}

     div[id^=grid] table tr:hover td
        
         {
            background: #f2f2f2;
            background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
           
        }


div[id^=grid] table td *:not(select) {
    padding: 0;
    background: url("/images/manage/buttons.png") no-repeat transparent;
    width: auto;
    border: 0 !important;
    border-radius: 4px !important;
    display: block;
    cursor: pointer;
    max-height: 200px;
}
div[id^=grid] table td audio{

    width:200px;
}


#grid2 table input[type=number] {
    width: 40px;
}

div[id^=grid] table *[class^=edit]{
    background-position: 0 -600px;
    	height:25px;
}

div[id^=grid] table *[class^=delete]{
	background-position: 0 -1074px  !important;	
    	height:25px;
}

/*div[id=grid2] table *[class^=edit] {
    background-position: unset;
    height: auto
}

div[id=grid2] table *[class^=delete] {
    background-position:unset;
    height: auto
}*/



.deleteDisabled{
	background-position: 0 -1040px  !important;	
    opacity:.6 !important;
}


#grid2 input[type=button]:hover,#grid input[type=button]:hover,
    div[id^=grid] .addHover:hover,form[id^=form] .button:hover{
 background-color: #49c0f0; background-image: linear-gradient(to bottom, #49c0f0, #133d5b);
 }

form[id^=form] div[id^=grid] input[type=button], div[id^=grid] input[type=button],
form[id^=form] #grid2 input[type=button]
 {
   
    color: white;
    font-size: 11pt;
   font-weight :bold;
    background-color: #49c0f0;
    min-width: 70px;
    padding :5px;
    margin: 0px;
    width: auto;
    border: none;
}


tr .color {background-color:#f7bc41;
}

div[id^=grid] .select em {top:5px;right:10px;z-index:101;position:relative;width:auto;font-size:14px;
}

div[id^=grid] .select input {margin-right:70px;width:auto
}

 div[id^=grid] .select  { margin-right:5px;color:black;
   
    font-size:13px;border-left:1px dotted gray;
  
    width: auto;
  background: #DDDDDD url('/images/filemanager/asc.gif') no-repeat left ;
    float:right;
    text-align :right;min-width:120px;

}
div[id^=grid] .select > ul { display: none; border:1px solid #ccc; }
div[id^=grid] .select:hover > ul {display: block; background: #f9f9f9; z-index:100;position:relative;top:5px;color:black;}
div[id^=grid] .select:hover > ul > li { padding: 5px; border-bottom: 1px dotted #e0e0e0;float:none}
div[id^=grid] .select:hover > ul > li:hover { background: white;}

div[id^=grid] ul.fields  { display: none; border:1px solid #ccc;width:550px;-webkit-column-count:4;column-count:4;
                             background: #f9f9f9; z-index:100;position:absolute;top:0px;color:black;left:140px }

div[id^=grid] ul.fields li { float:none; 
                  
                         padding-right:5px;padding-top:2px;padding-bottom:2px;
                             display: inline-block;text-align :right;width:110px;
}

div[id^=grid] .fields ul input {
  
}

div[id^=grid] table th.desc {background: url('/images/arrow_up.png') no-repeat scroll left center ;
}

div[id^=grid] table th#countparameter {
    display: none;
}
div[id^=grid] table td.countparameter {
    display: none;
}

div[id^=grid] table th.asc {background: url('/images/arrow_down.png') no-repeat scroll left center ;

}

    div[id^=grid] .GridToolbar { position:relative;
    }
    /*div text box search*/
div[id^=grid] .GridToolbar div {background-color:white;height:28px; float:right;margin-top:5px;
}

div[id^=grid] .GridToolbar  {background-color:#EAEBEC;width:100%;float:right;border-bottom:1px solid #e0e0e0;
              
}
    div[id^=grid] .GridToolbar li {
        float: left;
        padding-left: 5px;
        margin-bottom: 2px;
    }
div[id^=grid] .GridToolbar img {
    cursor: pointer;

    
}
    .GridToolbar img:hover {
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-filter: grayscale(0%);
        filter: none;
        filter: grayscale(0%);
    }


div[id^=grid] .GridToolbar input {
    float: right;
    font-size: 16px;
    background-color: transparent;
    padding: 3px;
    font-family: 'B nazanin,tahoma';
    outline: none
}

    
div[id^=grid]  #toolBar span {padding-right :10px;padding-left :0px;
}
    div[id^=grid]  #toolBar span:nth-child(even) {
    }

    
div[id^=grid] .footer {
	
    float:right;
	width:100%;
	
	background-color:#DDDDDD;
}


div.paging {float:right ;padding-right:10px;
}

    div[id^=grid] .paging li {float:right ;padding:6px;margin:5px;
		-webkit-border-radius: 5px;	
		border-radius: 5px;	border:1px #eeeeee solid;
        cursor:pointer;


    }

    div[id^=grid] div select  {border:none;float:right ;margin:4px;padding:3px
    }

    


    
div[id^=grid] .loading {text-align: center; background-color: black;display:none;
    position:absolute;
    z-index: 100;
    opacity :0.2; 
}

    div[id^=grid] .loading img {
          padding-top:5%;

    }

div[id^=grid] .selectGrid em {top:5px;right:10px;z-index:90;position:relative;width:auto;font-size:0.8em;
}



div[id^=grid] .selectGrid input {margin-right:70px;width:auto
}


div[id^=grid] table td  input[type=text] {background-color:white;border:1px solid black;padding:5px;width:auto;
}

 div[id^=grid] .selectGrid  { margin-right:5px;color:black;
   
    border-left:1px dotted gray;
  
    width: auto;
  background: #DDDDDD url('/images/filemanager/asc.gif') no-repeat left ;
    float:right;
    text-align :right;min-width:140px;

}
div[id^=grid] .selectGrid > ul { display: none; border:1px solid #ccc; }
div[id^=grid] .selectGrid:hover > ul {display: block; background: #f9f9f9; z-index:99;position:relative;top:5px;color:black;}
div[id^=grid] .selectGrid:hover > ul > li { padding: 5px; border-bottom: 1px dotted #e0e0e0;float:none}
div[id^=grid] .selectGrid:hover > ul > li:hover { background: white;}


@media (max-width: 600px) {

 
    div[id^=grid] .txtSearch {width:140px;
    }


    element {
    }

    div[id^="grid"] {
      
       
    }

  
}