.rightPop input[type=text], .rightPop input[type=file], .rightPop textarea {padding: 3px 3px; color: #333; background-color:#fff; border: 1px solid #3598dc; border-radius: 2px;}
.rightPop input[type=text]{height:30px;}
.rightPop input[type=checkbox] {border: 1px solid #3598dc; background-color: #fff; color:#3598dc;}
.rightPop select {border: 1px solid #3598dc; color: #333; height:30px; font-size:90%; border-radius:2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/images/select_arrow_down.jpg') right center no-repeat transparent; padding: 0 35px 0 5px;}
.rightPop select::-ms-expand {display: none;} /* hide the default arrow in ie10 and ie11 */
.rightPop select > option { color:#333;}
.rightPop select, .rightPop input[type=text], .rightPop input[type=file], .rightPop textarea, .rightPop input[type=checkbox]  {margin: 4px 0px; width: -webkit-fill-available; width: 100%;}
.rightPop input[type=text].hasDatepicker {width:80px;}
@media screen and (min-width:0\0) {.rightPop select {background-image:none\9; padding: 5px\9;}} /*MSIE 9 workaround*/
input[type=button] {border: 1px solid #999; color: #fff;background-color: #3598dc; padding:4px 8px; font-weight:600; font-size: 104%; text-transform: capitalize;}
.infoBtn {padding-left:34px !important; background-image:url('/images/message_icons.png'); background-position:0 -30px; background-repeat: no-repeat;}
.warningBtn{padding-left:34px !important; background-image:url('/images/message_icons.png'); background-position:0 0; background-repeat: no-repeat; background-color: #f70 !important;}
.okBtn {padding-left:34px !important; background-image:url('/images/message_icons.png'); background-position:0 -60px; background-repeat: no-repeat; background-color: #008f00 !important}
input[type=submit] {border: 1px solid #999; color: #fff;background-color: #3598dc; padding:4px 8px; font-weight:600; font-size: 104%; text-transform: capitalize;}
input[type=submit]:disabled {
    background: #dddddd;
}
/*checkboxes*/
 /* Customize the label (the checkboxContainer) */
.checkboxContainer {position: relative; padding-left: 35px; padding-right:20px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* Hide the browser's default checkbox */
.checkboxContainer input {position: absolute; opacity: 0; cursor: pointer;}

/* Create a custom checkbox & radiobox */
.checkmark {position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #eee;}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark, .checkboxContainer:hover input ~ .radiomark {background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark, .checkboxContainer input:checked ~ .radiomark {background-color: #3598dc;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after, .radiomark:after {content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after, .checkboxContainer input:checked ~ .radiomark:after {display: block;}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} 

/*Radiobuttons*/
.radiomark {position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #eee; border-radius: 50%;}

/* Style the indicator (dot/circle) */
.checkboxContainer .radiomark:after {top: 7px; left: 7px; width: 8px; height: 8px; border-radius: 50%; background: white;}

/*
@media screen and (min-width: 501px) and (max-width: 631px)
{
    select {max-width: 360px;}
}

@media screen and (min-width: 401px) and (max-width: 500px)
{
    select {max-width: 280px;}
}

@media screen and (max-width: 400px)
{
    select {max-width: 220px;}
}
*/