/*Not related to example*/
body {height: 100%, font-family:Helvetica;line-height:1.8em;color:#000;margin-top: 0px; }


.hyperlinks{
text-decoration: underline;
color: #3150EB;

}

.hyperlinks :hover{
text-decoration: underline;
color: #3150EB;

}
 
div#logupdate { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url('processing.gif') no-repeat center center; opacity:0.95; }

.mid-headerH{
 margin:0px; 
 background:white;
  color:#003418; 
  width:150px;
   height:auto; 
   padding:0px;
    border-bottom:solid 1px #000;}
table td{
text-align:left;

}
table th{
text-align:left;
color: #0E5010;

}

.tekwani-input-text-disabled{    
    padding: 5px;    
    border: 1px solid #4d816a;
    font-size: 10px;
    color: white;
    background: #cbcbcb;
    width:200px;
   
    /*Applying CSS 3radius*/    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;   
    
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 5px #DDDDDD;
    -webkit-box-shadow: 0 0 10px #DDDDDD;
    box-shadow: 0 0 5px #DDDDDD;

}

.tekwani-input-text-notordered{    
    padding: 5px;    
    border: 1px solid #4d816a;
    font-size: 10px;
    color: white;
    background: #f8c7c7;
    width:200px;
   
    /*Applying CSS 3radius*/    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;   
  
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 5px #f8c7c7;
    -webkit-box-shadow: 0 0 10px #f8c7c7;
    box-shadow: 0 0 5px #DDDDDD;

}



.tekwani-input-text-yes{    
    padding: 5px;    
    border: 1px solid #4d816a;
    font-size: 10px;
    background: green;
    width:200px;
   height: 22px;
    /*Applying CSS 3radius   
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;   
    */ 
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 5px #DDDDDD;
    -webkit-box-shadow: 0 0 10px #DDDDDD;
    box-shadow: 0 0 5px #DDDDDD;

}

.disabled{    

    background: #cbcbcb;


}

.tekwani-input-text-no{    
    padding: 5px;    
    border: 1px solid #4d816a;
    font-size: 10px;
    background: red;
    width:200px;
	height: 22px;
   
    /*Applying CSS 3radius   
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;   
   */ 
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 5px #DDDDDD;
    -webkit-box-shadow: 0 0 10px #DDDDDD;
    box-shadow: 0 0 5px #DDDDDD;

}



.textArea {
    border: 1px solid grey;
    width: 223px;
    height:100px;
     transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

.textArea:hover,
.textArea:focus {
 
    background-size: 25px 25px;
    background-position: 96% 62%; 
    border: 1px solid rgb(173, 204, 204); 
    outline: none; 
    background: rgb(255, 255, 255); 
}





.textFieldReadOnly{

    background-color: #D8DCDC;
    cursor: not-allowed;
    height: 30px;
    width: 228px;
    font-size: 12px;
    font-family: Calibri;
    
    border: 1px solid grey; 

}

.mid-headerH{ margin:0px; background:white; color:#003418; width:150px; height:auto; padding:0px; border-bottom:solid 1px #000;}
table td{
text-align:left;

}


.textArea {
    border: 1px solid grey;
    width: 225px;
    height:100px;
     transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

.textArea:hover,
.textArea:focus {
 
    background-size: 25px 25px;
    background-position: 96% 62%; 
    border: 1px solid rgb(173, 204, 204); 
    outline: none; 
    background: rgb(255, 255, 255); 
}


.ticket_number
{
  font-size: 20px;
  color: red;
  font-weight: bold;
}


.label
{
  font-size: 15px;
  font-family: Calibri;
  color: black;
}


.ticketnumber
{
  font-size: 20px;
  font-family: Calibri;
  color: red;
  font-weight:bold;
}

.datatableTextField
{

    border-color: red;
    height: 21px;
    width: 223px;
    font-size: 12;
    font-family: Calibri;
    padding: 1px 1px 1px px;
}

.filterbtn{

  margin-top: -
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 4px;
  font-family: Calibri;
  height: 25px;
  font-size: 12px;
  background: white;
  border: solid #0E5010 1px;
  text-decoration: none;
}

.filterbtn:hover{
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 4px;
  font-family: Calibri;
  
  font-size: 12px;
  background: #0E5010;
  color:white;
  
  text-decoration: none;
}

.btnoption {
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Calibri;
  color: #000000;
  font-size: 15px;
  background: #C6C6C6;
  padding: 6px 6px 6px 6px;
  border: solid #252a2e 0px;
  text-decoration: none;
  
}

.cddropdown {
	
    border: 1px solid grey;
    height: 30px;
    width: 228px;   
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;

}   

.filterselect {
  
    border: 1px solid grey;
    height: 30px;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;

}   

.filterselect:hover,
.filterselect:focus {
 
    background-size: 25px 25px;
    background-position: 96% 62%; 
    border: 1px solid rgb(173, 204, 204); 
    outline: none; 
    background: rgb(255, 255, 255); 
}


.ui-autocomplete
{

  list-style-type: none;
  width: 150px;
  font-family: Calibri;
}



table.styledtable tbody tr:nth-child(2n+1) td {
  background: #e8e8e9;
}



 #hider
    {
        position:absolute;
        top: 0%;
        left: 0%;
        width:100%;
        height:100%;
        margin-top: 0%; 
        margin-left: 0%; 

        z-index: 99;
       background-color:#003418;

       opacity:0.85;
    }

    #thicknessbox  
    {

   top: 40%;
    left: 50%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }

    #mixlayerbox  
    {

   top: 40%;
    left: 50%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }

    #lengthbox1
    {

   top: 30%;
    left: 20%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }

    #lengthbox2  
    {

   top: 30%;
    left: 20%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }

     #lengthbox3  
    {

   top: 30%;
    left: 20%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }

      #widthbox  
    {

   top: 50%;
    left: 50%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }

.pickbutton{    
    padding: 5px;    
    border: 1px solid #4d816a;
    width:200px;
    font-size: 30px;
    font-weight: bold;
    background: #003418;
    width:210px;
    color:#edf1ef;
   
    /*Applying CSS 3radius*/    
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;   
    border-radius: 8px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 5px #DDDDDD;
    -webkit-box-shadow: 0 0 10px #DDDDDD;
    box-shadow: 0 0 5px #DDDDDD;

}
.pickbutton:hover
{
    border:1px solid #07bee5;
    background: #a8a8a8;
}
.pickbutton:focus
{
    box-shadow:0 0 3px #07e583;
    background: red;

}

    table.prekiln tbody tr:nth-child(2n) td {
  background: #f6f6f6;
}



table.prekiln tbody tr:nth-child(2n+1) td {
  background: #e8e8e9;
}



.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     1000px;
    width:      2000px;
    background: rgba( 255, 255, 255, .8 ) 
                url('../application/images/busyloader.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}
body.loading .modal {
    display: block;
}


#timeintokilnbox  
    {

   top: 40%;
    left: 50%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }


    #detailsbox  
    {

   top: 40%;
    left: 50%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }



















.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
    
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    width: 114px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
    text-align: center;
}

.tabs-menu li.current {
    
    background-color: #fff;
  
    z-index: 5;
   
}

.tabs-menu li:hover {
    
    background-color: #666666;
  
    z-index: 5;
   
}
.tabs-menu li a {
    padding: 10px;

    color: #fff;
    font-size: 12px;
}

.tabs-menu .current a {
    color: #2e7da3;
    text-align: center;
}

.tab {
    
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 660px;
    padding: 20px;
    display: none;
    width: auto;
}

#tab-1 {
 display: block;   
}


   #timeoutofkilnbox  
    {

   top: 40%;
    left: 50%;
   
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    position:fixed;
    
        border: 1px solid #ccc;
        border:  2px solid black;
        z-index:100; 
        background-color:white;

    }


















    /*Not related to example*/


.subheading{
color:#0E5010;
font-size:20px;
 margin-top:10px;
  margin-right:20px;
float:right;

}

.heading{
color:#fff;
font-size:20px;
 margin-top:-35px;

 margin-bottom: 5px;
 padding-bottom: 5px;

}



table {
  height:90px;
}

.bundleTotals td{
  background-color: white;
}

tr.yellow td {
  /*border: 1px solid #CCC;
  border-bottom: 1px solid #FB7A31;*/
  background: #164112;
  text-align: middle;
  line-height:100%;

  }


.textField1 {
    border: 2px solid rgb(173, 204, 204);
    height: 105px;
    width: 232px;
   
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}
.textField {
    border: 1px solid grey;
    height: 30px;
    width: 228px;
   
    transition: 500ms all ease;
    
}
.cddropdown:hover,
.cddropdown:focus {
 
    background-size: 25px 25px;
    background-position: 96% 62%; 
    border: 1px solid rgb(173, 204, 204); 
    outline: none; 
    background: rgb(255, 255, 255); 
}
.textField:hover,
.textField:focus {
 
    background-size: 25px 25px;
    background-position: 96% 62%; 
    border: 1px solid rgb(173, 204, 204); 
    outline: none; 
    background: rgb(255, 255, 255); 
}


.submitbtn {

   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: calibri;
  color: #000000;
  font-size: 15px;
  background: #00CC33;
  padding: 6px 6px 6px 6px;
  border: solid #252a2e 0px;
  text-decoration: none;
  width: auto;
  height: 40px;
}


/*button main button */
.mainbtn {
    -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 15px;
  background: #ffffff;
  padding: 6px 6px 6px 6px;
  border: solid #228B22 1px;
  text-decoration: none;


  background: #228B22;
  background-image: -webkit-linear-gradient(top, #228B22, #228B22);
  background-image: -moz-linear-gradient(top, #228B22, #228B22);
  background-image: -ms-linear-gradient(top, #228B22, #228B22);
  background-image: -o-linear-gradient(top, #228B22, #228B22);
  background-image: linear-gradient(to bottom, #228B22, #228B22);
  text-decoration: none;
}

/*close button css code*/
.closebtn {
  background: #dfe4e6;
  background-image: -webkit-linear-gradient(top, #dfe4e6, #2e3030);
  background-image: -moz-linear-gradient(top, #dfe4e6, #2e3030);
  background-image: -ms-linear-gradient(top, #dfe4e6, #2e3030);
  background-image: -o-linear-gradient(top, #dfe4e6, #2e3030);
  background-image: linear-gradient(to bottom, #dfe4e6, #2e3030);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Georgia;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 6px 6px 6px;
  border: solid #030303 0px;
  text-decoration: none;
}

/*select input code*/

.mid-headerH{ margin:0px; background:white; color:green; width:150px; height:auto; padding:0px; border-bottom:solid 1px #000; text-align:left;}
table td{
text-align:left;

}

.ui-autocomplete
{
 list-style-type:none;
 width: 150px;
 font-family:Calibri;
 padding:0px;
 margin:0px;
 background:whitesmoke;
 color:#000;
 font-size:15px;
cursor: pointer;
}


.ui-autocomplete
{

  list-style-type: none;
  width: 150px

}
/*button process*/
.process {

  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Calibri;
  color: #000000;
  font-size: 15px;
  background: #228B22;
  padding: 6px 6px 6px 6px;
  border: solid #252a2e 0px;
  text-decoration: none;
  width: 120px;
  height: 33px;

}

/*button processing*/
.processing {
  
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border-radius: 9px;
    font-family: Calibri;
    color: #000000;
    font-size: 15px;
    background: #808080;
    padding: 9px 20px 9px 20px;
    border: solid #252a2e 0px;
    text-decoration: none;
	
  width: 120px;
  height: 33px;
}

/*button successful*/
.successful {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Calibri;
  color: #000000;
  font-size: 15px;
  background: green;
  padding-top:6px;
  text-align:center;
  border: solid #252a2e 0px;
  text-decoration: none;
     width: 120px;
  height: 33px;
  
}

/*button failed*/
.failed {
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Georgia;
  color: #000000;
  font-size: 15px;
  background: red;
  text-align: center;
  
  border: solid #252a2e 0px;
  
}

/*button incomplete*/
.incomplete {

   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: calibri;
  color: #000000;
  font-size: 15px;
  background: #FF0000;
  padding: 6px 6px 6px 6px;
  border: solid #252a2e 0px;
  text-decoration: none;
  width: 100px;
  height: 33px;
  
}





/*menus tabs*/
  

  

.tabs-menu {
    height: auto;
    float: left;
    clear: left;
    text-align:left;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: white;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
       border-radius: 7px;
}

.tabspacing{
  padding-top:5px;line-height: 5px;clear:left; 
}

.navtabs{
  height: 30px;
  width: 120px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: white;
    border-radius: 7px;
    text-align: center;

}
div.navtabs:hover{
  height: 30px;
  width: 120px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: grey;
    border-radius: 7px;
  text-align: center;
  cursor:pointer;

     }

.tabs-menu li.current {
    background-color: #C3BBBB;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li.newline {
    background-color: #C3BBBB;
    border-bottom: 1px solid #fff;
    z-index: 5;clear:left;
}

#currenttab{
  height: 30px;
  width: 120px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: grey;
    border-radius: 7px;
  text-align: center;
     }

.defaulttab{
  background-color:red;
  padding:5px;
  float:left;
}

.navtabs a {
    color: black;
    text-decoration: none; 
}
.navtabs a:hover {
    color: black;
    text-decoration: none; 
}
.tabscontainer{

  height: auto;
 
  padding: 0px;
}

.tabs-menu .current a {
    color: black;
}

.tab {
    border: 1px 1px 1px 1px solid #d4d4d1;

    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 660px;
    padding: 20px;
    display: none;
}

#tab-1 {
 display: block;   
}




.mainwrapper
{
 margin:0 auto;
   padding:10px;
   margin-top:35px;
   min-height: 450px;
   width: 100%;
   max-width:1100px;
   background-color: #003418;
  
  
 
}

.heading1
{
  margin-top: -30px;
  font-size: 20px;
  color: white;
}

#container { 

   margin:auto;
    margin-top: 5px;
   padding-top:1px;
    padding-left:10px;
     padding-right:10px;
     min-height: 450px;
   overflow:auto;
   width:100%;
   max-width: 1100px;
     background: #fff;
    border-radius: 15px;
    position: relative;
}
#content{
  


}




#details
{
  font-size: 12px;
  font-family: Calibri;
}

#ToolTables_example_0
{
  margin-right: 5px;
  border-radius: 4px;
font-family: Calibri;
font-size: 12px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #0E5010;
text-decoration: none;
}

#ToolTables_example_0:hover{
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 4px;
  font-family: Calibri;
  
  font-size: 12px;
  background: #0E5010;
  color:white;
  
  text-decoration: none;
}
#ToolTables_example_1:hover{
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 4px;
  font-family: Calibri;
  
  font-size: 12px;
  background: #0E5010;
  color:white;
  
  text-decoration: none;
}
#ToolTables_example_2:hover{
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 4px;
  font-family: Calibri;
  
  font-size: 12px;
  background: #0E5010;
  color:white;
  
  text-decoration: none;
}
#ToolTables_example_3:hover{
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 4px;
  font-family: Calibri;
  
  font-size: 12px;
  background: #0E5010;
  color:white;
  
  text-decoration: none;
}
#ToolTables_example_4:hover{
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 4px;
  font-family: Calibri;
  
  font-size: 12px;
  background: #0E5010;
  color:white;
  
  text-decoration: none;
}
#ToolTables_example_4
{
  margin-right: 5px;
  border-radius: 4px;
font-family: Calibri;
font-size: 12px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #0E5010;
text-decoration: none;
}
#ToolTables_example_1
{
  margin-right: 5px;
  border-radius: 4px;
font-family: Calibri;
font-size: 12px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #0E5010;
text-decoration: none;
}
#ToolTables_example_2
{
  margin-right: 5px;
  border-radius: 4px;
font-family: Calibri;
font-size: 12px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #0E5010;
text-decoration: none;
}
#ToolTables_example_3
{
  margin-right: 5px;
  border-radius: 4px;
font-family: Calibri;
font-size: 12px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #0E5010;
text-decoration: none;
}



.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color:black;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   color:black;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
   color:black;
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color:black;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
   color:black;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  color:black;
  border:1px #adadad solid;
  color: black;
  text-decoration: none;
  white-space: nowrap;
  height:22px;
  margin-top:-5px;
  
  
}
.chosen-container-single .chosen-default {
  color: #999;
}
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}