/* Buttons */
.button {
color:#ffffff;
border: 1px solid #176afa;
background-color: #176afa;
border-radius:4px;
display:inline-block;
font-family:Arial;
font-size:12px;
font-weight:normal;
padding:3px 18px;
text-decoration:none;
cursor:pointer;
height:30px;
/*display: block;*/
}
@media screen and (max-width:670px) {
.button {
padding:6px 18px;
margin: 0.3em auto;
}
}
.button:hover {
border: 1px solid #145ad3;
background-color: #145ad3;
}
.button:active {
position:relative;
top:1px;
}
.button span:active {
position:relative;
top:0px;
}
@media screen and (max-width:400px) {
.button {
width:100%;
font-size:14px;
padding:8px;
}
}
.button.add {
border: 1px solid #6a8a20;
background-color: #6a8a20;
padding-left:11px;
}
.button.add span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_097_plus.png) no-repeat 0 2px;
}
.button.add:hover {
border: 1px solid #4f6619;
background-color: #4f6619;
}
.button.edit {
background-color:#ff8400;
border:1px solid #ff8400;
color:#ffffff;
padding-left:11px;
}
.button.edit span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_060_pencil.png) no-repeat 0 1px;
}
.button.edit:hover {
background-color: #da7100;
border: 1px solid #da7100;
}
.button.delete {
border: 1px solid #cc0000;
background-color: #cc0000;
color:#ffffff;
padding-left:11px;
}
.button.delete span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_013_remove.png) no-repeat 0 3px;
}
.button.delete:hover {
border: 1px solid #ae0000;
background-color: #ae0000;
}
.button.red {
border: 1px solid #cc0000;
background-color: #cc0000;
color:#ffffff;
}
.button.red:hover {
border: 1px solid #ae0000;
background-color: #ae0000;
}
.button.deleteAll {
border: 1px solid #cc0000;
background-color: #cc0000;
color:#ffffff;
padding-left:11px;
}
.button.deleteAll span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_087_remove-circle.png) no-repeat 0 2px;
}
.button.deleteAll:hover {
border: 1px solid #ae0000;
background-color: #ae0000;
}
.button.submit {
background-color:#ff8400;
border:1px solid #ff8400;
color:#ffffff;
padding-left:11px;
}
.button.submit span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_012_ok.png) no-repeat 0 2px;
}
.button.submit:hover {
background-color: #da7100;
border: 1px solid #da7100;
}
.button.submitDisabled {
background-color:#ffffff!important;
border:1px solid #dcdcdc!important;
color:#666666!important;
text-shadow:1px 1px 0px #ffffff!important;
padding-left:11px;
}
.button.submitDisabled span {
padding-left:20px;
background: url(/site-icons/new_icons/black/glyphicons_halflings_012_ok.png) no-repeat 0 2px;
}
.button.submitDisabled:hover {;
background-color:#f6f6f6!important;
color:#666666!important;
}
.button.email {
background-color:#ff8400;
border:1px solid #ff8400;
color:#ffffff;
padding-left:11px;
}
.button.email span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_003_envelope.png) no-repeat 0 3px;
}
.button.email:hover {
background-color: #da7100;
border: 1px solid #da7100;
}
.button.help {
padding-left:11px;
}
.button.help span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_085_info-sign.png) no-repeat 0 2px;
}
.button.print {
padding-left:11px;
}
.button.print span {
padding-left:20px; 
background: url(/site-icons/new_icons/white/glyphicons_halflings_044_print.png) no-repeat 0 2px;
}
.button.chat {
padding-left:11px;
}
.button.chat span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_110_comments.png) no-repeat 0 3px;
}
.button.support {
padding-left:11px;
}
.button.support span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_084_question-sign.png) no-repeat 0 2px;
}
.button.search {
padding-left:11px;
}
.button.search span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_002_search.png) no-repeat 0 2px;
}
.button.warning {
border: 1px solid #cc0000;
background-color: #cc0000;
color:#ffffff;
padding-left:11px;
}
.button.warning span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_106_warning-sign.png) no-repeat 0 1px;
}
.button.warning:hover {
border: 1px solid #ae0000;
background-color: #ae0000;
}
.button.upload {
border: 1px solid #6a8a20;
background-color: #6a8a20;
color:#ffffff;
padding-left:11px;
}
.button.upload span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_026_upload.png) no-repeat 0 2px;
}
.button.upload:hover {
border: 1px solid #4f6619;
background-color: #4f6619;
}
.button.download {
border: 1px solid #6a8a20;
background-color: #6a8a20;
color:#ffffff;
padding-left:11px;
}
.button.download span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_025_download.png) no-repeat 0 2px;
}
.button.download:hover {
border: 1px solid #4f6619;
background-color: #4f6619;
}
.button.back {
border: 1px solid #cc0000;
background-color: #cc0000;
color:#ffffff;
padding-left:11px;
}
.button.back span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_090_arrow-left.png) no-repeat 0 4px;
}
.button.back:hover {
border: 1px solid #ae0000;
background-color: #ae0000;
}
.button.forward {
border: 1px solid #6a8a20;
background-color: #6a8a20;
color:#ffffff;
padding-left:11px;
padding-right:5px;
}
.button.forward span {
padding-right:23px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_091_arrow-right.png) no-repeat 35px 4px;
}
.button.forward:hover {
border: 1px solid #4f6619;
background-color: #4f6619;
}
.button.save {
border: 1px solid #6a8a20;
background-color: #6a8a20;
color:#ffffff;
padding-left:11px;
}
.button.save span {
padding-left:20px;
background: url(/site-icons/new_icons/white/glyphicons_halflings_171_floppy_disk.png) no-repeat 0 1px;
}
.button.save:hover {
border: 1px solid #4f6619;
background-color: #4f6619;
}
.button.green {
border: 1px solid #6a8a20;
background-color: #6a8a20;
color:#ffffff;
}
.button.green:hover {
border: 1px solid #4f6619;
background-color: #4f6619;
}
.button.purchase {
border: 1px solid #6a8a20;
background-color: #6a8a20;
color:#ffffff;
padding-left:11px;
}
.button.purchase span {
padding-left:20px;
background: url(/site-icons/new_icons/white/halflings-116-shopping-cart.png) no-repeat 0 1px;
}
.button.purchase:hover {
border: 1px solid #4f6619;
background-color: #4f6619;
}
.button.camera {
padding-left:11px;
}
.button.camera span {
padding-left:20px; 
background: url(/site-icons/new_icons/white/glyphicons-12-camera.png) no-repeat 0 2px;
}
/* /Buttons */