/*form*/

/*buttons*/

#button_continue_id{background-color:green;color:white;font-size:.8em;}

#button_continue_id:hover{opacity:0.8;}



td.control-group{width:3em}

label {width:5em;}

select, input {

height: 24px;

width:12em;

padding-left:3px;

margin-left:4px; margin-bottom:4px;

border: none;

}

select {

color:black; background-color:#D8D8d8; font-size:.8em;

width:9em;

}

input {color:black; background-color:#D8D8d8; }

input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus {

    background-color:white;

    border: 1px solid yellow;}

/* validate styles 7 dec 13 */

label.valid {

  background: url(assets/img/valid.png) center center no-repeat;

  display: inline-block;

  text-indent: -9999px;

}

label.error {

        white-space:nowrap;

        color: red;

        padding: 2px 8px;

        margin-top: 2px;

}

/*style dropdown */

:root .css3-metro-dropdown option,

:root .css3-metro-dropdown:after,

:root .css3-metro-dropdown::after,

:root .css3-metro-dropdown select

{

color: black;

}

 :root .css3-metro-dropdown select, 

:root .css3-metro-dropdown:after,

:root .css3-metro-dropdown::after

{

/* display: block;*/

/*background: white; background white */

/* color: black;*/

/* width:11em; /*width of select box*/

/*margin-left:4px;*/

}

:root .css3-metro-dropdown option:hover

{

  /*  background: orange; */

}

:root .css3-metro-dropdown select,

:root .css3-metro-dropdown option

{

/* padding-top:6px; padding-bottom:6px; */   

}

:root .css3-metro-dropdown

{

    position: relative;

    display: inline-block;

    border: 0;

}

 

:root .css3-metro-dropdown::after

{

    content: "\25bc"; /*triangle symbol*/

    position: absolute;

    top: 0;

    right: 0;

    padding-top:2px;

    display: block;

    width: 30px;

    font-size: 1em;

    height: 20px;

    text-align: center;

    color:red;

    background:#A5A39E;

    border: 1px solid #A5A39E;

    border-top-right-radius:2px;

    border-bottom-right-radius:2px;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}

 

:root .css3-metro-dropdown select

{

  /* height: 1.5em;

   border: 0; */

   vertical-align: middle;

   /*font: normal 12px/14px "Segoe UI", Arial, Helvetica, Sans-serif; */

   outline: 0 none;

}

 

:root .css3-metro-dropdown option 

{

    height:20px;

    padding-top:0px;

    background: #E8E2D6;

}



 .css3-metro-dropdown option:hover

{



    background: red;

}